:root{--bg-glacier-deep: #0b1c33;--ice-white: #f4fbff;--ice-bright: #c8eeff;--ice-cyan: #52d8ff;--ice-aqua: #2ef5c8;--ice-muted: #9ad0ee;--ice-border: rgba(168, 232, 255, .42);--ice-border-strong: rgba(205, 245, 255, .78);--font-display: "Barlow Condensed", sans-serif;--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:#2ef5c852;color:var(--ice-white)}html,body{width:100%;min-height:100dvh;background-color:var(--bg-glacier-deep);color:var(--ice-white);font-family:var(--font-sans);caret-color:var(--ice-cyan);overflow-x:hidden;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--ice-cyan);outline-offset:3px}.glacier-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#528ab4,#82b4d6 30%,#c6e4f5 52%,#3d6e96,#163352);overflow:hidden;pointer-events:none}.glacier-peak{position:absolute;bottom:18%;width:65vw;height:52vh;filter:blur(22px);opacity:.85}.peak-left{left:-12vw;background:linear-gradient(135deg,#fff,#9ad0f0 48%,#28567d);clip-path:polygon(0% 100%,28% 12%,62% 48%,88% 22%,100% 100%)}.peak-center{left:22vw;bottom:12%;width:60vw;height:46vh;background:linear-gradient(160deg,#eef9ff,#76b5de 55%,#1d4468);clip-path:polygon(0% 100%,35% 18%,72% 42%,100% 100%)}.peak-right{right:-14vw;background:linear-gradient(215deg,#fff,#8bc6eb,#1c4266);clip-path:polygon(0% 100%,20% 30%,58% 8%,100% 100%)}.glacier-mist{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#d7f2ff1f,#08193061)}.app-stage{position:relative;z-index:1;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0}.app-shell{position:relative;width:100%;min-height:100dvh;background:linear-gradient(180deg,#193a5c,#0c213b 24%,#08172c,#071326);display:flex;flex-direction:column;justify-content:space-between;padding:max(18px,env(safe-area-inset-top)) 20px max(26px,env(safe-area-inset-bottom));overflow:hidden;isolation:isolate}@media(min-width:640px){.app-stage{padding:24px 16px}.app-shell{max-width:430px;min-height:760px;height:min(840px,92dvh);border-radius:32px;border:2px solid rgba(190,232,252,.52);box-shadow:0 28px 64px #00000094,0 8px 20px #00000061;padding:22px 24px 28px}}.screen-frost-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(circle at 0% 0%,rgba(210,245,255,.22) 0%,transparent 26%),radial-gradient(circle at 100% 0%,rgba(210,245,255,.2) 0%,transparent 25%),radial-gradient(circle at 0% 100%,rgba(210,245,255,.24) 0%,transparent 28%),radial-gradient(circle at 100% 100%,rgba(210,245,255,.24) 0%,transparent 28%)}.screen-corner-cracks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.top-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:60px}.brand-title{font-family:var(--font-display);font-size:2.55rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#bfeaff;text-shadow:0 1px 0 #ffffff,0 3px 0 #3f7ca6,0 6px 14px rgba(0,0,0,.65);-webkit-user-select:none;user-select:none}.skip-button{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:#0f2c4e8c;border:1px solid rgba(168,232,255,.32);color:#dff6ff;cursor:pointer;padding:6px 10px;border-radius:14px;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease}.skip-button:hover{background:#184472c7;border-color:#cdf4ffb8;transform:translateY(-52%) scale(1.05)}.skip-button:active{transform:translateY(-48%) scale(.95) rotate(-8deg)}.skip-button.ready-next{background:#0e5c6cbf;border-color:#2ef5c8c7;color:#fff}.skip-icon-wrap{width:34px;height:34px;display:block}.skip-axe-svg{width:100%;height:100%}.skip-label{font-size:.78rem;font-weight:700;letter-spacing:.02em}.ice-stage-wrapper{position:relative;z-index:8;width:100%;aspect-ratio:1 / 1;max-width:356px;margin:4px auto;display:flex;align-items:center;justify-content:center}.ice-ambient-glow{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:36px;background:radial-gradient(circle,rgba(62,210,255,.26) 0%,rgba(20,125,210,.1) 58%,transparent 78%);filter:blur(18px);pointer-events:none;transition:background .35s ease,opacity .35s ease}.ice-three-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9;pointer-events:none}.ice-question-core{position:relative;z-index:6;width:74%;height:74%;border-radius:22px;background:linear-gradient(180deg,#14385cc2,#0b223ee0 55%,#08182eeb);border:1.5px solid rgba(185,238,255,.52);box-shadow:0 16px 34px #0000008f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 22px;overflow:hidden;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1),filter .24s ease}.ice-question-core.is-shattering{opacity:0;transform:scale(1.04);filter:blur(6px);transition:opacity .18s ease-out,transform .22s ease-out,filter .18s ease-out}.ice-question-core.is-refreezing{opacity:1;transform:scale(1);filter:blur(0);transition:opacity .44s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),filter .42s ease-out}.inner-cracks-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.inner-ice-cracks-svg{width:100%;height:100%}.corner-frost-fern{position:absolute;width:56px;height:56px;pointer-events:none;z-index:1;opacity:.45;background:radial-gradient(circle at center,rgba(220,248,255,.5) 0%,rgba(155,225,255,.14) 50%,transparent 72%)}.fern-tl{top:-18px;left:-18px}.fern-tr{top:-18px;right:-18px}.fern-bl{bottom:-18px;left:-18px}.fern-br{bottom:-18px;right:-18px}.question-text-container{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:100%}.question-text{font-family:var(--font-sans);font-size:clamp(1.2rem,4.2vw,1.46rem);font-weight:800;line-height:1.38;letter-spacing:-.02em;text-align:center;text-wrap:balance;color:var(--ice-white);text-shadow:0 2px 10px rgba(0,0,0,.72)}.rating-section{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}.rating-prompt{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a9d9f5;transition:color .2s ease}.rating-prompt.rated-like{color:var(--ice-aqua)}.rating-prompt.rated-dislike{color:var(--ice-cyan)}.reaction-row{display:flex;align-items:center;justify-content:center;gap:26px;padding:2px 8px}.crystal-reaction-btn{position:relative;width:118px;padding:8px 10px 10px;border-radius:20px;background:#0c223e73;border:1.5px solid rgba(168,232,255,.22);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.78;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s ease,background-color .22s ease,border-color .22s ease,filter .22s ease}.crystal-svg-wrap{width:82px;height:70px;display:block}.crystal-thumb-svg{width:100%;height:100%;overflow:visible}.reaction-tag{font-family:var(--font-sans);font-size:.78rem;font-weight:700;color:#cbeeff;letter-spacing:.02em}.crystal-reaction-btn:hover{opacity:1;transform:translateY(-3px) scale(1.04);background:#12345ca6;border-color:#beeeff8c}.crystal-reaction-btn:active{transform:translateY(1px) scale(.96)}.crystal-reaction-btn.is-dimmed{opacity:.36;transform:scale(.93);filter:saturate(.55)}.dislike-crystal-btn.is-selected{opacity:1;transform:translateY(-3px) scale(1.06);background:#0a6cb26b;border-color:#5ce3ff;filter:drop-shadow(0 8px 18px rgba(18,192,255,.48))}.like-crystal-btn.is-selected{opacity:1;transform:translateY(-3px) scale(1.06);background:#0c84766b;border-color:#3ef8d0;filter:drop-shadow(0 8px 18px rgba(34,244,198,.48))}.crystal-reaction-btn.is-selected .reaction-tag{color:#fff}.bottom-footer{position:relative;z-index:10;display:flex;justify-content:center;padding-top:4px}.add-question-pill{min-width:204px;padding:13px 28px;border-radius:999px;background:linear-gradient(180deg,#c3e8fa57,#609ec647 52%,#4080af61);border:1.5px solid rgba(190,238,255,.72);box-shadow:0 10px 24px #00000085;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ice-white);font-family:var(--font-sans);font-size:1.02rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.add-question-pill:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0000009e}.add-question-pill:active{transform:translateY(1px) scale(.98)}.frost-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#051020c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px}.frost-modal-backdrop[hidden]{display:none}.frost-modal-card{width:100%;max-height:90%;overflow-y:auto;border-radius:16px;background:linear-gradient(180deg,#122e4f,#091a30);border:1px solid var(--ice-border-strong);box-shadow:0 20px 44px #000000b8;padding:20px 18px;color:var(--ice-white)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h2{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--ice-white)}.modal-close-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(168,232,255,.35);background:#0f2a4aa6;color:var(--ice-bright);font-size:.9rem;cursor:pointer}.add-question-form{display:flex;flex-direction:column;gap:10px}.field-label{margin-top:6px;font-size:.82rem;font-weight:700;color:var(--ice-bright)}.frost-textarea{width:100%;border-radius:12px;background:#071426d9;border:1px solid rgba(158,224,255,.42);padding:11px 13px;color:var(--ice-white);font-family:var(--font-sans);font-size:.92rem;line-height:1.45}.frost-textarea::placeholder{color:#88bede}.timestamp-note{font-size:.78rem;color:var(--ice-muted);line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.primary-frost-btn,.secondary-frost-btn{padding:10px 16px;border-radius:12px;font-family:var(--font-sans);font-size:.86rem;font-weight:700;cursor:pointer}.primary-frost-btn{background:linear-gradient(180deg,#32e8c5,#0ea89b);border:1px solid #a6ffec;color:#04242b}.secondary-frost-btn{background:#102d4ebf;border:1px solid rgba(165,228,255,.4);color:var(--ice-bright)}