:root{--spring:cubic-bezier(.32, .72, 0, 1);--system-background:#f6f7fb;--system-secondary-background:#eef0f6;--system-tertiary-background:#fff;--system-grouped-background:#f6f7fb;--system-secondary-grouped-background:#fff;--system-tertiary-grouped-background:#f6f7fb;--label:#1c1c1e;--secondary-label:#3c3c439e;--tertiary-label:#3c3c4352;--quaternary-label:#3c3c432e;--system-blue:#007aff;--system-green:#34c759;--system-red:#ff3b30;--system-orange:#ff9500;--system-yellow:#fc0;--system-purple:#af52de;--system-pink:#ff2d55;--system-teal:#5ac8fa;--system-indigo:#5856d6;--system-gray:#8e8e93;--system-gray2:#aeaeb2;--system-gray3:#c7c7cc;--system-gray4:#d1d1d6;--system-gray5:#e9e9ee;--system-gray6:#f2f2f7;--separator:#3c3c4329;--opaque-separator:#e3e3e8;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--radius:12px;--radius-lg:16px;--radius-xl:24px;--glass-bg:#ffffff9e;--glass-border:#ffffffd9;--glass-shadow:0 24px 48px -28px #1e225a40;--glass-gloss:inset 0 1px 0 #ffffffd9;--btn-bg:#ffffff8c;--btn-border:#ffffffbf;--btn-shadow:0 8px 18px -10px #1e225a47;--field-bg:#ffffffb3}html[data-theme=dark]{--system-background:#050507;--system-secondary-background:#101014;--system-tertiary-background:#17171c;--system-grouped-background:#050507;--system-secondary-grouped-background:#101014;--system-tertiary-grouped-background:#17171c;--label:#f5f5fa;--secondary-label:#ebebf59e;--tertiary-label:#ebebf557;--quaternary-label:#ebebf533;--system-gray:#8e8e93;--system-gray2:#636366;--system-gray3:#48484a;--system-gray4:#3a3a3e;--system-gray5:#2c2c32;--system-gray6:#1c1c22;--separator:#54545e8c;--opaque-separator:#34343c;--glass-bg:#14141a8c;--glass-border:#ffffff17;--glass-shadow:0 30px 60px -30px #000000b3;--glass-gloss:inset 0 1px 0 #ffffff1a;--btn-bg:#ffffff12;--btn-border:#ffffff1f;--btn-shadow:0 10px 24px -12px #0000008c;--field-bg:#ffffff0f}html[data-theme=light]{--system-background:#f6f7fb;--system-secondary-background:#eef0f6;--system-tertiary-background:#fff;--system-grouped-background:#f6f7fb;--system-secondary-grouped-background:#fff;--system-tertiary-grouped-background:#f6f7fb;--label:#1c1c1e;--secondary-label:#3c3c439e;--tertiary-label:#3c3c4352;--quaternary-label:#3c3c432e;--system-gray:#8e8e93;--system-gray2:#aeaeb2;--system-gray3:#c7c7cc;--system-gray4:#d1d1d6;--system-gray5:#e9e9ee;--system-gray6:#f2f2f7;--separator:#3c3c4329;--opaque-separator:#e3e3e8;--glass-bg:#ffffff9e;--glass-border:#ffffffd9;--glass-shadow:0 24px 48px -28px #1e225a40;--glass-gloss:inset 0 1px 0 #ffffffd9;--btn-bg:#ffffff8c;--btn-border:#ffffffbf;--btn-shadow:0 8px 18px -10px #1e225a47;--field-bg:#ffffffb3}@media (prefers-color-scheme:dark){:root{--system-background:#050507;--system-secondary-background:#101014;--system-tertiary-background:#17171c;--system-grouped-background:#050507;--system-secondary-grouped-background:#101014;--system-tertiary-grouped-background:#17171c;--label:#f5f5fa;--secondary-label:#ebebf59e;--tertiary-label:#ebebf557;--quaternary-label:#ebebf533;--system-gray:#8e8e93;--system-gray2:#636366;--system-gray3:#48484a;--system-gray4:#3a3a3e;--system-gray5:#2c2c32;--system-gray6:#1c1c22;--separator:#54545e8c;--opaque-separator:#34343c;--glass-bg:#14141a8c;--glass-border:#ffffff17;--glass-shadow:0 30px 60px -30px #000000b3;--glass-gloss:inset 0 1px 0 #ffffff1a;--btn-bg:#ffffff12;--btn-border:#ffffff1f;--btn-shadow:0 10px 24px -12px #0000008c;--field-bg:#ffffff0f}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:linear-gradient(135deg, color-mix(in srgb, var(--system-blue) 7%, #eef0f8) 0%, #fff 45%, color-mix(in srgb, var(--system-blue) 9%, #eef0f8) 100%);color:var(--label);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.24px;overscroll-behavior-y:none;min-height:100vh;margin:0;font-size:17px;line-height:1.47;position:relative;overflow-x:hidden}html{scroll-padding-top:96px}html[data-theme=dark] body{background:#050507;background-image:radial-gradient(1100px 620px at 50% -12%, color-mix(in srgb, var(--system-blue) 14%, transparent), transparent 65%), radial-gradient(900px 500px at 85% 105%, color-mix(in srgb, var(--system-blue) 10%, transparent), transparent 60%)}.liquid-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wave{opacity:.35;will-change:transform, border-radius;position:absolute}.wave:after{content:"";border-radius:inherit;filter:blur(12px);opacity:.5;background:linear-gradient(155deg,#ffffff80 0%,#ffffff14 38%,#0000 60%);position:absolute;inset:0}.w1{filter:blur(95px);background:linear-gradient(115deg, color-mix(in srgb, var(--system-blue) 40%, #fff) 0%, color-mix(in srgb, var(--system-blue) 26%, transparent) 45%, transparent 80%);border-radius:58% 42% 52% 48%/55% 45%;width:85vw;height:48vh;animation:26s ease-in-out infinite alternate wave-flow-1;top:4vh;left:-18vw}.w2{filter:blur(100px);background:linear-gradient(65deg, transparent 12%, color-mix(in srgb, var(--system-blue) 22%, #fff) 55%, color-mix(in srgb, var(--system-blue) 18%, transparent) 82%);border-radius:46% 54% 44% 56%/48% 58% 42% 52%;width:80vw;height:52vh;animation:32s ease-in-out infinite alternate wave-flow-2;bottom:-12vh;right:-20vw}.w3{filter:blur(110px);opacity:.28;background:linear-gradient(90deg, #ffffff80 0%, color-mix(in srgb, var(--system-blue) 30%, transparent) 50%, transparent 85%);border-radius:52% 48% 58% 42%/60% 42% 58% 40%;width:70vw;height:34vh;animation:40s ease-in-out infinite alternate wave-flow-3;bottom:-8vh;left:18vw}html[data-theme=dark] .wave{opacity:.5}html[data-theme=dark] .w3{opacity:.4}.iridescence{filter:blur(110px);opacity:.55;mix-blend-mode:screen;background:conic-gradient(#ff96dc2e,#8cf0ff29,#fff0a024,#b4a0ff29,#ff96dc2e);border-radius:50%;width:170vw;height:170vw;margin-top:-85vw;margin-left:-85vw;animation:55s linear infinite irid-rotate;position:absolute;top:50%;left:50%}@keyframes wave-flow-1{0%{border-radius:58% 42% 52% 48%/55% 45%;transform:translate(0,0)scale(1)rotate(0)}50%{border-radius:44% 56% 60% 40%/50% 58% 42% 50%;transform:translate(5vw,4vh)scale(1.1)rotate(3deg)}to{border-radius:62% 38% 46% 54%/45% 52% 48% 55%;transform:translate(-3vw,6vh)scale(.94)rotate(-2deg)}}@keyframes wave-flow-2{0%{border-radius:46% 54% 44% 56%/48% 58% 42% 52%;transform:translate(0,0)scale(1)rotate(0)}50%{border-radius:58% 42% 54% 46%/44% 52% 48% 56%;transform:translate(-6vw,-4vh)scale(1.12)rotate(-3deg)}to{border-radius:40% 60% 58% 42%/54% 44% 56% 46%;transform:translate(3vw,-6vh)scale(.92)rotate(2deg)}}@keyframes wave-flow-3{0%{border-radius:52% 48% 58% 42%/60% 42% 58% 40%;transform:translate(0,0)scaleX(1)skew(0)}50%{border-radius:60% 40% 48% 52%/48% 56% 44% 52%;transform:translate(6vw,2vh)scaleX(1.15)skew(2deg)}to{border-radius:46% 54% 62% 38%/58% 46% 54% 42%;transform:translate(-4vw)scaleX(.9)skew(-2deg)}}@keyframes irid-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{z-index:1;max-width:1280px;margin:0 auto;padding:16px 24px 80px;position:relative}::selection{background:color-mix(in srgb, var(--system-blue) 25%, transparent);color:var(--label)}button{letter-spacing:inherit;font-family:inherit}:focus-visible{outline:2px solid color-mix(in srgb, var(--system-blue) 60%, transparent);outline-offset:2px;border-radius:6px}.topbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(170%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-gloss);border-radius:24px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.wordmark{letter-spacing:-.4px;color:var(--label);font-size:21px;font-weight:700;line-height:1}.wordmark .dot{color:var(--system-blue)}.greet{color:var(--secondary-label);margin-top:3px;font-size:13px;font-weight:500}.search{background:var(--field-bg);border:1px solid var(--separator);border-radius:999px;flex:1;align-items:center;gap:8px;min-width:170px;max-width:380px;margin-left:auto;padding:0 14px;transition:border-color .15s,background .15s;display:flex}.search:focus-within{border-color:color-mix(in srgb, var(--system-blue) 55%, transparent);background:#fffffff2}html[data-theme=dark] .search:focus-within{background:#ffffff1f}.search span{color:var(--tertiary-label);font-size:15px}.search input{color:var(--label);background:0 0;border:none;outline:none;flex:1;width:100%;padding:8px 0;font-size:15px}.chips{gap:8px;display:flex}.chip{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--secondary-label);white-space:nowrap;box-shadow:var(--btn-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(16px)saturate(150%);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.chip b{color:var(--label);margin-right:4px;font-size:14px}.avatar-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.username{color:var(--label);font-size:14px;font-weight:600}.panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(170%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-gloss);border-radius:28px;min-width:0;margin-bottom:16px;padding:24px;overflow:hidden}.panel:last-child{margin-bottom:0}.kicker{letter-spacing:.8px;text-transform:uppercase;color:color-mix(in srgb, var(--system-blue) 85%, var(--label));margin:0 0 8px;font-size:12px;font-weight:700;display:inline-block}.kicker.alt{color:var(--secondary-label)}.panel h2{letter-spacing:-.4px;color:var(--label);margin:0 0 6px;font-size:26px;font-weight:700}.panel .sub{color:var(--secondary-label);margin:0 0 16px;font-size:15px}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.divider{border:none;border-top:1px solid var(--separator);margin:18px 0}.field{margin-bottom:14px}.field label{color:var(--secondary-label);letter-spacing:-.1px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.input,.textarea,.select{background:var(--field-bg);border:1px solid var(--separator);width:100%;color:var(--label);border-radius:14px;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #1e225a0a}html[data-theme=dark] .input,html[data-theme=dark] .textarea,html[data-theme=dark] .select{box-shadow:none}.input:focus,.textarea:focus,.select:focus{border-color:color-mix(in srgb, var(--system-blue) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--system-blue) 14%, transparent);outline:none}.textarea{resize:vertical;min-height:130px;line-height:1.5}.select{appearance:none;cursor:pointer}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.btn{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--label);cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:var(--btn-shadow), var(--glass-gloss);transition:box-shadow .4s var(--spring), background .15s ease, border-color .15s ease;white-space:normal;word-break:break-word;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:10px 22px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(#ffffff80 0%,#fff0 55%);position:absolute;inset:0}.btn:hover{background:color-mix(in srgb, var(--btn-bg) 70%, #fff 30%);box-shadow:0 12px 24px -10px #1e225a4d, var(--glass-gloss)}html[data-theme=dark] .btn:hover{box-shadow:0 12px 24px -10px #0000008c, var(--glass-gloss);background:#ffffff1f}.btn-primary{background:color-mix(in srgb, var(--system-blue) 30%, #ffffffb8);border-color:color-mix(in srgb, var(--system-blue) 45%, #ffffffa6);color:color-mix(in srgb, var(--system-blue) 90%, #1c1c1e)}.btn-primary:hover{background:color-mix(in srgb, var(--system-blue) 38%, #ffffffb8);box-shadow:0 14px 28px -10px color-mix(in srgb, var(--system-blue) 55%, transparent), var(--glass-gloss)}html[data-theme=dark] .btn-primary{background:color-mix(in srgb, var(--system-blue) 30%, #ffffff14);border-color:color-mix(in srgb, var(--system-blue) 55%, #ffffff2e);color:#fff}html[data-theme=dark] .btn-primary:hover{background:color-mix(in srgb, var(--system-blue) 40%, #ffffff14)}.btn-plum{background:color-mix(in srgb, var(--system-blue) 16%, var(--btn-bg));border-color:color-mix(in srgb, var(--system-blue) 26%, var(--btn-border));color:color-mix(in srgb, var(--system-blue) 90%, var(--label))}.btn-pill-solid{background:var(--label);color:var(--system-background);border-color:#0000;box-shadow:0 14px 30px -14px #00000080}.btn-pill-solid:hover{background:var(--label);box-shadow:0 18px 38px -16px #0000008c}.btn-pill-ghost{background:var(--btn-bg);color:var(--label)}.btn-sm{border-radius:999px;padding:7px 16px;font-size:13px}.btn-danger{color:var(--system-red);background:color-mix(in srgb, var(--system-red) 10%, var(--btn-bg));border-color:color-mix(in srgb, var(--system-red) 22%, var(--btn-border))}.icon-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--secondary-label);cursor:pointer;box-shadow:var(--glass-gloss);border-radius:10px;padding:4px 9px;font-size:13px;font-weight:600;line-height:1.3}.icon-btn:hover{color:var(--label);transform:translateY(-1px)}.link-btn{color:var(--system-blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.link-btn:hover{text-decoration:underline}.dropzone{border:1.5px dashed color-mix(in srgb, var(--system-blue) 32%, var(--separator));background:color-mix(in srgb, var(--system-blue) 6%, var(--field-bg));text-align:center;cursor:pointer;color:var(--secondary-label);border-radius:18px;padding:26px 16px;font-size:14px;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--system-blue);background:color-mix(in srgb, var(--system-blue) 10%, var(--field-bg));color:var(--label)}.dropzone .dz-title{color:var(--label);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.dropzone .dz-sub{color:var(--tertiary-label);font-size:12px;font-weight:500}.dz-preview{margin-top:10px;position:relative}.dz-preview img{border:1px solid var(--glass-border);max-width:100%;box-shadow:var(--glass-shadow);border-radius:14px;display:block}.dz-remove{border:1px solid var(--glass-border);color:var(--label);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:10px;padding:5px 12px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}html[data-theme=dark] .dz-remove{background:#282832d9}.dz-remove:hover{border-color:var(--system-red);color:var(--system-red)}.file-picker input[type=file]{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.file-picker{cursor:pointer;flex-wrap:wrap;align-items:center;gap:14px;display:flex}.file-picker-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--label);cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:var(--btn-shadow), var(--glass-gloss);border-radius:16px;align-items:center;gap:10px;padding:10px 20px 10px 10px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s,background .15s;display:inline-flex;position:relative;overflow:hidden}.file-picker-btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(#ffffff80 0%,#fff0 55%);position:absolute;inset:0}.file-picker:hover .file-picker-btn{box-shadow:0 12px 24px -10px #1e225a4d, var(--glass-gloss);transform:translateY(-1px)}.file-picker:active .file-picker-btn{transform:translateY(0)scale(.985)}.file-picker input:focus-visible+.file-picker-btn{outline:2px solid color-mix(in srgb, var(--system-blue) 60%, transparent);outline-offset:2px}.fp-icon{background:linear-gradient(180deg, color-mix(in srgb, var(--system-blue) 62%, #fff 10%), var(--system-blue));color:#fff;width:30px;height:30px;box-shadow:inset 0 1px 0 #ffffff73, 0 4px 10px -4px color-mix(in srgb, var(--system-blue) 60%, transparent);z-index:1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex;position:relative}.fp-txt{z-index:1;position:relative}.file-picker-name{color:var(--secondary-label);font-size:13px}.file-picker-name.ok{color:var(--system-green);font-weight:600}.spectrum{max-width:340px}.spectrum-pad{border:1px solid var(--glass-border);height:170px;box-shadow:var(--glass-shadow), var(--glass-gloss);cursor:crosshair;touch-action:none;border-radius:18px;position:relative;overflow:hidden}.spectrum-hue{border:1px solid var(--glass-border);cursor:pointer;touch-action:none;height:15px;box-shadow:var(--glass-gloss);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;margin-top:12px;position:relative}.spectrum-cursor{width:18px;height:18px;cursor:inherit;pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 2px 8px #00000040}.spectrum-hue-cursor{border-radius:5px;width:10px;height:24px;top:50%}.spectrum-row{align-items:center;gap:10px;margin-top:12px;display:flex}.spectrum-preview{border:1px solid var(--glass-border);cursor:default;width:42px;height:28px;box-shadow:var(--glass-gloss);border-radius:10px;flex-shrink:0}.spectrum-hex{font-family:var(--mono);color:var(--secondary-label);font-size:13px;font-weight:600}.note-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.note-grid{grid-template-columns:1fr}}.list-item{border:1px solid var(--glass-border);background:var(--btn-bg);-webkit-backdrop-filter:blur(14px)saturate(150%);box-shadow:var(--btn-shadow), var(--glass-gloss);border-radius:18px;padding:14px 16px;transition:transform .15s,box-shadow .2s;position:relative}.list-item:hover{transform:translateY(-1px)}.list-item .item-title{color:var(--label);font-size:15px;font-weight:600}.list-item .item-sub{color:var(--secondary-label);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;display:-webkit-box;overflow:hidden}.list-item .item-meta{color:var(--tertiary-label);font-size:11px;font-family:var(--mono);align-items:center;gap:10px;margin-top:8px;font-weight:500;display:flex}.list-item img.thumb{object-fit:cover;border:1px solid var(--glass-border);border-radius:10px;max-width:100%;max-height:110px;margin-top:8px}.list-item .ops{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.upnext{background:linear-gradient(180deg, color-mix(in srgb, var(--system-blue) 68%, #fff 20%), var(--system-blue));color:#fff;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 10px -3px color-mix(in srgb, var(--system-blue) 60%, transparent);border-radius:999px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:-10px;right:10px}.card-row{border:1px solid var(--glass-border);background:var(--btn-bg);-webkit-backdrop-filter:blur(14px)saturate(150%);box-shadow:var(--btn-shadow), var(--glass-gloss);border-radius:18px;margin-bottom:10px;overflow:hidden}.card-row .front{text-align:left;cursor:pointer;width:100%;color:var(--label);background:0 0;border:none;align-items:baseline;gap:10px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.card-row .front .tag{font-family:var(--mono);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--system-blue) 70%, #fff 15%), var(--system-blue));white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.card-row .back{border-top:1px solid var(--separator);color:var(--secondary-label);white-space:pre-wrap;padding:12px 16px;font-size:14px}.card-row .ops{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 12px;display:flex}.card-row .ops .select{width:auto;padding:5px 10px;font-size:13px}.sugg{border-style:dashed}.sugg-head{letter-spacing:.6px;text-transform:uppercase;color:var(--secondary-label);margin:16px 0 8px;font-size:12px;font-weight:700}.deck-pills{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.deck-pill{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--secondary-label);cursor:pointer;-webkit-backdrop-filter:blur(12px);box-shadow:var(--btn-shadow), var(--glass-gloss);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,transform .15s}.deck-pill:hover{color:var(--label);transform:translateY(-1px)}.deck-pill.active{background:color-mix(in srgb, var(--system-blue) 26%, var(--btn-bg));border-color:color-mix(in srgb, var(--system-blue) 45%, var(--btn-border));color:color-mix(in srgb, var(--system-blue) 90%, var(--label))}.setup-bar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px;display:flex}.setup-bar .field{flex:1;min-width:200px;margin:0}.toggle{color:var(--label);cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.toggle .toggle-txt{align-items:center;height:26px;line-height:1;display:inline-flex}.field .toggle{justify-content:space-between;width:100%;margin:0;padding:5px 0;display:flex}.toggle input[type=checkbox]{appearance:none;background:var(--system-gray4);cursor:pointer;border-radius:999px;flex-shrink:0;width:46px;height:28px;margin:0;transition:background .25s;position:relative;box-shadow:inset 0 1px 2px #0000001f}.toggle input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002e,inset 0 1px 1px #ffffff80}.toggle input[type=checkbox]:checked{background:color-mix(in srgb, var(--system-blue) 78%, #34c759)}.toggle input[type=checkbox]:checked:before{transform:translate(18px)}.stage{perspective:1400px;margin:6px 0 4px}.flip{min-height:250px;transform-style:preserve-3d;cursor:pointer;transition:transform .45s cubic-bezier(.3,1.2,.4,1);position:relative}.flip.flipped{transform:rotateY(180deg)}.face{backface-visibility:hidden;text-align:center;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:34px 30px;display:flex;position:absolute;inset:0}.face-front{background:var(--glass-bg);color:var(--label)}.face-back{background:linear-gradient(160deg, color-mix(in srgb, var(--system-blue) 55%, #fff 25%), color-mix(in srgb, var(--system-blue) 78%, transparent));color:#fff;border-color:color-mix(in srgb, var(--system-blue) 50%, #fff 30%);transform:rotateY(180deg)}.face .side-tag{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;opacity:.55;font-size:11px;font-weight:700}.face .face-text{letter-spacing:-.3px;max-width:560px;font-size:23px;font-weight:700;line-height:1.35}.face .hint{opacity:.55;font-size:12px;font-weight:600}.stage-meta{color:var(--secondary-label);font-size:13px;font-weight:600;font-family:var(--mono);justify-content:space-between;align-items:center;margin-top:14px;display:flex}.progress{background:var(--field-bg);border:1px solid var(--glass-border);border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.progress>div{background:linear-gradient(90deg, color-mix(in srgb, var(--system-blue) 60%, #34c759 20%), var(--system-blue));height:100%;box-shadow:0 0 8px -2px color-mix(in srgb, var(--system-blue) 60%, transparent);border-radius:999px;transition:width .25s}.mark-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.mark{border:1px solid var(--glass-border);background:var(--btn-bg);color:var(--label);cursor:pointer;-webkit-backdrop-filter:blur(12px);box-shadow:var(--btn-shadow), var(--glass-gloss);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:13px;font-size:15px;font-weight:700;transition:border-color .12s,background .12s,transform .12s;display:flex}.mark:hover{transform:translateY(-1px)}.mark small{color:var(--tertiary-label);font-size:11px;font-weight:500;display:block}.mark.know:hover,.mark.know.chosen{border-color:var(--system-green);color:var(--system-green)}.mark.again:hover,.mark.again.chosen{border-color:var(--system-red);color:var(--system-red)}.mark.know.chosen{background:color-mix(in srgb, var(--system-green) 12%, var(--btn-bg))}.mark.again.chosen{background:color-mix(in srgb, var(--system-red) 12%, var(--btn-bg))}.kbd-hints{color:var(--tertiary-label);flex-wrap:wrap;gap:12px;margin-top:14px;font-size:12px;font-weight:600;display:flex}kbd{font-family:var(--mono);border:1px solid var(--glass-border);color:var(--secondary-label);background:var(--btn-bg);box-shadow:var(--glass-gloss);border-bottom-width:2px;border-radius:7px;padding:1px 7px;font-size:11px;font-weight:600}.score{text-align:center;padding:24px 10px 10px}.score .big{color:var(--label);letter-spacing:-1.5px;font-size:52px;font-weight:800;line-height:1}.score .lbl{color:var(--secondary-label);margin-top:8px;font-size:14px;font-weight:600}.empty{border:1.5px dashed var(--system-gray3);text-align:center;color:var(--tertiary-label);border-radius:18px;margin-bottom:10px;padding:26px 16px;font-size:14px;font-weight:500}.empty b{color:var(--secondary-label);margin-bottom:3px;font-size:15px;font-weight:700;display:block}.roadmap{margin:12px 0 0;padding:0;list-style:none}.roadmap li{border:1px solid var(--glass-border);color:var(--secondary-label);background:var(--btn-bg);box-shadow:var(--glass-gloss);border-radius:14px;margin-bottom:10px;padding:12px 15px;font-size:14px;font-weight:500}.roadmap li b{color:var(--label);font-weight:700}.roadmap li .soon{float:right;font-family:var(--mono);color:#fff;background:var(--system-blue);border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700}.toast-wrap{z-index:50;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:color-mix(in srgb, var(--glass-bg) 88%, #fff);color:var(--label);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:11px 20px;font-size:14px;font-weight:600;animation:.18s pop}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.authbox{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.authbox .input{width:160px}.deck-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deck-title-row h2{flex:1}.count-pill{font-family:var(--mono);color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--system-blue) 68%, #fff 12%), var(--system-blue));white-space:nowrap;box-shadow:0 4px 10px -4px color-mix(in srgb, var(--system-blue) 60%, transparent);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700}.spark{color:var(--system-gray);font-weight:700}.app-shell{flex-direction:row;align-items:flex-start;gap:16px;display:flex}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(170%);border:1px solid var(--glass-border);width:68px;box-shadow:var(--glass-shadow), var(--glass-gloss);border-radius:34px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:flex-start;gap:20px;min-height:460px;padding:14px 8px;transition:width .32s cubic-bezier(.32,.72,0,1);display:flex;position:sticky;top:16px;overflow:hidden}.sidebar:hover{width:200px}.sidebar-nav,.sidebar-footer{flex-direction:column;align-items:center;gap:10px;padding:0 auto;display:flex}.sidebar-nav,.sidebar:hover .sidebar-nav,.sidebar:hover .sidebar-footer{align-items:stretch}.sidebar-footer-row{align-items:center;width:100%;display:flex}.sidebar-footer-row .sidebar-item{flex:auto;width:100%}.sidebar-item{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--label);cursor:pointer;white-space:nowrap;height:46px;box-shadow:var(--btn-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(14px)saturate(150%);border-radius:23px;justify-content:center;align-items:center;gap:12px;transition:background .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.sidebar:hover .sidebar-item{justify-content:flex-start;padding:0 10px 0 6px}.sidebar-item:hover{box-shadow:0 10px 20px -10px #1e225a4d, var(--glass-gloss);transform:translateY(-1px)}.sidebar-item.active{background:color-mix(in srgb, var(--ci,var(--system-blue)) 22%, var(--btn-bg));border-color:color-mix(in srgb, var(--ci,var(--system-blue)) 45%, var(--btn-border));box-shadow:0 8px 18px -8px color-mix(in srgb, var(--ci,var(--system-blue)) 55%, transparent), var(--glass-gloss)}.sidebar-icon{color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--ci,var(--system-blue)) 55%, #fff 30%), var(--ci,var(--system-blue)));width:33px;height:33px;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -2px 3px #0000001f, 0 4px 10px -3px color-mix(in srgb, var(--ci,var(--system-blue)) 65%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.sidebar-icon svg{filter:drop-shadow(0 1px 1px #0003);width:16px;height:16px}.sidebar-item:hover .sidebar-icon{transform:scale(1.06)}.sidebar-label{font-size:14px;font-weight:600;display:none}.sidebar:hover .sidebar-label{display:inline}.sidebar-signout{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--system-red);cursor:pointer;white-space:nowrap;height:46px;box-shadow:var(--btn-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(14px)saturate(150%);border-radius:23px;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s;display:flex}.sidebar:hover .sidebar-signout{justify-content:flex-start;padding:0 10px 0 6px}.sidebar-signout:hover{color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--system-red) 55%, #fff 30%), var(--system-red));border-color:color-mix(in srgb, var(--system-red) 50%, transparent)}.content{flex:1;min-width:0}@media (width<=768px){.app-shell{flex-direction:column;align-items:stretch}.content{width:100%}.sidebar{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--glass-bg) 92%, #000 8%);width:fit-content;max-width:calc(100vw - 8px);min-height:0;box-shadow:0 24px 50px -18px #0009, var(--glass-gloss);z-index:60;border-radius:999px;flex-direction:row;align-items:center;gap:6px;margin:0 auto;padding:8px 10px;position:fixed;top:auto}.sidebar:hover{width:fit-content}.sidebar-nav{flex-direction:row;gap:4px}.sidebar-footer{flex-direction:row;align-items:center;gap:4px;margin-left:2px}.sidebar-footer-row{align-items:center;width:auto}.sidebar-footer-row .sidebar-item{flex:none;width:44px}.sidebar-footer-row,.sidebar-nav{align-items:center}.sidebar-item{width:44px;min-width:44px;height:44px;box-shadow:none;background:0 0;border-color:#0000;border-radius:50%}.sidebar:hover .sidebar-item{justify-content:center;padding:0}.sidebar-item.active{background:var(--btn-bg);border-color:var(--glass-border);box-shadow:var(--glass-gloss)}.sidebar-signout{display:none}.sidebar-icon{width:36px;height:36px}.sidebar-label{display:none!important}.content{padding-bottom:calc(86px + env(safe-area-inset-bottom))}#root{padding:12px 12px calc(96px + env(safe-area-inset-bottom))}html[data-theme=light] .sidebar{background:#ffffffd1;border-color:#00000014;box-shadow:0 24px 50px -18px #1e225a59,inset 0 1px #ffffffe6}}@media (width<=400px){.sidebar{gap:2px;padding:7px 8px}.sidebar-nav,.sidebar-footer{gap:2px}.sidebar-footer{margin-left:0}.sidebar-item,.sidebar-footer-row .sidebar-item{width:40px;min-width:40px;height:40px}.sidebar-icon{width:32px;height:32px}.sidebar-icon svg{width:15px;height:15px}}@media (width<=360px){.sidebar{gap:1px;padding:6px}.sidebar-nav,.sidebar-footer{gap:1px}.sidebar-item,.sidebar-footer-row .sidebar-item{width:38px;min-width:38px;height:38px}.sidebar-icon{width:31px;height:31px}}.modal-backdrop{z-index:100;background:#1c1c2873;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--glass-border);width:90%;max-width:430px;box-shadow:var(--glass-shadow), var(--glass-gloss);border-radius:28px;padding:26px;position:relative}.modal h2{margin:0 0 6px;font-size:22px;font-weight:700}@media (width<=768px){.modal{max-height:calc(92vh - 84px);margin-bottom:80px}}.settings-tabs{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--separator);flex-wrap:nowrap;gap:8px;margin-bottom:18px;padding-bottom:10px;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{white-space:nowrap;color:var(--secondary-label);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;padding:7px 14px;font-weight:600;transition:background .15s,color .15s}.settings-tab:hover{color:var(--label)}.settings-tab.active{background:color-mix(in srgb, var(--system-blue) 22%, transparent);color:color-mix(in srgb, var(--system-blue) 90%, var(--label))}@media (width<=600px){.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;overflow:visible}.settings-tab{text-align:center;background:var(--btn-bg);border:1px solid var(--btn-border);padding:8px 10px;font-size:13px}.settings-tab.active{border-color:color-mix(in srgb, var(--system-blue) 45%, var(--btn-border))}}.avatar-colors{flex-wrap:wrap;gap:9px;margin-top:6px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:10px;width:30px;height:30px;padding:0;transition:transform .12s;box-shadow:inset 0 1px #fff6,0 2px 6px -2px #1e225a40}.color-dot:hover{transform:translateY(-1px)}.color-dot.selected{border-color:var(--label)}.auth-screen{justify-content:center;align-items:center;min-height:74vh;display:flex}.auth-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--glass-border);width:100%;max-width:420px;box-shadow:var(--glass-shadow), var(--glass-gloss);text-align:center;border-radius:30px;padding:34px 30px}.auth-form{text-align:left;margin-top:10px}.password-wrap{position:relative}.password-wrap .input{padding-right:64px}.password-toggle{color:var(--system-blue);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-switch{color:var(--secondary-label);margin-top:18px;font-size:14px}input[type=range]{appearance:none;background:linear-gradient(90deg, color-mix(in srgb, var(--system-blue) 55%, transparent), color-mix(in srgb, var(--system-blue) 25%, transparent));cursor:pointer;border-radius:999px;height:10px;box-shadow:inset 0 1px 2px #0000000f}input[type=range]::-webkit-slider-thumb{appearance:none;border:1px solid var(--glass-border);background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 3px 8px -2px #1e225a4d,inset 0 1px 1px #fff9}.hero{text-align:center;padding:72px 24px 20px}.hero-eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:var(--secondary-label);margin:0 0 16px;font-size:12px;font-weight:700}.hero-title{letter-spacing:-.03em;background:linear-gradient(180deg, var(--label) 30%, color-mix(in srgb, var(--label) 55%, transparent));-webkit-text-fill-color:transparent;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:clamp(30px,8.5vw,68px);font-weight:800;line-height:1.05}.hero-sub{color:var(--secondary-label);letter-spacing:-.2px;overflow-wrap:anywhere;max-width:580px;margin:0 auto 28px;font-size:19px;font-weight:500}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:34px;margin-top:36px;display:flex}.hero-stat b{letter-spacing:-.02em;color:var(--label);font-size:26px;font-weight:800;display:block}.hero-stat span{color:var(--tertiary-label);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600}.hero{transition:padding .45s var(--spring), margin .45s var(--spring), background .3s linear, border-color .3s linear, box-shadow .3s linear}.hero-mini{opacity:0;max-height:0;transition:max-height .45s var(--spring), opacity .35s var(--spring), transform .45s var(--spring);justify-content:center;align-items:center;gap:12px;display:flex;overflow:hidden;transform:translateY(-6px)}.hero-mini b{letter-spacing:-.4px;color:var(--label);font-size:17px;font-weight:800}.hero-mini b span{color:var(--system-blue)}.hero-mini-meta{color:var(--secondary-label);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.hero-eyebrow,.hero-title,.hero-sub,.hero-cta,.steps,.hero-stats{max-height:620px;transition:opacity .35s var(--spring), transform .45s var(--spring), max-height .45s var(--spring), margin .45s var(--spring), padding .45s var(--spring)}.hero.collapsed{background:var(--glass-bg);border:1px solid var(--glass-border);max-width:760px;box-shadow:var(--glass-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(24px)saturate(170%);border-radius:22px;margin:0 auto 14px;padding:13px 20px}.hero.collapsed .hero-mini{opacity:1;max-height:40px;transform:none}.hero.collapsed .hero-eyebrow,.hero.collapsed .hero-title,.hero.collapsed .hero-sub,.hero.collapsed .hero-cta,.hero.collapsed .steps,.hero.collapsed .hero-stats{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0;overflow:hidden;transform:translateY(-10px)}.bento{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:16px;display:grid}.bento-card{text-align:left;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(170%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-gloss);cursor:pointer;color:var(--label);min-width:0;transition:box-shadow .5s var(--spring), background .2s ease, border-color .2s ease;border-radius:24px;align-items:center;gap:15px;padding:20px 22px;font-family:inherit;display:flex}.bento-card:hover{background:color-mix(in srgb, var(--glass-bg) 78%, #ffffff1a);box-shadow:0 36px 70px -34px #0000008c, var(--glass-gloss)}html[data-theme=light] .bento-card:hover,html[data-theme=light] .bento-card{color:inherit}.span-2{grid-column:span 2}.span-3{grid-column:span 3}@media (width<=860px){.bento{grid-template-columns:1fr 1fr}.span-2,.span-3{grid-column:span 1}}@media (width<=540px){.bento{grid-template-columns:1fr}}.bento-ico{color:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex;box-shadow:inset 0 1px #fff6,inset 0 -3px 5px #0000001f,0 10px 18px -8px #00000073}.bento-ico svg{width:20px;height:20px}.bento-title{letter-spacing:-.3px;font-size:16px;font-weight:700}.bento-sub{color:var(--secondary-label);margin-top:2px;font-size:13px;font-weight:500}.reveal{opacity:0;transform:translateY(16px)scale(.996)}.reveal.in{opacity:1;transition:opacity .6s var(--spring), transform .6s var(--spring);transform:translateY(0)scale(1)}[data-hscroll]{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;overscroll-behavior-x:contain;overflow-x:auto}[data-hscroll]::-webkit-scrollbar{display:none}.list-item{content-visibility:auto;contain-intrinsic-size:auto 150px}.kbd-hint{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--tertiary-label);font-family:var(--mono);cursor:pointer;letter-spacing:.3px;border-radius:7px;padding:2px 6px;font-size:10.5px;font-weight:700;line-height:1.4}.steps{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.step{border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--label);cursor:pointer;box-shadow:var(--glass-gloss);-webkit-backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.step-dot{background:var(--btn-border);width:20px;height:20px;color:var(--secondary-label);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.step.done{border-color:color-mix(in srgb, var(--system-green) 45%, transparent);color:var(--system-green)}.step.done .step-dot{background:color-mix(in srgb, var(--system-green) 22%, transparent);color:var(--system-green)}html[data-theme=light] .step,html[data-theme=light] .step-dot{color:var(--label)}html[data-theme=light] .step.done{color:var(--system-green)}.h-row{scrollbar-width:none;-ms-overflow-style:none;gap:12px;margin:0 -4px;padding:4px 2px 10px;display:flex;overflow-x:auto}.h-row::-webkit-scrollbar{display:none}.deckcard{text-align:left;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:var(--label);box-shadow:var(--glass-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(20px)saturate(160%);border-radius:22px;flex-direction:column;flex:0 0 208px;gap:6px;min-width:0;padding:10px;font-family:inherit;display:flex}.deckcard-cover{border-radius:16px;justify-content:flex-start;align-items:flex-end;height:108px;padding:8px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff59,inset 0 -14px 22px #00000029,0 10px 18px -10px #00000080}.deckcard-cover:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff52,#fff0 42%);position:absolute;inset:0}.deckcard-ring{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#00000047;border:1px solid #ffffff59;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;position:relative}.deckcard-title{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:14px;font-weight:700;overflow:hidden}.deckcard-meta{color:var(--secondary-label);white-space:nowrap;text-overflow:ellipsis;padding:0 4px 2px;font-size:11.5px;font-weight:500;overflow:hidden}.deckcard.active{border-color:color-mix(in srgb, var(--system-blue) 55%, var(--glass-border));box-shadow:0 14px 30px -14px color-mix(in srgb, var(--system-blue) 55%, transparent), var(--glass-gloss)}.deckcard-new{border-style:dashed;flex:0 0 160px;justify-content:center;align-items:center}.deckcard-new-cover{color:var(--secondary-label);background:color-mix(in srgb, var(--system-blue) 8%, var(--field-bg));justify-content:center;align-items:center;height:72px;font-size:30px;font-weight:700;display:flex}.today{margin-bottom:16px}.featured{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-gloss);border-radius:26px;grid-template-columns:1fr auto;gap:18px;margin-bottom:14px;padding:14px;display:grid;overflow:hidden}.featured-cover{cursor:pointer;text-align:left;color:#fff;border:none;border-radius:20px;flex-direction:column;justify-content:flex-end;gap:6px;min-height:190px;padding:18px;font-family:inherit;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 -30px 50px #0003}.featured-cover:after{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#fff0 40%);position:absolute;inset:0}.featured-kicker{letter-spacing:1.4px;text-transform:uppercase;opacity:.8;z-index:1;font-size:11px;font-weight:800;position:relative}.featured-title{letter-spacing:-.6px;z-index:1;font-size:27px;font-weight:800;position:relative}.featured-meta{opacity:.85;z-index:1;font-size:13px;font-weight:600;position:relative}.featured-rail{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:10px 16px;display:flex}.featured-btns{gap:8px;display:flex}.featured-today{color:var(--secondary-label);letter-spacing:.3px;font-size:11.5px;font-weight:700}@media (width<=720px){.featured{grid-template-columns:1fr}.featured-rail{flex-direction:row}}.deckpage-full{z-index:90;overscroll-behavior:contain;padding:max(clamp(16px, 4vw, 34px), env(safe-area-inset-top)) clamp(16px, 4vw, 34px) calc(64px + env(safe-area-inset-bottom));background:radial-gradient(110% 70% at 50% -10%, color-mix(in srgb, var(--deck-accent,var(--system-blue)) 24%, transparent), transparent 62%), color-mix(in srgb, var(--system-background) 94%, transparent);-webkit-backdrop-filter:blur(40px)saturate(160%);animation:.3s cubic-bezier(.32,.72,0,1) deckpage-fade;position:fixed;inset:0;overflow-y:auto}@keyframes deckpage-fade{0%{opacity:0}to{opacity:1}}.deckpage-inner{max-width:720px;margin:0 auto;position:relative}.deckpage-inner .textarea{resize:none}.deckpage-back{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-gloss);margin-bottom:14px}.deckpage-cover{color:#fff;min-height:170px;box-shadow:inset 0 1px 0 #ffffff59, inset 0 -24px 40px #0000002e, 0 34px 64px -34px color-mix(in srgb, var(--deck-accent,var(--system-blue)) 78%, transparent);border-radius:18px;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px;display:flex;position:relative;overflow:hidden}.deckpage-cover:after{content:"";pointer-events:none;background:linear-gradient(#ffffff38,#fff0 40%);position:absolute;inset:0}.deckpage-kicker{letter-spacing:1.4px;text-transform:uppercase;opacity:.8;z-index:1;font-size:10.5px;font-weight:800;position:relative}.deckpage-title{letter-spacing:-.8px;z-index:1;font-size:clamp(26px,5vw,38px);font-weight:800;line-height:1.05;position:relative}.deckpage-meta{opacity:.85;z-index:1;font-size:12.5px;font-weight:600;position:relative}.deckpage-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 6px;display:flex}.hp-stat{border:1px solid var(--glass-border);background:var(--btn-bg);text-align:center;box-shadow:var(--glass-gloss);border-radius:16px;padding:8px 16px}.hp-stat b{letter-spacing:-.3px;color:var(--deck-accent,var(--label));font-size:17px;font-weight:800;display:block}.hp-stat span{color:var(--tertiary-label);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;font-weight:700}.deck-accent-btn{background:var(--deck-accent,var(--system-blue));color:#fff;box-shadow:0 14px 28px -14px color-mix(in srgb, var(--deck-accent,var(--system-blue)) 85%, transparent), var(--glass-gloss);border-color:#0000}.deck-accent-btn:hover{background:color-mix(in srgb, var(--deck-accent,var(--system-blue)) 88%, #000)}.focus{z-index:90;overscroll-behavior:contain;background:radial-gradient(110% 80% at 50% -5%, color-mix(in srgb, var(--system-blue) 14%, transparent), transparent 60%), color-mix(in srgb, var(--system-background) 93%, transparent);-webkit-backdrop-filter:blur(36px)saturate(150%);-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:safe center;align-items:center;gap:10px;padding:clamp(56px,9vh,88px) 20px 32px;animation:.3s cubic-bezier(.32,.72,0,1) deckpage-fade;display:flex;position:fixed;inset:0;overflow-y:auto}.focus>.stage,.focus>.stage-meta,.focus>.progress,.focus>.mark-row,.focus>.btn-row{width:100%;max-width:640px}.focus>.stage .flip{min-height:min(48vh,360px)}.focus>.mark-row .mark{border-radius:20px;padding:20px;font-size:16px}.focus>.btn-row{justify-content:center}.focus-exit{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:1;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-gloss);position:fixed}@media (width<=480px){.focus>.stage .flip{min-height:44vh}.focus>.mark-row .mark{padding:17px}}.cmdk{padding:10px}.cmdk-input{box-shadow:none;background:0 0;border:none;margin-bottom:6px;padding:10px 12px;font-size:17px}.cmdk-input:focus{box-shadow:none}.cmdk-list{scrollbar-width:none;flex-direction:column;gap:4px;max-height:46vh;display:flex;overflow-y:auto}.cmdk-list::-webkit-scrollbar{display:none}.cmdk-item{text-align:left;cursor:pointer;color:var(--label);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:8px;font-family:inherit;display:flex}.cmdk-item:hover,.cmdk-item.active{background:var(--btn-bg);border-color:var(--glass-border)}.cmdk-ico{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex;box-shadow:inset 0 1px #fff6,0 4px 10px -4px #0006}.cmdk-txt{flex:1;min-width:0}.cmdk-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cmdk-sub{color:var(--secondary-label);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.cmdk-ret{color:var(--tertiary-label);font-size:11px;font-weight:700}.sparkwrap{flex-direction:column;align-items:center;gap:6px;max-width:320px;margin:0 auto;display:flex}.spark{width:100%}.sparkmeta{color:var(--secondary-label);font-size:11.5px;font-weight:600;font-family:var(--mono)}.skeleton{background:linear-gradient(100deg, var(--btn-bg) 40%, color-mix(in srgb, var(--btn-bg) 55%, #fff 45%) 50%, var(--btn-bg) 60%);background-size:220% 100%;border-radius:18px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.dropzone.dragging{border-color:var(--system-blue);background:color-mix(in srgb, var(--system-blue) 12%, var(--field-bg));color:var(--label);box-shadow:0 0 0 4px color-mix(in srgb, var(--system-blue) 14%, transparent)}.glass-details{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 74%, transparent);border-radius:16px;margin:0 0 14px;padding:10px 14px}.glass-details summary{cursor:pointer;letter-spacing:.2px;color:var(--secondary-label);align-items:center;gap:6px;font-size:12.5px;font-weight:700;list-style:none;display:flex}.glass-details summary::-webkit-details-marker{display:none}.glass-details summary:before{content:"▸";color:var(--tertiary-label);transition:transform .2s var(--spring);font-size:10px}.glass-details[open] summary:before{transform:rotate(90deg)}.transcript-body{max-height:240px;color:var(--secondary-label);margin-top:10px;font-size:13px;line-height:1.55;overflow-y:auto}.transcript-body p{margin:0 0 3px}.formatted-preview{min-width:0}.glass-sheet{max-width:460px}.toast-stack{top:max(16px, env(safe-area-inset-top));z-index:300;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border:1px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 92%, #fff);color:var(--label);box-shadow:var(--glass-shadow), var(--glass-gloss);-webkit-backdrop-filter:blur(24px)saturate(160%);animation:toast-in .32s var(--spring);border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:600;line-height:1.35;display:flex}.toast.ok{border-color:color-mix(in srgb, var(--system-green) 40%, var(--glass-border))}.toast.err{border-color:color-mix(in srgb, var(--system-red) 46%, var(--glass-border));color:color-mix(in srgb, var(--system-red) 72%, var(--label))}.toast.info{border-color:color-mix(in srgb, var(--system-blue) 34%, var(--glass-border))}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}to{opacity:1;transform:none}}.search-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.search-hit{text-align:left;width:100%;color:var(--label);cursor:pointer;background:0 0;border:1px solid #0000;font-family:inherit;display:block}.search-hit:hover{border-color:var(--glass-border);background:var(--btn-bg)}.search-tip{color:var(--tertiary-label);flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 0;font-size:12px;display:flex}.save-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.save-chip{border:1px solid var(--glass-border);background:var(--btn-bg);letter-spacing:.35px;color:var(--tertiary-label);text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.save-chip.saving{color:var(--system-orange);border-color:color-mix(in srgb, var(--system-orange) 40%, var(--glass-border))}.chip.warn{border-color:color-mix(in srgb, var(--system-yellow) 50%, var(--glass-border));background:color-mix(in srgb, var(--system-yellow) 12%, var(--btn-bg));color:var(--secondary-label);white-space:normal}.save-chip.saved{color:var(--system-green);border-color:color-mix(in srgb, var(--system-green) 40%, var(--glass-border))}.code-block{border:1px solid var(--glass-border);background:var(--field-bg);font-family:var(--mono);color:var(--secondary-label);white-space:pre-wrap;word-break:break-all;border-radius:12px;margin:14px 0 0;padding:12px 14px;font-size:12px}@property --dock-scale{syntax:"<number>";inherits:false;initial-value:1}.lg-filter-defs{width:0;height:0;position:absolute;overflow:hidden}.lg-panel,.panel,.modal,.bento-card,.topbar,.sidebar{--px:50%;--py:0%;background:radial-gradient(120% 85% at var(--px) var(--py), #ffffff61, transparent 58%), color-mix(in srgb, var(--glass-bg) 84%, transparent);-webkit-backdrop-filter:blur(40px)saturate(180%);border:.5px solid color-mix(in srgb, var(--glass-border) 78%, transparent);position:relative;box-shadow:inset 0 1px #ffffff75,inset 0 -1px #0000000b,0 26px 64px -34px #181c465c}html[data-theme=dark] .lg-panel,html[data-theme=dark] .panel,html[data-theme=dark] .modal,html[data-theme=dark] .bento-card,html[data-theme=dark] .topbar,html[data-theme=dark] .sidebar{background:radial-gradient(120% 85% at var(--px) var(--py), #ffffff1c, transparent 55%), color-mix(in srgb, var(--glass-bg) 88%, transparent);border-color:color-mix(in srgb, var(--glass-border) 92%, transparent);box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000052,0 30px 74px -34px #000000d1}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .lg-panel,html:not([data-theme=light]) .panel,html:not([data-theme=light]) .modal,html:not([data-theme=light]) .bento-card,html:not([data-theme=light]) .topbar,html:not([data-theme=light]) .sidebar{background:radial-gradient(120% 85% at var(--px) var(--py), #ffffff1c, transparent 55%), color-mix(in srgb, var(--glass-bg) 88%, transparent);border-color:color-mix(in srgb, var(--glass-border) 92%, transparent);box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000052,0 30px 74px -34px #000000d1}}.lg-refract{isolation:isolate;position:relative}.lg-refract:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;filter:url(#lg-refract);opacity:.55;mix-blend-mode:screen;background:linear-gradient(112deg,#ffffff80 0%,#ffffff0f 26%,#0000 48%,#ffffff2e 76%,#0000 100%);position:absolute;inset:2px}html[data-theme=dark] .lg-refract:before{opacity:.24}.topbar{top:max(10px, env(safe-area-inset-top));z-index:55;transition:padding .4s var(--spring), border-radius .4s var(--spring), box-shadow .35s var(--spring);border-radius:26px;flex-wrap:nowrap;margin-bottom:clamp(18px,2.4vw,28px);position:sticky}.topbar-brand{flex-direction:column;min-width:0;display:flex}.topbar .greet{transition:opacity .3s var(--spring), max-height .35s var(--spring);max-height:22px;overflow:hidden}.topbar.condensed{border-radius:20px;padding:8px 14px;box-shadow:inset 0 1px #ffffff80,0 18px 40px -26px #181c466b}.topbar.condensed .greet{opacity:0;max-height:0}.topbar.condensed .wordmark{font-size:18px}.topbar .search{min-width:0}.topbar .chips{flex-shrink:0}.search:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--system-blue) 14%, transparent)}.kbd-hint{border:.5px solid var(--btn-border);background:var(--btn-bg);color:var(--tertiary-label);font-family:var(--mono);cursor:pointer;border-radius:8px;padding:3px 7px;font-size:10.5px;font-weight:700;line-height:1.2}.kbd-hint:hover{color:var(--label);border-color:color-mix(in srgb, var(--system-blue) 40%, var(--btn-border))}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:72vh;margin-bottom:clamp(56px,9vw,96px);padding:clamp(52px,9vh,108px) clamp(16px,4vw,36px) clamp(42px,7vh,78px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38% 44% at 28% 38%, color-mix(in srgb, var(--system-blue) 40%, transparent), transparent 72%), radial-gradient(34% 40% at 74% 58%, color-mix(in srgb, var(--system-purple) 32%, transparent), transparent 72%), radial-gradient(30% 34% at 54% 78%, color-mix(in srgb, var(--system-teal) 26%, transparent), transparent 74%);filter:blur(46px);opacity:.8;animation:40s ease-in-out infinite alternate hero-drift;position:absolute;inset:-28% -12%}html[data-theme=dark] .hero:before{opacity:.42}@keyframes hero-drift{0%{transform:translate(-2%)rotate(0)scale(1)}50%{transform:translate(2%,-2%)rotate(4deg)scale(1.1)}to{transform:translate(5%,-4%)rotate(9deg)scale(1.2)}}.hero>*{z-index:1;position:relative}.hero-eyebrow{letter-spacing:.16em;color:var(--secondary-label);margin:0 0 18px;font-size:12px;font-weight:800}.hero-title{letter-spacing:-.045em;background:linear-gradient(180deg, var(--label) 12%, color-mix(in srgb, var(--system-blue) 52%, var(--label)) 62%, color-mix(in srgb, var(--system-purple) 38%, var(--label)) 100%);-webkit-text-fill-color:transparent;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;max-width:16ch;margin:0 0 clamp(18px,2.4vh,26px);font-size:clamp(44px,9vw,96px);font-weight:800;line-height:.96}.hero-sub{color:var(--secondary-label);letter-spacing:-.24px;max-width:90ch;margin:0 auto clamp(26px,4vh,38px);font-size:clamp(17px,1.7vw,21px);font-weight:500;line-height:1.45}.hero-cta{gap:14px}.hero-cta .btn{padding:14px 28px;font-size:16px}.hero-stats{border-top:.5px solid var(--separator);border-bottom:.5px solid var(--separator);gap:0;width:min(780px,100%);margin-top:clamp(36px,6vh,62px);padding:clamp(18px,3vh,28px) 0;display:flex}.hero-stat{border-left:.5px solid var(--separator);flex:1;min-width:0;padding:0 clamp(10px,2.4vw,26px)}.hero-stat:first-child{border-left:none}.hero-stat b{letter-spacing:-.055em;color:var(--label);font-size:clamp(36px,5vw,66px);font-weight:800;line-height:1;display:block}.hero-stat span{letter-spacing:.12em;text-transform:uppercase;color:var(--tertiary-label);margin-top:7px;font-size:10.5px;font-weight:800;display:block}.hero.collapsed{min-height:0;margin:0 auto 14px}.hero.collapsed:before{display:none}.hero.collapsed{background:color-mix(in srgb, var(--glass-bg) 84%, transparent);-webkit-backdrop-filter:blur(40px)saturate(180%);border:.5px solid color-mix(in srgb, var(--glass-border) 78%, transparent);box-shadow:inset 0 1px #ffffff75,0 26px 64px -34px #181c465c}.kicker,.sugg-head,.hero-eyebrow{letter-spacing:.12em;font-size:12px;font-weight:800}.panel{border-radius:30px;padding:clamp(20px,2.6vw,28px)}.panel h2{letter-spacing:-.5px;font-size:clamp(28px,3.2vw,40px);line-height:1.08}.content>.bento,.content>.today{margin-bottom:clamp(56px,9vw,96px)}.content>.panel{margin-bottom:18px}.divider{border-top-width:.5px}.bento-card{border-radius:26px}.sidebar{border-radius:34px;position:sticky;top:16px}@media (width<=768px){.sidebar{position:fixed;top:auto}}.sidebar-icon{transform:scale(var(--dock-scale,1));transform-origin:50%;transition:transform .2s var(--spring);will-change:transform}.sidebar-item:hover .sidebar-icon,.sidebar-item:focus-visible .sidebar-icon{transform:scale(var(--dock-scale,1))}.sidebar-item{transition:background .25s var(--spring), box-shadow .25s var(--spring), border-color .25s var(--spring)}.sidebar-item.active{box-shadow:inset 0 1px 0 #fff6, 0 8px 20px -10px color-mix(in srgb, var(--ci,var(--system-blue)) 60%, transparent)}.skeleton{border:.5px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 62%, var(--separator));border-radius:16px;min-height:16px;animation:none;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.6s ease-in-out infinite skel-sweep;position:absolute;inset:0;transform:translate(-100%)}html[data-theme=dark] .skeleton{background:color-mix(in srgb, var(--glass-bg) 76%, var(--separator))}html[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff17,#0000)}@keyframes skel-sweep{to{transform:translate(100%)}}.skel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skel-card{height:96px}.skel-deck{border-radius:22px;flex:none;width:188px;height:156px}.skel-row{border-radius:14px;width:100%;height:46px}.skel-num{vertical-align:-.02em;border-radius:9px;width:52px;height:.72em;min-height:30px;display:inline-block}@media (width<=640px){.skel-grid{grid-template-columns:1fr}}:focus-visible{outline:2px solid color-mix(in srgb, var(--system-blue) 78%, transparent);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb, var(--system-blue) 13%, transparent);border-radius:10px}.modal-backdrop{-webkit-backdrop-filter:blur(16px)saturate(130%);background:#0b0b136b}html[data-theme=dark] .modal-backdrop{background:#00000094}.modal{border-radius:32px}.modal h2{letter-spacing:-.4px;font-size:clamp(24px,3vw,30px)}.toast{-webkit-backdrop-filter:blur(40px)saturate(180%);border-width:.5px}@media (width<=640px){.topbar{border-radius:20px;gap:8px;margin-bottom:16px;padding:10px 12px}.topbar .greet,.topbar .chips,.topbar .username{display:none}.topbar .wordmark{font-size:19px}.topbar .search{max-width:none}.topbar.condensed{padding:7px 10px}.hero{min-height:72vh;padding-top:44px;padding-bottom:40px}.hero-title{max-width:12ch}.hero-sub{max-width:46ch}.hero-stats{grid-template-columns:1fr 1fr;margin-top:34px;display:grid}.hero-stat{border-left:none;padding:12px 8px}.hero-stat:nth-child(odd){border-right:.5px solid var(--separator)}.hero-stat:nth-child(-n+2){border-bottom:.5px solid var(--separator)}.panel h2{font-size:clamp(26px,7vw,32px)}}@media (width<=400px){.topbar .wordmark{font-size:17px}.topbar{padding:9px 10px}}.store{margin-bottom:clamp(56px,9vw,96px)}.store-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(20px,3vw,30px);display:flex}.store-head h2{letter-spacing:-.7px;margin:0 0 8px;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.04}.store-head .sub{max-width:64ch;color:var(--secondary-label);margin:0;font-size:clamp(15px,1.6vw,18px);line-height:1.5}.store-head .btn{flex-shrink:0}.store .featured{margin-bottom:22px}.store-goals{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:clamp(28px,4vw,40px);display:grid}.goal-card{text-align:left;border:.5px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 82%, transparent);min-width:0;color:var(--label);cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(160%);transition:transform .3s var(--spring), box-shadow .3s var(--spring), border-color .2s;border-radius:22px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;display:flex;box-shadow:inset 0 1px #ffffff57,0 14px 30px -24px #181c4666}.goal-card:hover{border-color:color-mix(in srgb, var(--system-blue) 30%, var(--glass-border));transform:translateY(-3px);box-shadow:inset 0 1px #fff6,0 26px 46px -28px #181c468c}.goal-ico{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:inset 0 1px #ffffff73,inset 0 -2px 4px #00000024,0 8px 16px -8px #0006}.goal-ico svg{width:18px;height:18px}.goal-txt{flex-direction:column;gap:1px;min-width:0;display:flex}.goal-txt b{letter-spacing:-.2px;font-size:14px;font-weight:700}.goal-txt small{color:var(--secondary-label);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.goal-arrow{color:var(--tertiary-label);flex-shrink:0;margin-left:auto;font-size:15px;font-weight:700}.store-shelf-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 12px;display:flex}.store-shelf-head .sugg-head{margin:0 0 2px}.store-shelf-sub{color:var(--tertiary-label);margin:0;font-size:12px;font-weight:600}.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);margin-bottom:26px;display:grid}.product-card{text-align:left;border:.5px solid var(--glass-border);background:color-mix(in srgb, var(--glass-bg) 84%, transparent);color:var(--label);cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(160%);min-width:0;transition:transform .35s var(--spring), box-shadow .35s var(--spring), border-color .2s;border-radius:24px;flex-direction:column;padding:8px;font-family:inherit;display:flex;box-shadow:inset 0 1px #ffffff57,0 18px 40px -30px #181c4673}.product-card:hover{border-color:color-mix(in srgb, var(--system-blue) 28%, var(--glass-border));transform:translateY(-4px);box-shadow:inset 0 1px #fff6,0 34px 60px -34px #181c4699}.product-cover{border-radius:18px;height:128px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,inset 0 -22px 40px #00000038}.product-cover:after{content:"";pointer-events:none;background:linear-gradient(155deg,#ffffff6b,#ffffff0a 38%,#0000 62%);position:absolute;inset:0}.product-art{letter-spacing:-8px;color:#ffffff38;text-shadow:0 1px #ffffff26;-webkit-user-select:none;user-select:none;font-size:96px;font-weight:800;line-height:1;position:absolute;bottom:-18px;right:10px}.product-badge{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0a0c1852;border:.5px solid #ffffff52;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.product-mastery{z-index:1;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0a0c184d;border:.5px solid #ffffff4d;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.product-info{flex-direction:column;min-width:0;padding:11px 8px 7px;display:flex}.product-name{letter-spacing:-.25px;white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.product-desc{color:var(--secondary-label);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;margin-top:2px;font-size:12px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.product-meta{color:var(--tertiary-label);justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:11px;font-weight:600;display:flex}.product-included{color:var(--label);letter-spacing:.02em;font-size:10.5px;font-weight:800}.skel-product{border-radius:24px;height:218px}html[data-theme=dark] .goal-card,html[data-theme=dark] .product-card{background:color-mix(in srgb, var(--glass-bg) 90%, transparent);box-shadow:inset 0 1px #ffffff1a,0 22px 48px -34px #000000e6}@media (width<=900px){.store-goals{grid-template-columns:1fr 1fr}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.store-head{flex-direction:column;align-items:flex-start;gap:14px}.store-head h2{font-size:clamp(30px,8vw,40px)}.store-goals{scrollbar-width:none;-ms-overflow-style:none;margin:0 -4px 26px;padding:4px 4px 8px;display:flex;overflow-x:auto}.store-goals::-webkit-scrollbar{display:none}.goal-card{flex:0 0 224px}.store-grid{gap:10px}.store-grid>.product-card:only-child{grid-column:1/-1}.store-grid>.product-card:only-child .product-cover{height:150px}.product-cover{height:108px}.product-name{font-size:14px}.product-desc{min-height:31px;font-size:11.5px}.product-art{font-size:78px}}@media (width<=380px){.store-grid{grid-template-columns:1fr}.product-cover{height:138px}}@media (width<=640px){.input,.textarea,.select,.search input,.cmdk-input{font-size:16px}.topbar .search{min-width:0}.topbar .search input{text-overflow:ellipsis;min-width:0}}@media (width<=380px){.sidebar{gap:4px;padding:7px 8px}.sidebar-item{border-radius:20px;height:40px}.sidebar-icon{width:30px;height:30px}.sidebar-icon svg{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.sidebar-icon{transition:none!important}}.toast{justify-content:space-between}.toast-action{border:.5px solid color-mix(in srgb, var(--system-blue) 35%, var(--glass-border));background:color-mix(in srgb, var(--system-blue) 12%, var(--btn-bg));color:color-mix(in srgb, var(--system-blue) 92%, var(--label));font:inherit;letter-spacing:.01em;cursor:pointer;transition:background .2s var(--spring), transform .2s var(--spring);border-radius:999px;flex-shrink:0;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:800}.toast-action:hover{background:color-mix(in srgb, var(--system-blue) 20%, var(--btn-bg));transform:translateY(-1px)}.toast>span{overflow-wrap:anywhere;min-width:0}[data-hscroll]{touch-action:pan-x pan-y}html.scroll-locked,html.scroll-locked body{overscroll-behavior:none;overflow:hidden!important}html.scroll-locked body{top:calc(-1 * var(--scroll-lock-y,0px));width:100%;height:100dvh;padding-right:var(--scroll-lock-pad,0px);position:fixed;left:0;right:0}.modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;max-height:min(86dvh,760px);overflow-y:auto}.modal-backdrop{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}@media (width<=768px){.modal{max-height:calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-bottom:0}}html.hscroll-dragging,html.hscroll-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}.cmdk-list,.transcript-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.store-goals{overscroll-behavior-x:contain}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.cal-head{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding:4px 0;font-size:8px}.cal-cell{border:1px solid var(--line);background:var(--paper-raised);border-radius:6px;flex-direction:column;gap:4px;min-height:74px;padding:6px;display:flex}.cal-muted{opacity:.45}.cal-day{font-family:var(--mono);color:var(--ink-2);font-size:9px}.cal-events{flex-direction:column;gap:3px;display:flex}.cal-pill{font-family:var(--mono);letter-spacing:.04em;background:var(--paper-deep);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:2px 4px;font-size:7.5px;overflow:hidden}.cal-class{background:color-mix(in srgb, var(--sage) 24%, var(--paper-deep))}.cal-test{background:color-mix(in srgb, var(--terracotta) 24%, var(--paper-deep))}.cal-homework{background:color-mix(in srgb, var(--system-blue) 24%, var(--paper-deep))}.cal-other{background:var(--paper-deep)}.cal-more{font-family:var(--mono);color:var(--ink-3);font-size:7.5px}.cal-cell{cursor:pointer;border-radius:6px;transition:background .12s;position:relative}.cal-cell:hover:after{content:"+";color:var(--ink-3);opacity:.5;pointer-events:none;font-size:14px;position:absolute;top:4px;right:6px}.cal-today{box-shadow:inset 0 0 0 2px var(--system-blue)}.cal-today .cal-day{color:var(--system-blue);font-weight:700}.cal-cell:hover{background:color-mix(in srgb, var(--system-blue) 7%, var(--paper-raised))}.cal-pill{cursor:pointer;border:none;transition:transform .1s,box-shadow .12s}.cal-pill:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.cal-pill:active{transform:translateY(0)}.event-dialog-backdrop{-webkit-backdrop-filter:blur(4px)}.event-dialog{border-radius:14px;box-shadow:0 24px 60px -20px #00000059}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width<=760px){.cal-grid{gap:4px}.cal-cell{min-height:58px;padding:4px}.cal-pill{font-size:7px}.three-col,.two-col{grid-template-columns:1fr}}.sync-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.sync-option{border:1px solid var(--line);background:var(--paper-raised);border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.sync-option-head{align-items:center;gap:10px;display:flex}.sync-option-head svg{flex:none}.sync-option-head h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:500}.sync-option .kicker{margin:0}.calendar-import-complete{border:1px solid color-mix(in srgb, #248a50 38%, var(--separator));color:color-mix(in srgb, #176b43 82%, var(--label));background:color-mix(in srgb, #34c759 11%, var(--system-tertiary-background));border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.calendar-import-check{color:#fff;background:#248a50;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.calendar-import-complete strong,.calendar-import-complete small{color:inherit;display:block}.calendar-import-complete small{margin-top:2px;font-size:12px;line-height:1.35}.calendar-reset-card{border:1px solid color-mix(in srgb, var(--danger,#b42318) 28%, var(--separator));background:color-mix(in srgb, var(--danger,#b42318) 5%, var(--system-tertiary-background));border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px;display:flex}.calendar-reset-card strong{color:var(--label);display:block}.calendar-reset-card .sub{margin:3px 0 0}@media (width<=620px){.calendar-reset-card{flex-direction:column;align-items:stretch}.calendar-reset-card .btn{justify-content:center;width:100%}}@media (width<=900px){.sync-options{grid-template-columns:1fr}}.video-studio{flex-direction:column;gap:16px;display:flex}.video-preview{background:#000;border-radius:12px;width:100%;max-width:960px}.video-scenes{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow:auto}.video-scene{border:1px solid var(--line);background:var(--paper-raised);border-radius:8px;padding:8px 10px}html[data-design=minimalist] .liquid-bg{display:none}@media (prefers-reduced-motion:reduce){.wave,.iridescence{animation:none}}html[data-design] .content .two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}html[data-design] .content .two-col>*{min-width:0}html[data-design] .content .panel{margin-bottom:24px;padding:clamp(20px,2.6vw,32px)}html[data-design] .content .panel h2{margin-top:0;font-size:clamp(24px,2.8vw,34px);line-height:1.2}html[data-design] .content .field{min-width:0;margin-bottom:18px}html[data-design] .content .field>label{margin-bottom:7px;line-height:1.4;display:block}html[data-design] .content :is(.input,.select,textarea){width:100%;max-width:100%;font:inherit;border-radius:8px}html[data-design] .content textarea{resize:vertical;min-height:120px;line-height:1.6}html[data-design] .content .btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}html[data-design] .content .btn{justify-content:center;align-items:center;gap:7px;line-height:1.3;display:inline-flex}html[data-design] .content .list-item{gap:14px;padding:16px}html[data-design] .content .list-item>div{min-width:0}html[data-design] .content :is(.item-title,.item-sub){overflow-wrap:anywhere}html[data-design] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--system-blue,#b75a38);outline-offset:3px}@media (width<=600px){html[data-design] .content .two-col{grid-template-columns:minmax(0,1fr);gap:8px}html[data-design] .content .panel{margin-bottom:18px;padding:18px}html[data-design] .content :is(.input,.select,textarea){font-size:16px}html[data-design] .content .btn{min-height:44px}html[data-design] .content .store-head{align-items:flex-start;gap:14px}}@media (prefers-reduced-motion:reduce){html[data-design] .content *,html[data-design] .sidebar *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.skip-link{z-index:500;background:var(--system-tertiary-background);color:var(--label);border:2px solid var(--system-blue);border-radius:8px;padding:10px 16px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.workspace-heading{margin:6px 0 26px}.workspace-breadcrumb{color:var(--secondary-label);margin:0 0 10px;font-size:12px}.workspace-breadcrumb span{opacity:.6;padding:0 7px}.workspace-heading h1{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(28px,3vw,38px);line-height:1.15}.workspace-heading>p:last-child{max-width:65ch;color:var(--secondary-label);margin:0;font-size:14px;line-height:1.6}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-group+.nav-group{margin-top:18px}.nav-group-label{color:var(--secondary-label);letter-spacing:.1em;text-transform:uppercase;padding:0 12px 6px;font-size:10px;font-weight:600}html[data-design] .app-shell{grid-template-columns:176px minmax(0,1fr);gap:clamp(22px,3vw,44px);display:grid}html[data-design] .sidebar,html[data-design] .sidebar:hover{box-sizing:border-box;border-radius:14px;width:176px;max-height:none;overflow:visible}html[data-design] .sidebar-nav,html[data-design] .sidebar-footer{align-items:stretch}html[data-design] .sidebar-item,html[data-design] .sidebar:hover .sidebar-item,html[data-design] .sidebar-signout,html[data-design] .sidebar:hover .sidebar-signout{height:auto;min-height:42px;box-shadow:none;border-radius:7px;justify-content:flex-start;gap:10px;padding:8px 10px}html[data-design] .sidebar-label{font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:13px;font-weight:500;display:inline!important}html[data-design] .sidebar-item.active{background:color-mix(in srgb, var(--system-blue) 9%, transparent);font-weight:600}html[data-design] .sidebar-item.active .sidebar-label{font-weight:650}html[data-design] .sidebar-icon{width:23px;height:23px;box-shadow:none}html[data-design] .sidebar-icon svg{width:17px;height:17px}html[data-design] .sidebar-item:hover .sidebar-icon{transform:none}html[data-design] .sidebar-footer{margin-top:20px}html[data-design] .content{min-width:0}html[data-design] .content:focus{outline:none}html[data-design] .content>.hero{margin-bottom:28px;padding:24px 0 28px}html[data-design] .content .hero-title{max-width:17ch;margin-bottom:16px;font-size:clamp(34px,4.6vw,60px);line-height:1.04}html[data-design] .content .hero-eyebrow{margin-bottom:14px}html[data-design] .content .hero-sub{max-width:48ch;margin-bottom:20px;font-size:15px}html[data-design] .content .hero-stats{margin-top:10px}html[data-design] .content .hero-stat span{color:var(--secondary-label)}html[data-design] .content .hero-cta .btn{padding:11px 16px;font-size:14px}html[data-design] .store-head h2{font-size:clamp(26px,3.4vw,40px);line-height:1.15}html[data-design] .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}html[data-design] .btn,html[data-design] .settings-tab{min-height:38px}html[data-design] .field>label{font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}html[data-design] .input,html[data-design] .select{box-sizing:border-box;min-height:42px}html[data-design] details.list-item>summary{padding:4px 0;line-height:1.5}html[data-design] table{border-collapse:collapse;font-size:13px}html[data-design] th,html[data-design] td{border-bottom:1px solid var(--separator);vertical-align:top;padding:10px 8px}html[data-design] th{color:var(--secondary-label);font-size:11px}@media (width<=980px) and (width>=769px){html[data-design] .app-shell{grid-template-columns:148px minmax(0,1fr);gap:22px}html[data-design] .sidebar,html[data-design] .sidebar:hover{width:148px}html[data-design] .topbar .chips{display:none}}@media (width<=768px){html[data-design] .app-shell{display:block}html[data-design] .topbar{flex-wrap:wrap;gap:10px}html[data-design] .topbar .greet,html[data-design] .topbar .chips,html[data-design] .topbar .username{display:none}html[data-design] .topbar .authbox{margin-left:auto}html[data-design] .topbar .search{flex-basis:100%;order:3;max-width:none;margin:0}html[data-design] .topbar .search input{font-size:16px}html[data-design] .workspace-heading{margin-bottom:22px}html[data-design] .sidebar,html[data-design] .sidebar:hover{top:auto;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));border:1px solid var(--separator);background:var(--system-tertiary-background);scrollbar-width:thin;touch-action:pan-x pan-y;border-radius:12px;flex-direction:row;align-items:stretch;gap:4px;width:auto;max-width:none;min-height:0;max-height:none;margin:0;padding:5px;display:flex;position:fixed;overflow:auto hidden;transform:none;box-shadow:0 4px 24px #0000001f}html[data-design] .sidebar-nav,html[data-design] .sidebar-footer,html[data-design] .nav-group{flex-direction:row;flex-shrink:0;align-items:stretch;gap:3px;margin:0;display:flex}html[data-design] .nav-group+.nav-group{border-left:1px solid var(--separator);margin-left:4px;padding-left:4px}html[data-design] .nav-group-label{display:none}html[data-design] .sidebar-footer{border-top:0;border-left:1px solid var(--separator);padding:0 0 0 4px}html[data-design] .sidebar-item,html[data-design] .sidebar:hover .sidebar-item,html[data-design] .sidebar-footer-row .sidebar-item,html[data-design] .sidebar-signout{border:0;border-radius:7px;flex-direction:column;flex:none;justify-content:center;gap:3px;width:68px;min-width:68px;height:57px;min-height:57px;padding:5px 3px;display:flex}html[data-design] .sidebar-label{white-space:nowrap;font-size:10px;line-height:1.25;display:block!important}html[data-design] .sidebar-icon{width:21px;height:21px}html[data-design] .content{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}html[data-design] .content>.hero{gap:22px;padding-top:12px}html[data-design] .content .hero-title{font-size:clamp(34px,9vw,48px)}html[data-design] .content .hero-stat b{font-size:30px}}@media (prefers-reduced-transparency:reduce){html[data-design] .panel,html[data-design] .topbar,html[data-design] .sidebar{-webkit-backdrop-filter:none;background:var(--system-tertiary-background)}}.grade-directory{border:1px solid var(--separator,var(--line));background:var(--system-tertiary-background,var(--paper-raised));border-radius:12px;margin-bottom:18px;padding:22px}.grade-directory .grade-source{border-left:3px solid var(--system-blue,#b75a38);background:color-mix(in srgb, var(--system-blue,#b75a38) 5%, transparent);flex-direction:column;gap:5px;margin:6px 0 18px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.grade-source>span{color:var(--secondary-label,var(--muted))}.grade-course-suggestions{z-index:30;border:1px solid var(--glass-border,var(--separator));background:var(--system-tertiary-background,var(--paper-raised));max-height:min(320px,45vh);box-shadow:0 18px 42px -20px #0000004d, var(--glass-gloss);-webkit-backdrop-filter:blur(24px)saturate(170%);border-radius:14px;padding:7px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto}.grade-course-suggestions-hint{color:var(--secondary-label,var(--muted));margin:4px 9px 7px;font-size:12px;font-weight:600}.grade-course-suggestion{width:100%;box-shadow:none;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;display:block}.grade-course-suggestion:hover,.grade-course-suggestion:focus-visible{background:color-mix(in srgb, var(--label,var(--ink)) 7%, transparent);transform:none}.grade-course-suggestion .item-meta{margin-top:3px}.grade-course-no-results{color:var(--secondary-label,var(--muted));margin:0;padding:12px;font-size:13px}.grade-policy-details{padding:10px 0;font-size:13px}.grade-policy-details summary{cursor:pointer;font-weight:600}.school-gpa-result{border:1px solid var(--separator,var(--line));background:color-mix(in srgb, var(--system-blue,#b75a38) 5%, transparent);border-radius:12px;padding:24px}.school-gpa-result>strong{letter-spacing:-.04em;font-size:52px;line-height:1.25;display:block}.grade-include{align-items:flex-start;gap:8px;margin:14px 0;font-size:13px;line-height:1.6;display:flex}.grade-include input{flex:none;width:16px;height:16px;margin-top:5px}.school-simple-intro{margin:8px 0 18px}.school-simple-intro .sub{margin:5px 0 0}.work-switch{border:1px solid var(--separator,var(--line));background:color-mix(in srgb, var(--system-tertiary-background,var(--paper-raised)) 80%, transparent);border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;max-width:420px;margin:10px 0 22px;padding:5px;display:grid}.work-switch button{min-height:42px;color:var(--secondary-label,var(--muted));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-weight:650}.work-switch button.active{background:var(--system-background,var(--paper));color:var(--label,var(--ink));box-shadow:0 2px 10px #00000014}.work-switch span{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 5px;font-size:11px;display:inline-grid}.grade-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 20px;display:grid}.grade-metric{border:1px solid var(--separator,var(--line));background:var(--system-tertiary-background,var(--paper-raised));border-radius:12px;flex-direction:column;min-width:0;padding:16px;display:flex}.grade-metric span{color:var(--secondary-label,var(--muted));font-size:12px;font-weight:650}.grade-metric strong{letter-spacing:-.04em;margin:8px 0 2px;font-size:clamp(28px,4vw,42px);line-height:1}.grade-metric small{color:var(--secondary-label,var(--muted));font-size:11px}.grade-metric-note{margin-top:12px}.school-gpa-result{margin-top:18px}.grades-school-bar{border:1px solid var(--separator,var(--line));background:color-mix(in srgb, var(--system-tertiary-background,var(--paper-raised)) 82%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 20px;padding:12px 14px;display:flex}.grades-school-bar>div{flex-wrap:wrap;align-items:baseline;gap:5px 9px;min-width:0;display:flex}.grades-school-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grades-school-bar span{color:var(--secondary-label,var(--muted));font-size:12px}.grades-school-bar .grades-school-label{color:var(--label,var(--ink));text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.grade-metrics-compact{grid-template-columns:1fr}.grade-metrics-compact .grade-metric{padding:16px 18px}.grade-metric-pair{grid-template-columns:1fr 1fr;gap:0;margin-top:12px;display:grid}.grade-metric-pair>div{min-width:0}.grade-metric-pair>div+div{border-left:1px solid var(--separator,var(--line));padding-left:16px}.grade-metric-pair small{margin-bottom:6px;display:block}.grade-metric-pair strong{margin:0;font-size:clamp(25px,3.2vw,36px);display:block}@media (width<=600px){.grade-directory{padding:16px}.grade-directory>.btn-row{align-items:flex-start;gap:8px}.grade-directory .select{text-overflow:ellipsis;max-width:100%}.grades-school-bar{align-items:flex-start}.grades-school-bar>div{gap:3px;display:grid}}@media (width<=440px){.grade-metrics{grid-template-columns:1fr}.work-switch{max-width:none}}.dashboard-panel{max-width:1180px;margin-inline:auto}.dashboard-panel>.sub:first-child{margin-top:0}.dashboard-panel .settings-tabs{scrollbar-width:none;gap:6px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.dashboard-panel .settings-tabs::-webkit-scrollbar{display:none}.dashboard-panel .settings-tab{white-space:nowrap;flex:none}.dashboard-panel .list{gap:9px;display:grid}.dashboard-panel .list>.list-item{margin:0}.dashboard-panel .item-title{line-height:1.35}.dashboard-panel .item-meta{line-height:1.5}.dashboard-panel .btn-row>.item-title,.dashboard-panel .btn-row>div:first-child{min-width:0}.dashboard-panel input[type=checkbox]{accent-color:var(--system-blue)}.dashboard-calendar .cal-grid{border-radius:14px;overflow:hidden}.dashboard-calendar .cal-cell{min-width:0}.dashboard-school details.list-item>summary{align-items:center;min-height:38px;display:flex}.dashboard-homework .two-col,.dashboard-tests .two-col,.dashboard-grades .two-col{align-items:start}.event-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#08080e8f;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.event-dialog{overscroll-behavior:contain;border:1px solid var(--glass-border,var(--separator));background:var(--system-tertiary-background,var(--paper-raised));width:min(100%,500px);max-height:min(760px,100dvh - 32px);color:var(--label,var(--ink));box-shadow:0 28px 80px -28px #000000a6, var(--glass-gloss);border-radius:20px;padding:22px;overflow-y:auto}.event-dialog h3{color:var(--label,var(--ink))}.event-dialog .field:last-of-type{margin-bottom:8px}html[data-design=glass] .event-dialog{background:var(--lg-solid,var(--system-tertiary-background));-webkit-backdrop-filter:blur(30px)saturate(170%)}html[data-design=fun] .event-dialog{border-radius:28px}@media (width<=700px){.dashboard-panel .btn-row[style*=space-between]{align-items:stretch!important}.dashboard-panel .btn-row[style*=space-between]>.input,.dashboard-panel .btn-row[style*=space-between]>.select{flex:180px;max-width:none!important}.dashboard-panel .cal-grid{min-width:0}.dashboard-panel .cal-cell{min-height:76px;padding:5px}.dashboard-panel .cal-pill{padding-inline:5px}.event-dialog-backdrop{align-items:flex-end;padding:8px}.event-dialog{width:100%;max-height:calc(100dvh - 16px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 14px 14px}}html[data-design] .content .field>label.toggle{text-transform:none;letter-spacing:normal;min-height:44px;font:inherit;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:8px 0;display:flex}html[data-design] .content .toggle .toggle-txt{height:auto;line-height:1.4}html[data-design] .content .toggle input[type=checkbox]{flex:0 0 46px;align-self:center;margin:0}html[data-design] .content .profile-save-row{margin-bottom:28px}html[data-design] .content .school-gpa-result{padding:18px 20px}.school-gpa-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-weight:600;display:flex}.school-gpa-heading .sub{margin:0;font-weight:400}html[data-design] .content .school-gpa-result>strong{margin:10px 0 6px;font-size:36px;line-height:1.15}html[data-design] .content .school-gpa-meta{margin:0}.school-policy-link{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:12px 0 0;padding:4px 0;font-size:13px;text-decoration:underline;display:inline-block}html[data-design] .content .readiness-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}html[data-design=fun] .featured-rail .ring circle:first-child{stroke:var(--separator)!important}html[data-design=fun] .featured-rail .ring circle:nth-child(2){stroke:var(--system-purple)!important}html[data-design=fun] .featured-rail .ring text{fill:var(--label)!important}html[data-design=glass] .featured-rail .ring circle:first-child{stroke:var(--lg-rim)!important}html[data-design=glass] .featured-rail .ring circle:nth-child(2){stroke:var(--lg-action)!important}html[data-design=glass] .featured-rail .ring text{fill:var(--liquid-ink)!important}.event-dialog-backdrop{overscroll-behavior:contain;overflow-y:auto;padding-top:max(16px, env(safe-area-inset-top))!important;padding-bottom:max(16px, env(safe-area-inset-bottom))!important}.event-dialog{border:1px solid var(--separator);scrollbar-gutter:stable;max-height:calc(100dvh - 32px);overflow-y:auto;color:var(--label)!important;background:var(--system-tertiary-background)!important}html[data-design=minimalist] .event-dialog{box-shadow:5px 5px 0 var(--system-secondary-background)!important;border-radius:10px!important}html[data-design=fun] .event-dialog{background:linear-gradient(145deg, var(--system-tertiary-background), var(--system-secondary-background))!important;border-radius:24px!important}html[data-design=glass] .event-dialog{border-color:var(--lg-rim);background:var(--lg-solid)!important;box-shadow:inset 0 1px 1px var(--lg-light), 0 24px 60px -28px var(--lg-shadow)!important;border-radius:24px!important}.event-dialog :is(.input,.select){color:var(--label);background:var(--field-bg);border-color:var(--separator)}.event-dialog :is(.input,.select):focus-visible{outline-color:var(--system-blue)}@media (width<=600px){.event-dialog-backdrop{align-items:safe center!important}.event-dialog{max-height:calc(100dvh - 24px);padding:18px!important}}.exam-date-picker{min-width:0;margin-top:16px}.exam-date-label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.exam-date-trigger{border:1px solid;border-color:color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, currentColor 5%, transparent);width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.exam-calendar{border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:16px;margin-top:10px;padding:12px}.exam-calendar-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.exam-calendar-header strong{white-space:nowrap;font-size:13px}.exam-calendar button{min-width:0;min-height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;padding:4px;font-size:13px;display:inline-flex}.exam-calendar-header button{flex-shrink:0;width:36px}.exam-calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.exam-calendar-days>span{text-align:center;opacity:.7;padding:6px 0;font-size:11px}.exam-calendar button:hover{background:color-mix(in srgb, currentColor 12%, transparent)}.exam-calendar-days button[aria-current=date]{border-color:currentColor}.exam-calendar-days button[aria-pressed=true]{background:var(--system-blue,#4069bf);color:#fff}html[data-design=glass] .exam-calendar-days button[aria-pressed=true]{background:var(--lg-action);color:var(--lg-action-text)}.exam-calendar-footer{border-top:1px solid color-mix(in srgb, currentColor 15%, transparent);justify-content:space-between;gap:12px;margin-top:10px;padding-top:8px;display:flex}.exam-calendar-footer button{padding:6px 10px}@media (pointer:coarse){.exam-calendar button{min-height:44px}}html[data-design] .content .readiness-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}html[data-design] .content .readiness-deck{margin:16px 0 12px;font-size:16px;font-weight:600}html[data-design] .content .readiness-figure{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}html[data-design] .content .readiness-figure b{font-size:30px;line-height:1.1}html[data-design] .content .readiness-copy{margin:14px 0 0;line-height:1.6}