:root{--bg:#f2f2f7;--surface:#fff;--ink:#1c1c1e;--muted:#6e6e73;--line:#e5e5ea;--sep:#3c3c4329;--fill:#7676801f;--hover:#7676801a;--accent:#c99000;--accent-fill:#ffcf33;--on-accent:#1c1c1e;--accent-soft:#ffc40029;--good:#248a3d;--good-soft:#e6f6ea;--warn:#c2410c;--warn-soft:#fff1e6;--danger:#ff3b30;--desk:#e9e9ee;--radius:14px;--shadow:0 1px 2px #0000000a, 0 10px 30px -14px #0000002e;--page-shadow:0 1px 3px #00000014, 0 6px 20px #00000012;--f:-apple-system, "SF Pro Text", Inter, "IBM Plex Sans Arabic", system-ui, sans-serif;--f-board:"Patrick Hand", "IBM Plex Sans Arabic", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--grad:linear-gradient(135deg, #ffdc5c, #ffc21a);--grad-soft:linear-gradient(135deg, #fff9e6, #fff3d1);--glow:#ffd43b, #ffa94d, #ff8787, #ffc078, #ffe066, #ffd43b;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.3, 1.35, .5, 1);--spring-soft:cubic-bezier(.2, .9, .25, 1.05);--sheet:cubic-bezier(.32, .72, 0, 1);--shadow-lg:0 1px 2px #0000000d, 0 28px 64px -28px #00000052;--glass:#ffffffd1;--glass-bg:linear-gradient(180deg, #fffc, #ffffff9e);--glass-blur:saturate(1.9) blur(24px);--glass-edge:inset 0 1px 0 #fffffff2, inset 0 0 0 .5px #00000012;--glass-shadow:0 2px 6px #0000000d, 0 14px 36px -14px #00000042;--glass-solid:#fffffff2;--menu-bg:#ffffffc2;--alert-bg:#ffffffdb;--field:#fbfcfe;--raised:#fff;--tab-on:#fff;--text-2:#3a3a3c;--ring-gap:#fff;--hairline:#141c300d;--swatch-edge:#0000001f;--ai:var(--accent);--paper:#fff;--dir:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--ink:#f5f5f7;--muted:#98989f;--line:#38383a;--sep:#54545899;--fill:#7676803d;--hover:#76768038;--accent:#ffd60a;--accent-fill:#ffd60a;--accent-soft:#ffd60a29;--good:#30d158;--good-soft:#30d1582e;--warn:#ff9f0a;--warn-soft:#ff9f0a2e;--danger:#ff453a;--desk:#121214;--shadow:0 1px 2px #0006, 0 10px 30px -14px #000000b3;--page-shadow:0 1px 3px #00000080, 0 6px 20px #0006;--grad-soft:linear-gradient(135deg, #ffd60a29, #ffaa001f);--shadow-lg:0 1px 2px #0006, 0 28px 64px -28px #000c;--glass:#2c2c2ed1;--glass-bg:linear-gradient(180deg, #3e3e42bd, #28282ca3);--glass-edge:inset 0 1px 0 #ffffff24, inset 0 0 0 .5px #ffffff1a;--glass-shadow:0 2px 6px #00000059, 0 14px 36px -14px #000000bf;--glass-solid:#3a3a3cf5;--menu-bg:#28282ccc;--alert-bg:#2c2c2ee6;--field:#2c2c2e;--raised:#5c5c60;--tab-on:#ffffff1f;--text-2:#d1d1d6;--ring-gap:#2c2c2e;--hairline:#ffffff14;--swatch-edge:#ffffff47;--ai:var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[dir=rtl]{--dir:-1}[dir=rtl] .flip svg{transform:scaleX(-1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font:16px/1.45 var(--f);-webkit-font-smoothing:antialiased;margin:0}body{padding:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}button:disabled{opacity:.35;cursor:default}:focus-visible{outline-offset:2px;outline:3px solid #e6a00099}svg{flex:none}.grow{flex:1}.muted{color:var(--muted);margin:0}.error{color:#c92a2a;margin:0;font-weight:600}.error.ok{color:var(--good)}.link{color:var(--accent);padding:10px;font-weight:600}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), var(--glass-shadow)}.btn{background:var(--fill);border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}@media (hover:hover){.btn:hover{background:#7676802e}}.btn.primary{color:var(--on-accent);background:var(--accent-fill)}@media (hover:hover){.btn.primary:hover{filter:brightness(.96)}}.btn.good{background:var(--good);color:#fff}.btn.wide{width:100%;min-height:50px;font-size:17px}.tb{min-width:44px;min-height:44px;color:var(--ink);border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}@media (hover:hover){.tb:hover{background:var(--hover)}}.tb.round{padding:0}.icon-btn{width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}@media (hover:hover){.icon-btn:hover{background:var(--hover)}.icon-btn.glass:hover{background:var(--glass-solid)}}.btn,.tb,.icon-btn,.nav-item,.chip,.action,.seg{transition:background .2s, box-shadow .2s, transform .2s var(--spring), color .2s}.btn:active,.tb:active,.icon-btn:active,.avatar-btn:active{transform:scale(.92)}.tb[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.initials{color:#fff;background:linear-gradient(#a1a1aa,#7c7c85);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid}.me-text{min-width:0;display:grid}.me-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.me-text small{color:var(--muted);font-size:13px;font-weight:400}.segmented{isolation:isolate;background:var(--fill);border-radius:99px;flex:none;padding:2px;display:inline-flex;position:relative}.seg{white-space:nowrap;min-height:34px;color:var(--ink);border-radius:99px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.segmented:not(.live) .seg[aria-pressed=true],.seg-thumb{background:var(--raised);box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a}.seg[aria-pressed=true],.seg[aria-selected=true]{font-weight:600}.seg-thumb{z-index:-1;transition:transform .4s var(--spring), width .4s var(--spring);border-radius:99px;position:absolute;top:2px;bottom:2px;left:0}.segmented.small .seg{min-height:30px;padding:0 12px;font-size:13px}.toggle{appearance:none;background:var(--fill);cursor:pointer;border-radius:99px;flex:none;width:62px;height:28px;margin:0;transition:background .3s;position:relative}.toggle:after{content:"";top:2px;width:38px;height:24px;transition:transform .35s var(--spring), width .25s var(--spring), scale .25s var(--spring);background:#fff;border-radius:99px;position:absolute;inset-inline-start:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #0000000f}.toggle:active:after{width:44px;scale:1.08}.toggle:checked{background:#34c759}.toggle:checked:after{transform:translateX(calc(20px * var(--dir)))}.toggle:checked:active:after{transform:translateX(calc(14px * var(--dir)))}.group{background:var(--surface);border-radius:24px;position:relative;overflow:hidden}.row{text-align:start;width:100%;min-height:52px;color:var(--ink);align-items:center;gap:14px;padding:6px 16px;font-size:17px;text-decoration:none;transition:background .15s;display:flex;position:relative}@media (hover:hover){button.row:hover,a.row:hover{background:#7676800f}}button.row:active,a.row:active{background:#76768024}.group>.row+.row:before{content:"";top:0;background:var(--sep);height:.5px;position:absolute;inset-inline:60px 0}.ricon{background:var(--c);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.rlabel{flex:1;min-width:0}.rvalue{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);overflow:hidden}.chev{color:var(--muted);opacity:.55;display:flex}.row.danger{color:var(--danger);justify-content:center}.group-head{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:26px 16px 7px;font-size:13px}.group-foot{color:var(--muted);margin:8px 16px 0;font-size:13px}.group-foot:empty{display:none}.group+.group{margin-top:26px}.library{isolation:isolate;background:var(--bg);grid-template-columns:auto minmax(0,1fr);height:100%;display:grid;position:relative}.library:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 90% at 12% 0,#ffc40017,#0000 70%),radial-gradient(45% 80% at 88% 0,#ff96500f,#0000 70%);height:420px;position:absolute;inset:0 0 auto}.side{z-index:6;width:268px;margin:calc(10px + var(--safe-t)) 10px 10px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), var(--glass-shadow);view-transition-name:side;border-radius:30px;flex-direction:column;gap:2px;margin-inline-end:0;padding:10px;display:flex;position:relative}.side-head{justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin-bottom:8px;padding-inline-start:8px;display:flex}.wordmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.logo{width:auto;display:block;overflow:visible}.wordmark .logo{height:36px}.side-nav{flex-direction:column;gap:2px;display:flex}.nav-item{min-height:46px;color:var(--ink);text-align:start;white-space:nowrap;border-radius:14px;align-items:center;gap:12px;padding:0 12px;font-size:17px;display:flex}.nav-item svg{color:var(--accent)}@media (hover:hover){.nav-item:hover{background:var(--hover)}}.nav-item[aria-current=true]{background:var(--accent-soft);color:var(--ink);font-weight:600}.library:not(.tabs) #sideShow{display:none}.side-sec{color:var(--muted);margin:20px 12px 6px;font-size:13px;font-weight:600}.side-topics{scrollbar-width:none;align-content:start;gap:2px;min-height:0;margin:0 -4px;padding:0 4px;display:grid;overflow:auto}.side-topics::-webkit-scrollbar{display:none}.side-topic{text-align:start;min-height:40px;color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:15px;display:flex}@media (hover:hover){.side-topic:hover{background:var(--hover)}}.side-topic:active{background:#7676802e}.side-topic i{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent);border-radius:50%;flex:none}.side-topic span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.side-topic small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.library.tabs .side-sec,.library.tabs .side-topics{display:none}.library.tabs{grid-template-columns:minmax(0,1fr)}.library.tabs .side{top:calc(12px + var(--safe-t));border-radius:99px;flex-direction:row;width:auto;margin:0;padding:3px;position:absolute;left:50%;transform:translate(-50%)}.library.tabs .side-head{display:none}.library.tabs .side-nav{flex-direction:row}.library.tabs .nav-item{border-radius:99px;min-height:38px;padding:0 18px;font-size:15px;font-weight:600}.library.tabs .nav-item svg{display:none}.library.tabs .nav-item[aria-current=true]{background:var(--tab-on);box-shadow:0 2px 8px #0000001a}.library.tabs .nav-title{visibility:hidden}.library.tabs .navbar{grid-template-columns:minmax(0, 1fr) var(--tabs-w,340px) minmax(0, 1fr)}::view-transition-group(side){animation-duration:.5s;animation-timing-function:var(--sheet);overflow:clip}::view-transition-group(shelf){animation-duration:.5s;animation-timing-function:var(--sheet);overflow:clip}::view-transition-group(side){border-radius:30px}::view-transition-old(side){object-fit:none;object-position:50% 0;height:100%}::view-transition-new(side){object-fit:none;object-position:50% 0;height:100%}::view-transition-old(side){animation-duration:.18s}::view-transition-new(side){animation-duration:.3s;animation-delay:.12s}::view-transition-old(shelf){object-fit:none;object-position:0 0;height:100%;animation:none}::view-transition-new(shelf){object-fit:none;object-position:0 0;height:100%;animation:none}::view-transition-old(shelf){display:none}html[dir=rtl]::view-transition-old(shelf){object-position:100% 0}html[dir=rtl]::view-transition-new(shelf){object-position:100% 0}.shelf{--gut:clamp(16px, 3.4vw, 40px);min-width:0;min-height:0;padding:0 var(--gut) calc(48px + var(--safe-b));position:relative;overflow:auto}.navbar{z-index:5;isolation:isolate;min-height:66px;margin:0 calc(-1 * var(--gut));padding:calc(10px + var(--safe-t)) var(--gut) 8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid;position:sticky;top:0}.navbar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in srgb, var(--bg) 94%, transparent), color-mix(in srgb, var(--bg) 70%, transparent) 65%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .3s;position:absolute;inset:0 0 -22px;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.navbar.stuck:before{opacity:1}.nav-lead{gap:8px;display:flex}.nav-trail{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex;container-type:inline-size}.nav-title{white-space:nowrap;opacity:0;transition:opacity .25s, transform .35s var(--ease);font-size:17px;font-weight:600;transform:translateY(8px)}.navbar.stuck .nav-title{opacity:1;transform:none}.lang-btn{font:700 19px/1 "IBM Plex Sans Arabic", var(--f)}.lang-btn:lang(en){font:700 14px/1 var(--f);letter-spacing:.02em}.avatar-btn{width:44px;height:44px;transition:transform .2s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.avatar-btn .initials{width:38px;height:38px;box-shadow:0 0 0 2px var(--ring-gap), 0 4px 12px -4px #00000059}.large-title{transform-origin:0 100%;margin:2px 0 22px}[dir=rtl] .large-title{transform-origin:100% 100%}.large-title h1{letter-spacing:-.012em;margin:0;font-size:34px;font-weight:700;line-height:1.15}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 2px;font-size:13px;font-weight:600}.eyebrow:empty{display:none}.large-title .muted{max-width:62ch;margin-top:4px;font-size:17px}.rise{animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0) * 55ms)}.search{min-width:120px;height:44px;color:var(--muted);cursor:text;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), var(--glass-shadow);transition:flex-basis .45s var(--spring), background .2s;border-radius:99px;flex:0 220px;align-items:center;gap:6px;padding:0 14px;display:flex}.search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-decoration{-webkit-appearance:none}@container (width<=280px){.search{flex:0 0 44px;justify-content:center;min-width:44px;padding:0}.search input{opacity:0;flex:0 0 0;width:0}.search:focus-within{flex:auto;justify-content:flex-start;min-width:0;padding:0 14px}.search:has(input:not(:placeholder-shown)){flex:auto;justify-content:flex-start;min-width:0;padding:0 14px}.search:focus-within input{opacity:1;flex:1;width:auto}.search:has(input:not(:placeholder-shown)) input{opacity:1;flex:1;width:auto}}.search:focus-within{background:var(--glass-solid);flex-basis:320px}.filters{scrollbar-width:none;width:fit-content;max-width:100%;margin-bottom:26px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.empty{color:var(--muted);text-align:center;margin:40px 0;font-size:17px}.covers{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 22px;display:grid}.cover{align-content:start;display:grid;position:relative}.cover-open{all:unset;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;gap:12px;display:grid}.cover-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.cover-art{aspect-ratio:1000/1300;background:var(--surface);transition:transform .45s var(--spring), box-shadow .4s var(--ease);border-radius:6px 14px 14px 6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 16px 32px -18px #0000006b}[dir=rtl] .cover-art{border-radius:14px 6px 6px 14px}@media (hover:hover){.cover-open:hover .cover-art{transform:translateY(-6px) rotate(calc(-1deg * var(--dir)));box-shadow:0 1px 2px #00000014,0 30px 44px -20px #00000080}}.cover-open:active .cover-art{transition-duration:.15s;transform:scale(.96)}.cover-art .spine{background:linear-gradient(90deg,#00000029,#0000000f);width:14px;position:absolute;inset-block:0;inset-inline-start:0;box-shadow:1px 0 #ffffff38}.cover-art .sheen{pointer-events:none;transition:transform .9s var(--ease);background:linear-gradient(115deg,#0000 35%,#ffffff4d 48%,#0000 60%);position:absolute;inset:0;transform:translate(-110%)}@media (hover:hover){.cover-open:hover .sheen{transform:translate(110%)}}.cover-art.book{padding:18px;color:#fff;background:radial-gradient(120% 80% at 85% 0%, #ffffff47, transparent 55%), var(--c);align-content:center;justify-items:center;gap:12px;padding-inline-start:32px;display:grid}.cover-art.book .sample{font:32px/1.1 var(--f-board);text-align:center;text-shadow:0 2px 10px #00000026}.cover-art.book .topic-name{letter-spacing:.08em;text-transform:uppercase;opacity:.88;text-align:center;font-size:12px;font-weight:700}.cover-art .level{top:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;inset-inline-end:12px}.cover-art .done{top:11px;width:26px;height:26px;color:var(--good);background:#fff;border-radius:50%;place-items:center;animation:.45s cubic-bezier(.3,1.6,.5,1) both pop;display:grid;position:absolute;inset-inline-start:24px;box-shadow:0 4px 12px -4px #00000059}.cover-art svg.preview{width:100%;height:100%;position:absolute;inset:0}.cover-art .ribbon{z-index:1;top:0;background:var(--c);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);width:18px;height:34px;position:absolute;inset-inline-start:16px}.cover-meta{gap:2px;min-width:0;padding:0 2px;display:grid}.cover-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.cover-meta small{color:var(--muted);font-size:13px}.meter{background:#76768029;border-radius:99px;height:5px;margin-top:4px;display:block;overflow:hidden}.meter i{background:#34c759;border-radius:99px;min-width:0;height:100%;display:block}.cover.new{width:100%;padding:0}.cover.new .cover-art{box-shadow:none;color:var(--accent);text-align:center;background:#ffc40012;border:2px dashed #e6a50073;border-radius:16px;align-content:center;place-items:center;gap:6px;padding:16px;display:grid}.cover.new .plus{background:var(--accent-fill);width:56px;height:56px;color:var(--on-accent);transition:transform .4s var(--spring);border-radius:50%;place-items:center;margin-bottom:8px;display:grid;box-shadow:0 12px 24px -10px #e696006b}@media (hover:hover){.cover.new:hover .plus{transform:rotate(90deg)scale(1.06)}}.cover.new b{color:var(--ink);font-weight:600}.cover.new small{color:var(--muted);font-size:13px}.cover .more{top:8px;z-index:2;width:34px;height:34px;color:var(--ink);background:var(--menu-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), 0 4px 14px -6px #00000059;opacity:0;transition:opacity .2s, transform .2s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:8px}.cover .more:active{transform:scale(.9)}.cover .more:focus-visible{opacity:1}@media (hover:hover){.cover:hover .more{opacity:1}}@media (hover:none){.cover .more{opacity:1}}.home{gap:30px;display:grid;container-type:inline-size}.widgets{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;gap:18px;display:grid}.widget{isolation:isolate;background:var(--surface);box-shadow:var(--shadow);border-radius:26px;flex-direction:column;padding:16px 18px;display:flex;position:relative;overflow:hidden}.widget.medium{grid-column:span 2}.w-label{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.w-label span{text-overflow:ellipsis;overflow:hidden}.w-main{flex:1;align-content:center;min-height:0;display:grid}.w-foot{align-items:center;gap:14px;display:flex}.w-btn{background:var(--accent-fill);min-height:40px;color:var(--on-accent);transition:transform .2s var(--spring);border-radius:99px;flex:none;padding:0 18px;font-size:15px;font-weight:650;box-shadow:0 6px 16px -8px #e6960080}.w-btn:active{transform:scale(.94)}.up-next{background:radial-gradient(70% 120% at 100% 0%, color-mix(in srgb, var(--c) 12%, transparent), transparent 70%), var(--surface)}.up-next .w-label{color:var(--c)}.up-next .w-main small{opacity:.85;font-size:14px;font-weight:500}.w-math{font:38px/1.1 var(--f-board);justify-self:start}.up-next .w-progress{flex:1;gap:2px;min-width:0;display:grid}.up-next .w-progress small{color:var(--muted);font-size:12px;font-weight:600}.up-next .meter{background:var(--fill);max-width:240px}.up-next .meter i{background:var(--c)}.w-glyph{z-index:-1;inset-inline-end:-10px;font:120px/1 var(--f-board);white-space:nowrap;color:color-mix(in srgb, var(--c) 9%, transparent);pointer-events:none;position:absolute;bottom:-28px}.all-done .w-title{letter-spacing:-.01em;font-size:22px}.all-done .w-line{opacity:.88;margin:4px 0 0;font-size:14px}.rings{color:#fff;background:#1c1c1e}.rings .w-label{color:#ffffffb3}.rings-body{flex:1;align-items:center;gap:12px;min-height:0;display:flex}.rings svg{aspect-ratio:1;flex:none;width:auto;height:100%;max-height:112px;transform:rotate(-90deg)}.rings circle{fill:none;stroke-width:11px;stroke-linecap:round}.rings .track{opacity:.24}.rings .value{transition:stroke-dashoffset 1.5s .25s var(--ease)}.rings ul{gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.rings li{line-height:1.1;display:grid}.rings li b{color:var(--c);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.rings li small{color:#ffffff9e;font-size:11px;font-weight:600}.notes{cursor:pointer;transition:transform .3s var(--spring)}.notes:active{transform:scale(.97)}.notes .w-label svg{color:#ff9f0a}.w-plus{top:12px;color:#fff;width:36px;height:36px;transition:transform .2s var(--spring);background:#ff9f0a;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px;box-shadow:0 6px 14px -6px #ff9f0ae6}.w-plus:active{transform:scale(.9)}.w-count{letter-spacing:-.02em;font-size:44px;font-weight:700;line-height:1}.notes .w-main{align-content:end;gap:4px}.notes .w-main small{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}@container (width<=760px){.widgets{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:172px;gap:14px}}.home-sec{gap:12px;display:grid}.sec-head{justify-content:space-between;align-items:center;display:flex}.sec-head h2{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.sec-head .link{padding:8px 4px;font-size:17px;font-weight:500}.recent{margin:0 calc(-1 * var(--gut));padding:4px var(--gut) 10px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none;grid-auto-columns:clamp(132px,15vw,168px);grid-auto-flow:column;gap:18px;display:grid;overflow-x:auto}.recent::-webkit-scrollbar{display:none}.recent .cover{scroll-snap-align:start}.recent .cover-art.book .sample{font-size:26px}.topic-row{gap:14px;min-height:66px}.group>.topic-row+.topic-row:before{inset-inline-start:106px}.topic-chip{white-space:nowrap;background:radial-gradient(120% 90% at 85% 0%, #ffffff4d, transparent 55%), var(--c);color:#fff;width:76px;height:42px;font:15px/1 var(--f-board);border-radius:11px;flex:none;place-items:center;padding:0 6px;display:grid;overflow:hidden}.topic-main{flex:200px;min-width:0;display:grid}.topic-main b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;overflow:hidden}.topic-main small{color:var(--muted);font-size:13px}.topic-row .meter{flex:0 300px;min-width:40px;margin:0}.topic-row .count{text-align:end;min-width:44px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:15px}.editor{background:var(--desk);--pad-t:calc(68px + var(--safe-t));--pad-b:96px;--pad-l:0px;--pad-r:0px;height:100%;position:relative;overflow:hidden}.editor[data-edge=top]{--pad-t:calc(84px + var(--safe-t));--pad-b:24px}.editor:before{content:"";z-index:16;height:calc(var(--safe-t) + 16px);pointer-events:none;background:linear-gradient(var(--desk) 45%, transparent);position:absolute;inset:0 0 auto}.editor[data-edge=left]{--pad-b:24px;--pad-l:76px}.editor[data-edge=right]{--pad-b:24px;--pad-r:76px}.back-fab{z-index:22;top:calc(12px + var(--safe-t));width:46px;height:46px;color:var(--ink);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), var(--glass-shadow);transition:transform .3s var(--spring), background .2s;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-start:12px}@media (hover:hover){.back-fab:hover{background:var(--glass-solid)}}.back-fab:active{transform:scale(.86)}.hub{z-index:20;transition:opacity .35s, scale .4s var(--spring);align-items:center;gap:12px;display:flex;position:absolute}.hub[data-edge=bottom],.hub[data-edge=top]{width:fit-content;margin:0 auto;left:12px;right:12px}.hub[data-edge=left],.hub[data-edge=right]{top:calc(12px + var(--safe-t));height:fit-content;margin:auto 0;bottom:12px}.hub[data-edge=bottom]{bottom:calc(14px + var(--safe-b));flex-direction:column}.hub[data-edge=top]{top:calc(12px + var(--safe-t));flex-direction:column-reverse;left:70px;right:70px}.hub[data-edge=left]{left:12px;top:calc(70px + var(--safe-t));flex-direction:row-reverse}.hub[data-edge=right]{flex-direction:row;right:12px}.hub.quiet{opacity:.28;pointer-events:none;scale:.96}.hub.dragging{z-index:30;transition:none}.hub-bar{overscroll-behavior:contain;scrollbar-width:none;background:var(--glass-bg);max-width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), 0 2px 8px #0000000f, 0 22px 48px -18px #00000061;transition:transform .35s var(--spring), box-shadow .35s;border-radius:30px;flex:none;align-items:center;gap:2px;padding:6px;display:flex;position:relative;overflow:auto}.hub-bar::-webkit-scrollbar{display:none}.hub.vert .hub-bar{max-height:calc(100dvh - 92px - var(--safe-t));flex-direction:column;gap:0}.hub.vert .hb,.hub.vert .ai-main{width:40px;min-width:40px;height:40px;padding:0}.hub.dragging .hub-bar{box-shadow:var(--glass-edge), 0 4px 12px #00000014, 0 36px 70px -20px #00000073;transform:scale(1.05)}.grip{color:#3c3c4352;cursor:grab;touch-action:none;border-radius:99px;flex:none;place-items:center;width:20px;height:44px;transition:color .2s;display:grid}.hub.vert .grip{width:40px;height:18px}.hub.dragging .grip{color:var(--muted)}@media (hover:hover){.grip:hover{color:var(--muted)}}.hub.dragging .grip{cursor:grabbing}.hb{min-width:44px;height:44px;color:var(--ink);white-space:nowrap;transition:background .2s, color .2s, transform .3s var(--spring);border-radius:99px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:15px;font-weight:600;display:inline-flex;position:relative}@media (hover:hover){.hb:hover{background:#7676801f}}.hb:active{transform:scale(.86)}.hb-label{display:none}@media (width>=1200px){.hub:not(.vert) .hb .hb-label{display:inline}.hub:not(.vert) .hb.ai{padding:0 14px 0 11px}}.hg{opacity:0;visibility:hidden;transition:grid-template-columns .55s var(--spring-soft), opacity .3s, visibility 0s .55s;flex:none;grid-template-columns:0fr;display:grid}.hg-in{align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.hub.open .hg.more,.hub:not(.open) .hg.now{opacity:1;visibility:visible;grid-template-columns:1fr;transition-delay:0s}.hub.vert .hg{grid-template-rows:0fr;grid-template-columns:none;transition-property:grid-template-rows,opacity,visibility}.hub.vert .hg-in{flex-direction:column;min-width:auto;min-height:0}.hub.vert.open .hg.more,.hub.vert:not(.open) .hg.now{grid-template-rows:1fr}.hub.open .hg.more .hg-in>*{animation:hb-in .5s var(--spring) backwards;animation-delay:calc(90ms + var(--i,0) * 22ms)}.hub:not(.open) .hg.now .hg-in>*{animation:hb-in .45s .12s var(--spring) backwards}.tool-now{background:var(--accent-fill);color:var(--on-accent);box-shadow:0 6px 14px -8px #e6960091}@media (hover:hover){.tool-now:hover{background:var(--accent-fill)}}.tool-now i{border-radius:50%;width:10px;height:10px;position:absolute;bottom:8px;right:8px;box-shadow:0 0 0 2px #fff}.tool[aria-pressed=true]{background:var(--accent-fill);color:var(--on-accent);box-shadow:0 6px 14px -8px #e6960091}@media (hover:hover){.tool[aria-pressed=true]:hover{background:var(--accent-fill)}}.sep{background:var(--sep);flex:none;width:1px;height:24px;margin:0 4px}.hub.vert .sep{width:24px;height:1px;margin:3px 0}.swatches{flex:none;display:flex}.hub.vert .swatches{flex-direction:column}.swatch{border-radius:99px;place-items:center;width:34px;height:44px;display:grid}.hub.vert .swatch{width:40px;height:30px}.swatch i{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--swatch-edge);transition:transform .3s var(--spring), box-shadow .2s;border-radius:50%;display:block}@media (hover:hover){.swatch:hover i{transform:scale(1.12)}}.swatch:active i{transform:scale(.85)}.swatch[aria-pressed=true] i{box-shadow:0 0 0 2.5px var(--ring-gap), 0 0 0 4.5px var(--accent);transform:scale(1.08)}.swatch.more i{background:conic-gradient(#e03131,#f08c00,#fab005,#2f9e44,#0c8599,#3b5bdb,#7048e8,#c2255c,#e03131)}.size-btn i,.size i{background:var(--ink);transition:transform .2s var(--ease), background .2s;border-radius:50%;display:block}.hb.ai{color:var(--ai)}.tour{z-index:55;--dim:#0a0c1880;touch-action:none;animation:.35s both fade;position:fixed;inset:0}:root[data-theme=dark] .tour{--dim:#000000ad}.tour.out{pointer-events:none;animation:.26s reverse both fade}.tour-safe{inset:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b));visibility:hidden;pointer-events:none;position:fixed}.tour-hole{box-shadow:0 0 0 max(200vw, 200vh) var(--dim);cursor:pointer;transition:left .62s var(--spring-soft), top .62s var(--spring-soft), width .62s var(--spring-soft), height .62s var(--spring-soft), border-radius .62s var(--spring-soft);position:fixed}.tour-hole i{border-radius:inherit;background:conic-gradient(from var(--a), var(--glow));-webkit-mask-composite:xor;padding:3px;transition:opacity .3s;animation:3.2s linear infinite turn;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tour-hole:after{content:"";border-radius:inherit;animation:2.2s ease-out .6s infinite sonar;position:absolute;inset:-3px}.tour-hole.none{cursor:default}.tour-hole.none i,.tour-hole.none:after{opacity:0;animation:none}@keyframes sonar{0%{box-shadow:0 0 #845ef78c}70%,to{box-shadow:0 0 0 16px #845ef700}}.tour-card{background:var(--alert-bg);-webkit-backdrop-filter:saturate(2)blur(30px);backdrop-filter:saturate(2)blur(30px);width:min(344px,100vw - 24px);box-shadow:var(--glass-edge), 0 30px 70px -22px #0000008c;transition:translate .62s var(--spring-soft);animation:tour-in .5s var(--spring) both;border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 14px;padding:16px 16px 12px;display:grid;position:fixed;top:0;left:0}.tour-card.nudge{animation:nudge .42s var(--ease)}.tour-orb{width:38px;height:38px}.tour-body h3{color:var(--ink);margin:2px 0 4px;font-size:17px;font-weight:650;line-height:1.3}.tour-body p{color:var(--text-2);margin:0;font-size:15px;line-height:1.45}.tour-foot{grid-column:1/-1;align-items:center;gap:4px;display:flex}.tour-dots{gap:5px;margin-inline-end:auto;padding-inline-start:4px;display:flex}.tour-dots i{background:var(--sep);width:6px;height:6px;transition:width .4s var(--spring), background .3s;border-radius:99px}.tour-dots i.on{background:var(--accent-fill);width:20px}.tour-skip{min-height:44px;color:var(--muted);border-radius:99px;padding:0 14px;font-size:15px;font-weight:600}@media (hover:hover){.tour-skip:hover{background:var(--hover);color:var(--ink)}}.tour-next{min-height:42px;padding:0 20px}.tour-card.center{text-align:center;border-radius:34px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;width:min(380px,100vw - 24px);padding:30px 22px 16px}.tour-card.center .tour-orb{width:68px;height:68px;animation:3s ease-in-out infinite breathe;box-shadow:0 16px 34px -12px #e6960082}.tour-card.center .tour-orb svg{width:30px;height:30px}.tour-card.center h3{letter-spacing:-.01em;font-size:24px;font-weight:700}.tour-card.center p{font-size:16px}.tour-card.center .tour-foot{flex-direction:column;justify-self:stretch;align-items:stretch;gap:2px}.tour-card.center .tour-dots{display:none}.tour-card.center .tour-next{order:-1;width:100%;min-height:50px;font-size:17px}@keyframes tour-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes nudge{20%{scale:1.04}45%{scale:.985}70%{scale:1.01}}.ai-main{background:var(--grad);height:44px;color:var(--on-accent);white-space:nowrap;transition:transform .3s var(--spring), box-shadow .2s, padding .3s;border-radius:99px;flex:none;align-items:center;gap:8px;padding:0 16px 0 6px;font-size:15px;font-weight:650;display:inline-flex;box-shadow:0 10px 22px -12px #e6960091}[dir=rtl] .ai-main{padding:0 6px 0 16px}.ai-main .orb{box-shadow:none}.ai-main .hb-label{display:inline}@media (hover:hover){.ai-main:hover{box-shadow:0 14px 26px -12px #e6960099}}.ai-main:active{transform:scale(.9)}.ai-main:disabled{opacity:1}.hub.vert .ai-main{justify-content:center}.hub.vert .ai-main .hb-label{display:none}.hub.busy .ai-main .orb i{animation-duration:1.2s}.hub.busy .ai-main .orb{animation:1.6s ease-in-out infinite breathe}.hb.back-to{background:var(--accent-soft);color:var(--accent);animation:hb-in .45s var(--spring) backwards}.hb.back-to:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px #fff}.hub-toggle{width:44px;padding:0}.hub-toggle span{transition:transform .5s var(--spring), opacity .25s;place-items:center;display:grid;position:absolute;inset:0}.hub-toggle .ic-less{opacity:0;transform:rotate(-90deg)scale(.4)}.hub.open .hub-toggle .ic-more{opacity:0;transform:rotate(90deg)scale(.4)}.hub.open .hub-toggle .ic-less{opacity:1;transform:none}.hub.vert .hub-toggle .ic-more svg{transform:rotate(90deg)}.slots{z-index:19;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.editor.moving .slots{opacity:1}.slots i{transition:scale .4s var(--spring), background .25s, border-color .25s, box-shadow .25s;background:#ffc40012;border:2px dashed #e6a50073;border-radius:30px;position:absolute}.slots [data-edge=top]{top:calc(12px + var(--safe-t));width:min(320px,50%);height:56px;left:50%;translate:-50%}.slots [data-edge=bottom]{bottom:calc(14px + var(--safe-b));width:min(320px,50%);height:56px;left:50%;translate:-50%}.slots [data-edge=left]{width:56px;height:min(320px,50%);top:50%;left:12px;translate:0 -50%}.slots [data-edge=right]{width:56px;height:min(320px,50%);top:50%;right:12px;translate:0 -50%}.slots i.on{border-style:solid;border-color:var(--accent);background:#ffc4002e;scale:1.06;box-shadow:0 0 0 8px #ffc4001f}@keyframes hb-in{0%{opacity:0;transform:scale(.4)}}.pen-options,.palette,.menu{z-index:45;background:var(--menu-bg);-webkit-backdrop-filter:saturate(2)blur(30px);backdrop-filter:saturate(2)blur(30px);box-shadow:var(--glass-edge), 0 2px 8px #0000000f, 0 24px 60px -18px #00000059;animation:menu-in .32s var(--spring) both;border-radius:24px;position:fixed}.pen-options{transform-origin:top;width:268px;padding:14px}.pen-options p{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.opt-sizes{gap:6px;margin-bottom:14px;display:flex}.opt-sizes .size{background:var(--fill);border-radius:14px;flex:1;place-items:center;height:46px;display:grid}.opt-sizes .size[aria-pressed=true]{background:var(--accent-fill)}.opt-sizes .size[aria-pressed=true] i{background:#fff}.opt-inks{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.opt-inks .swatch{width:auto;height:50px}.opt-inks .swatch i{width:30px;height:30px}.menu{min-width:236px;padding:6px;display:grid}.menu button{text-align:start;min-height:46px;color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:0 14px;font-size:17px;display:flex}.menu button svg{color:currentColor;flex:none}@media (hover:hover){.menu button:hover{background:#7676801f}}.menu button:active{background:#76768033}.menu button.danger{color:var(--danger)}.menu button.danger:not(:first-child){margin-top:7px;position:relative}.menu button.danger:not(:first-child):before{content:"";top:-4px;background:var(--sep);height:.5px;position:absolute;inset-inline:14px}.menu.checks button[aria-pressed=true]:after{content:"";background:var(--accent);flex:none;width:16px;height:16px;margin-inline-start:auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}.menu.checks button[aria-pressed=true]{font-weight:600}.menu.out,.pen-options.out{animation:.17s ease-in both menu-out}.work{display:flex;position:absolute;inset:0}.canvas{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.scroller{touch-action:none;overscroll-behavior:contain;min-height:0;padding-left:var(--pad-l);padding-right:var(--pad-r);transition:padding .5s var(--spring-soft);flex:1;overflow:auto}.pages{--fit:min(1500px, 100% - 24px);width:calc(var(--fit) * var(--zoom,1));padding:var(--pad-t) 0 calc(var(--pad-b) + 30px + var(--safe-b));transition:padding .5s var(--spring-soft);gap:34px;margin:0 auto;display:grid}.page{scroll-margin-top:var(--pad-t);background:var(--paper);border-radius:4px;transition:box-shadow .35s;position:relative;box-shadow:0 1px 2px #00000012,0 14px 34px -22px #00000059}.page.active{box-shadow:0 0 0 2px #e6a5003d,0 1px 2px #00000012,0 18px 40px -24px #0006}.page svg.board{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;display:block}.page svg.board text{font-family:var(--f-board)}.page-no{bottom:-26px;background:var(--glass-solid);box-shadow:0 0 0 .5px var(--hairline);color:var(--muted);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;position:absolute;inset-inline-end:4px}.page-hint{z-index:1;color:#946b00;width:max-content;max-width:80%;font:22px/1.3 var(--f-board);text-align:center;pointer-events:none;opacity:0;transition:opacity .3s, transform .4s var(--spring-soft);background:#ffc4001f;border-radius:99px;align-items:center;gap:10px;margin:0;padding:10px 18px;display:flex;position:absolute;top:13%;left:50%;transform:translate(-50%,6px)}.page.blank .page-hint{opacity:1;transform:translate(-50%)}.page-hint svg{flex:none}.page .solved-badge{top:14px;color:#fff;background:#34c759;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:650;animation:.5s cubic-bezier(.3,1.6,.5,1) both pop;display:inline-flex;position:absolute;inset-inline-end:14px;box-shadow:0 8px 18px -10px #248a3dcc}.add-page{min-height:64px;color:var(--accent);background:0 0;border:2px dashed #e6a50073;border-radius:18px;justify-self:stretch}@media (hover:hover){.add-page:hover{background:#ffc40012}}.erasing svg.board{cursor:none}.eraser-ring{fill:#ffffff59;stroke:#3c3c438c;stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}#pages:not(.erasing) .eraser-ring{display:none}.size-btn i.ring,.rings .size i{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.rings .size[aria-pressed=true] i{box-shadow:inset 0 0 0 2px var(--on-accent);background:0 0}.page-pill{z-index:12;left:50%;bottom:calc(var(--pad-b) + 8px + var(--safe-b));text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;max-width:70%;transition:opacity .3s, transform .4s var(--spring);background:#1c1c1eb8;border-radius:99px;padding:7px 15px;font-size:13px;font-weight:600;position:absolute;overflow:hidden;transform:translate(-50%,8px)scale(.96)}.page-pill.show{opacity:1;transform:translate(-50%)}.zoom-pill{z-index:21;top:calc(14px + var(--safe-t));background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), var(--glass-shadow);font-variant-numeric:tabular-nums;animation:menu-in .3s var(--spring) both;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:650;position:absolute;inset-inline-end:14px}.thumbs{z-index:21;top:var(--pad-t);bottom:calc(12px + var(--pad-b));left:calc(12px + var(--pad-l));background:var(--glass-bg);width:150px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), var(--glass-shadow);animation:slide-in .45s var(--spring) both;--from:-24px;border-radius:26px;align-content:start;gap:16px;padding:14px;display:grid;position:absolute;overflow:auto}[dir=rtl] .thumbs{--from:24px}.thumb{color:var(--muted);justify-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:grid}.thumb svg{background:var(--paper);width:100%;height:auto;transition:transform .25s var(--spring), box-shadow .25s;border-radius:6px;box-shadow:0 0 0 .5px #0000001a,0 8px 16px -12px #00000080}@media (hover:hover){.thumb:hover svg{transform:translateY(-2px)}}.thumb[aria-current=true] svg{box-shadow:0 0 0 2.5px var(--accent), 0 10px 20px -12px #e696006b}.thumb[aria-current=true]{color:var(--accent)}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}.orb{color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px -8px #e696007a}.orb i{background:conic-gradient(var(--glow));animation:7s linear infinite spin;position:absolute;inset:-30%}.orb:after{content:"";background:radial-gradient(circle at 32% 28%,#fff9,#0000 42%),radial-gradient(circle,#ffaa2859,#f56e3ccc);border-radius:50%;position:absolute;inset:3px}.orb svg{z-index:1;position:relative}.orb.small{width:32px;height:32px}.orb.busy i{animation-duration:1.3s}.orb.busy{animation:1.6s ease-in-out infinite breathe}.dock{isolation:isolate;flex:none;max-width:calc(100vw - 24px);position:relative}.dock[data-state=idle]{display:none}.dock-shell{isolation:isolate;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge), 0 2px 8px #0000000d, 0 26px 50px -24px #00000080;view-transition-name:dock;transform-origin:50% 100%;animation:pop-out .55s var(--spring) both;border-radius:30px;padding:6px;position:relative}.hub[data-edge=top] .dock-shell{transform-origin:50% 0}.hub[data-edge=left] .dock-shell{transform-origin:0}.hub[data-edge=right] .dock-shell{transform-origin:100%}.dock.leaving .dock-shell{animation:.22s ease-in both pop-back}.dock.leaving:before,.dock.leaving:after{opacity:0!important}.dock-busy,.dock-result,.dock-ask{display:none}.dock[data-state=busy] .dock-busy{align-items:center;gap:4px;display:flex}.dock[data-state=result] .dock-result,.dock[data-state=ask] .dock-ask{display:grid}@keyframes pop-out{0%{opacity:0;filter:blur(8px);transform:scale(.55)}}@keyframes pop-back{to{opacity:0;filter:blur(6px);transform:scale(.7)}}.dock[data-state=busy] .dock-shell{background:var(--glass-solid)}.dock[data-state=busy]:before,.dock[data-state=busy]:after{content:"";z-index:-1;background:conic-gradient(from var(--a), var(--glow));border-radius:32px;transition:opacity .2s;animation:2.4s linear infinite turn,.5s .15s backwards fade;position:absolute;inset:-2px}.dock[data-state=busy]:after{z-index:-2;filter:blur(18px);opacity:.75;inset:2px}.dock-busy{min-width:min(420px,100vw - 48px);padding-inline-end:2px}.dock-say{min-width:0;max-width:460px;font:18px/1.3 var(--f-board);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 8px;display:-webkit-box;overflow:hidden}.dock-say.thinking{font:500 15px var(--f);color:var(--muted)}.dock-say.thinking:after{content:"";text-align:start;width:1.2em;animation:1.2s steps(4,end) infinite ellipsis;display:inline-block}.dock-say.in{animation:say-in .4s var(--ease) both}#dockStop,#askClose{background:var(--fill);width:40px;min-width:40px;min-height:40px;color:var(--muted)}.dock-result{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon text close""btns btns btns";align-items:center;gap:10px 12px;width:min(520px,100vw - 48px);padding:10px 6px 6px 10px;position:relative}[dir=rtl] .dock-result{padding:10px 10px 6px 6px}.res-icon{border-radius:16px;grid-area:icon;place-items:center;width:46px;height:46px;animation:.5s cubic-bezier(.3,1.6,.5,1) .1s both pop;display:grid}.dock-result.good .res-icon{color:#fff;background:linear-gradient(135deg,#34c759,#20c997)}.dock-result.try .res-icon{color:#fff;background:linear-gradient(135deg,#ff9500,#fc0)}.dock-result.hint .res-icon{color:#f08c00;background:#ff9f0a29}.res-text{grid-area:text;min-width:0}.res-text b{font-size:16px;display:block}.res-text p{color:var(--text-2);font:17px/1.3 var(--f-board);margin:2px 0 0}.res-text .res-left{color:var(--muted);margin-top:6px;font-size:13px;display:block}.dock-result.limit .res-icon{color:var(--accent);background:var(--accent-soft)}.ai-meter-row{flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding-block:0 12px;padding-inline-start:60px}.group>.ai-meter-row:before{display:none}.ai-meter{background:var(--fill);border-radius:99px;height:6px;overflow:hidden}.ai-meter i{border-radius:inherit;background:var(--accent-fill);width:0;height:100%;transition:width .6s var(--ease);display:block}.ai-meter-row.low .ai-meter i{background:#ff9f0a}.ai-meter-row small{color:var(--muted);font-size:13px}.res-close{background:var(--fill);width:36px;min-width:36px;min-height:36px;color:var(--muted);grid-area:close;align-self:start}.res-btns{grid-area:btns;gap:8px;display:flex}.res-btns .btn{border-radius:99px;flex:1;min-height:46px}.dock-result .burst{top:30px;position:absolute;inset-inline-start:33px}.dock-result .burst i{background:var(--c);opacity:0;width:8px;height:12px;animation:confetti 1s var(--d) cubic-bezier(.1, .7, .3, 1) forwards;border-radius:2px;position:absolute}.dock-ask{gap:8px;width:min(560px,100vw - 48px)}.ask-row{align-items:center;gap:8px;padding:2px;display:flex}.ask-row input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:44px;padding:0 6px;font-size:17px}.send{background:var(--accent-fill);width:42px;height:42px;color:var(--on-accent);transition:transform .2s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.send:active{transform:scale(.9)}.suggest-chips{flex-wrap:wrap;gap:6px;padding:4px 4px 0;display:flex}.suggest-chips button{background:var(--fill);color:var(--ink);transition:transform .2s var(--spring), background .2s;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:500}@media (hover:hover){.suggest-chips button:hover{background:#7676802e}}.suggest-chips button:active{transform:scale(.95)}::view-transition-group(nb){animation-duration:.6s;animation-timing-function:var(--sheet);border-radius:18px;overflow:clip}::view-transition-old(nb){object-fit:cover;height:100%;animation-duration:.32s}::view-transition-new(nb){object-fit:cover;height:100%;animation-duration:.32s}html[data-nav^=book]::view-transition-group(nb){overflow:visible}html[data-nav^=book]::view-transition-image-pair(nb){perspective:1800px}html[data-nav=book]::view-transition-old(nb){z-index:1;mix-blend-mode:normal;object-fit:contain;object-position:0 50%;transform-origin:0;backface-visibility:hidden}html[data-nav=book-out]::view-transition-new(nb){z-index:1;mix-blend-mode:normal;object-fit:contain;object-position:0 50%;transform-origin:0;backface-visibility:hidden}html[data-nav=book]::view-transition-old(nb){animation:book-open .75s var(--sheet) both}html[data-nav=book]::view-transition-new(nb){mix-blend-mode:normal;animation:.45s .1s both fade}html[data-nav=book-out]::view-transition-new(nb){animation:book-open .6s var(--sheet) reverse both}html[data-nav=book-out]::view-transition-old(nb){mix-blend-mode:normal;animation:.4s .1s reverse both fade}html[dir=rtl][data-nav=book]::view-transition-old(nb){object-position:100% 50%;transform-origin:100%;animation-name:book-open-rtl}html[dir=rtl][data-nav=book-out]::view-transition-new(nb){object-position:100% 50%;transform-origin:100%;animation-name:book-open-rtl}@keyframes book-open{0%{transform:rotateY(0)}85%{opacity:1}to{opacity:0;transform:rotateY(-105deg)}}@keyframes book-open-rtl{0%{transform:rotateY(0)}85%{opacity:1}to{opacity:0;transform:rotateY(105deg)}}html[data-nav]::view-transition-old(root){animation:.45s both nav-out}html[data-nav]::view-transition-new(root){animation:.5s both nav-in}::view-transition-old(nb):only-child{animation:.4s both nav-out}::view-transition-new(nb):only-child{animation:.45s both nav-in}.library.still .rise{animation:none}@keyframes nav-out{to{opacity:0;transform:scale(.94)}}@keyframes nav-in{0%{opacity:0;transform:scale(.97)}}html[data-nav=theme]::view-transition-old(root){animation:none}html[data-nav=theme]::view-transition-new(root){animation:theme-in .75s var(--sheet) both}@keyframes theme-in{0%{clip-path:circle(0 at var(--x) var(--y))}to{clip-path:circle(150vmax at var(--x) var(--y))}}html[data-nav=lang]::view-transition-old(root){animation:.28s ease-in both lang-out}html[data-nav=lang]::view-transition-new(root){animation:.42s ease-out .1s both lang-in}@keyframes lang-out{to{opacity:0;filter:blur(5px)}}@keyframes lang-in{0%{opacity:0;filter:blur(5px)}}::view-transition-group(dock){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}html:is([data-nav=in],[data-nav=out],[data-nav^=book]) .side{view-transition-name:none}.page.reading:after{content:"";z-index:3;pointer-events:none;background:conic-gradient(from var(--a), var(--glow));-webkit-mask-composite:xor;border-radius:7px;padding:3px;animation:2.4s linear infinite turn;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.page.reading:before{content:"";inset-inline:0;z-index:2;pointer-events:none;background:linear-gradient(#0000,#ffc40014 70%,#ff963c29);border-bottom:2px solid #845ef759;height:22%;animation:2.2s ease-in-out infinite scan;position:absolute;top:0}.board-sheet{z-index:19;top:var(--pad-t);bottom:calc(var(--pad-b) + var(--safe-b));left:calc(12px + var(--pad-l));right:calc(12px + var(--pad-r));width:min(860px, calc(100% - 24px - var(--pad-l) - var(--pad-r)));height:min(780px, calc(100% - var(--pad-t) - var(--pad-b) - var(--safe-b)));background:var(--surface);animation:sheet-in .6s var(--spring) both;border-radius:34px;flex-direction:column;margin:auto;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #0000000f,0 40px 80px -30px #0000008c}.sheet-head{align-items:center;gap:10px;padding:14px 14px 10px 18px;display:flex}[dir=rtl] .sheet-head{padding:14px 18px 10px 14px}.sheet-head .tb.round{background:var(--fill);width:36px;min-width:36px;min-height:36px;color:var(--muted)}.sheet-titles{min-width:0;display:grid}.sheet-titles b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.sheet-titles small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;overflow:hidden}.sheet-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 16px 8px;display:flex;overflow:hidden}.explain-board{background:var(--paper);min-height:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;flex:1;overflow:hidden}.explain-board svg.board{width:100%;height:100%;display:block}.sheet-body .feed{flex:none}.sheet-body .feed .msg:not(:nth-last-child(-n+2)),.sheet-body .feed .msg.me{display:none}.explain-board svg.board text{font-family:var(--f-board)}.feed{align-content:start;gap:8px;display:grid}.feed:empty{display:none}.msg{background:var(--bg);max-width:94%;font:19px/1.35 var(--f-board);animation:rise .35s var(--ease) both;border-radius:20px 20px 20px 6px;justify-self:start;margin:0;padding:9px 14px}[dir=rtl] .msg{border-radius:20px 20px 6px}.msg.now{background:var(--accent-soft)}.speaking .w{color:var(--muted);transition:color .12s}.speaking .w.said{color:inherit}.msg.me{background:var(--accent-fill);color:var(--on-accent);font:500 15px/1.4 var(--f);border-radius:20px 20px 6px;justify-self:end}[dir=rtl] .msg.me{border-radius:20px 20px 20px 6px}.msg.thinking{color:var(--muted);font:500 14px var(--f);background:0 0;padding:4px 2px}.sheet-ask{background:var(--fill);border-radius:99px;align-items:center;gap:8px;margin:0 14px 14px;padding:5px 5px 5px 16px;display:flex}[dir=rtl] .sheet-ask{padding:5px 16px 5px 5px}.sheet-ask:focus-within{background:#76768029}.sheet-ask input{background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:40px;font-size:17px}.canvas:has(.board-sheet:not([hidden])) .dock{opacity:0;pointer-events:none}.sheet{z-index:40;padding:calc(20px + var(--safe-t)) 20px 20px;background:#00000038;place-items:center;animation:.35s both fade;display:grid;position:fixed;inset:0}.sheet.out{animation:.34s reverse both fade}.sheet.out .sheet-card{animation:sheet-down .34s var(--sheet) both}.sheet-card.form{background:var(--bg);width:min(560px,100%);max-height:min(760px,100%);animation:sheet-up .55s var(--sheet) both;border-radius:36px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 40px 100px -30px #00000073}.form-bar{grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:10px 14px 4px;display:grid}.form-bar h2{margin:0;font-size:17px;font-weight:600}.bar-done{background:var(--accent-fill);min-height:44px;color:var(--on-accent);transition:transform .2s var(--spring);border-radius:99px;justify-self:end;padding:0 18px;font-size:17px;font-weight:600}.bar-done:active{transform:scale(.94)}.form-body{min-height:0;padding:10px 18px 26px;overflow:auto}.row.profile{gap:16px;min-height:80px}.row.profile b{font-size:20px;font-weight:600}.row.profile small{font-size:15px}.initials.big{width:56px;height:56px;font-size:22px}.alert-scrim{z-index:60;background:#0000003d;place-items:center;padding:20px;animation:.2s both fade;display:grid;position:fixed;inset:0}.alert-scrim.out{animation:.2s reverse both fade}.alert{text-align:center;background:var(--alert-bg);-webkit-backdrop-filter:saturate(2)blur(30px);backdrop-filter:saturate(2)blur(30px);width:min(320px,100%);box-shadow:var(--glass-edge), 0 30px 80px -20px #00000073;animation:alert-in .35s var(--spring) both;border-radius:34px;padding:22px 18px 18px}.alert h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:17px;font-weight:600}.alert p{color:var(--text-2);margin:0;font-size:14px}.alert input{background:var(--fill);border:0;border-radius:12px;outline:none;width:100%;min-height:42px;margin-top:12px;padding:0 14px;font-size:17px}.alert input:focus{box-shadow:0 0 0 2px #e6a0008c}.alert-btns{gap:10px;margin-top:20px;display:flex}.alert-btns button{background:var(--fill);min-height:48px;transition:transform .2s var(--spring), background .2s;border-radius:99px;flex:1;font-size:17px;font-weight:600}.alert-btns button:active{transform:scale(.95)}.alert-btns .default{background:var(--accent-fill);color:var(--on-accent)}.alert-btns .danger{color:var(--danger)}@media (width<=900px){.library,.library.tabs{grid-template-columns:minmax(0,1fr)}.side,.library.tabs .side{top:auto;bottom:calc(10px + var(--safe-b));border-radius:99px;flex-direction:row;width:auto;margin:0;padding:4px;position:absolute;left:50%;transform:translate(-50%)}.side-head,.nav-lead>*,.side-sec,.side-topics{display:none}.side-nav,.library.tabs .side-nav{flex-direction:row;gap:0}.nav-item,.library.tabs .nav-item{min-width:88px;min-height:56px;box-shadow:none;border-radius:99px;flex-direction:column;justify-content:center;gap:2px;padding:4px 14px;font-size:11px;font-weight:600}.library.tabs .nav-item svg{display:block}.nav-item[aria-current=true],.library.tabs .nav-item[aria-current=true]{box-shadow:none;background:#76768024}.library.tabs .nav-title{visibility:visible}.library.tabs .navbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.shelf{padding-bottom:calc(110px + var(--safe-b))}}@media (width<=640px){.covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.large-title h1{font-size:30px}.nav-item,.library.tabs .nav-item{min-width:76px;padding:4px 8px}.navbar,.library.tabs .navbar{grid-template-columns:0 minmax(0,1fr) minmax(0,1.6fr)}.nav-title{text-overflow:ellipsis;overflow:hidden}.topic-row .meter{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tool-flash{z-index:40;top:calc(env(safe-area-inset-top,0px) + 96px);-webkit-backdrop-filter:saturate(1.8)blur(20px);backdrop-filter:saturate(1.8)blur(20px);color:#fff;pointer-events:none;opacity:0;background:#1c1c1ebd;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.tool-flash.show{animation:1.1s forwards tool-flash}.palette{gap:4px;padding:8px;display:grid}.palette>div{justify-content:center;gap:2px;display:flex}.palette .tb[aria-pressed=true]{background:var(--accent-fill);color:var(--on-accent)}@keyframes tool-flash{0%{opacity:0;transform:translate(-50%,-4px)}12%,70%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes bar-in{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translateX(calc(var(--from) * var(--dir)))}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100vh)}}@keyframes sheet-down{to{transform:translateY(100vh)}}@keyframes menu-out{to{opacity:0;filter:blur(4px);transform:scale(.88)}}@keyframes card-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes alert-in{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes turn{to{--a:360deg}}@keyframes breathe{50%{transform:scale(1.08)}}@keyframes scan{0%{opacity:0;top:-22%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes say-in{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes sheet-in{0%{opacity:0;transform:translateY(50px)scale(.96)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(9%,-7%)scale(1.12)}to{transform:translate(-7%,8%)scale(.94)}}.alert.subject-pick{text-align:start;width:min(400px,100%);max-height:min(640px,100dvh - 40px);padding:22px 14px 14px;overflow-y:auto}.alert.subject-pick h3,.alert.subject-pick>p{text-align:center;padding-inline:8px}.subject-list{gap:2px;margin-top:14px;display:grid}.subject-rest{margin-top:4px}.subject-list button{text-align:start;min-height:50px;color:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:0 14px;font-size:17px;display:flex}.subject-list button small{color:var(--text-2);margin-inline-start:auto;font-size:14px}.subject-list button[aria-pressed=true]{background:var(--accent-soft);font-weight:600}@media (hover:hover){.subject-list button:hover{background:#7676801f}}.subject-list button:active{background:#76768033}.subject-more{width:100%;min-height:40px;color:var(--accent);border-radius:12px;margin-top:6px;font-size:15px;font-weight:600}.folder-glyph{flex:none;display:block;overflow:visible}.folder-glyph .back{fill:color-mix(in srgb, var(--fc) 72%, #fff)}.folder-glyph .front{fill:color-mix(in srgb, var(--fc) 40%, #fff)}:root[data-theme=dark] .folder-glyph .back{fill:color-mix(in srgb, var(--fc) 70%, #000)}:root[data-theme=dark] .folder-glyph .front{fill:color-mix(in srgb, var(--fc) 46%, #1c1c1e)}.crumb{color:var(--accent);border-radius:99px;align-items:center;gap:2px;margin:0 0 6px -6px;padding:6px 10px 6px 4px;font-size:16px;font-weight:600;transition:background .2s;display:inline-flex}@media (hover:hover){.crumb:hover{background:var(--hover)}}.crumb:active{transform:scale(.97)}.lib-sec+.lib-sec{margin-top:30px}.sec-head .sec-act{color:var(--accent);align-items:center;gap:4px;font-size:16px;font-weight:600;display:inline-flex}.folders{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.folder-tile{position:relative}.folder-open{background:var(--surface);width:100%;box-shadow:var(--shadow);text-align:start;transition:transform .35s var(--spring), box-shadow .3s var(--ease);border-radius:22px;align-items:center;gap:14px;padding:16px;display:flex}@media (hover:hover){.folder-open:hover{transform:translateY(-3px);box-shadow:0 1px 2px #0000000d,0 20px 36px -20px #00000052}}.folder-open:active{transition-duration:.15s;transform:scale(.98)}.ft-text{flex:1;gap:2px;min-width:0;padding-inline-end:26px;display:grid}.ft-text b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.ft-text small{color:var(--muted);font-size:13px}.ft-text em{background:color-mix(in srgb, var(--fc) 13%, transparent);color:color-mix(in srgb, var(--fc) 75%, var(--ink));border-radius:99px;justify-self:start;margin-top:4px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:600}.folder-tile .more{top:10px;width:32px;height:32px;color:var(--muted);transition:background .2s, transform .2s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:10px}@media (hover:hover){.folder-tile .more:hover{background:var(--hover);color:var(--ink)}}.folder-tile .more:active{transform:scale(.9)}.folder-empty{background:var(--surface);box-shadow:var(--shadow);border-radius:22px;grid-column:1/-1;align-items:center;gap:18px;padding:18px 20px;display:flex}.folder-empty>div{flex:1;min-width:0}.folder-empty b{font-size:16px}.folder-empty p{color:var(--muted);margin:3px 0 0;font-size:14px;line-height:1.45}.folder-empty .btn{border-radius:99px;flex:none;align-items:center;gap:6px;min-height:42px;padding:0 16px;font-weight:600;display:inline-flex}@media (width<=640px){.folder-empty{flex-wrap:wrap}.folder-empty .btn{justify-content:center;width:100%}}.folder-about{background:var(--surface);box-shadow:var(--shadow);border-inline-start:4px solid var(--fc);border-radius:22px;margin-bottom:28px;padding:14px 18px 16px}.fa-head{align-items:center;gap:8px;display:flex}.fa-head b{flex:1;font-size:15px}.fa-icon{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.fa-head .link{color:var(--accent);padding:4px;font-size:15px;font-weight:600}.folder-about p{white-space:pre-line;margin:8px 0 0;font-size:15px;line-height:1.5}.folder-about.empty p{color:var(--muted)}.side-folder .folder-glyph{margin-inline-start:-2px}.side-folder[aria-current=true]{background:var(--hover);font-weight:600}.side-add{color:var(--accent)}.side-plus{flex:none;place-items:center;width:22px;display:grid}.alert.folder-sheet{text-align:start;width:min(420px,100%);max-height:calc(100dvh - 40px);padding:20px 18px 16px;overflow-y:auto}.fs-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.fs-head h3{margin:0;font-size:19px}.fs-field{gap:6px;margin-top:12px;display:grid}.fs-field>span{color:var(--muted);font-size:13px;font-weight:600}.fs-field small{opacity:.8;font-weight:500}.fs-field input,.fs-field textarea{background:var(--fill);width:100%;color:var(--ink);font:16px/1.4 var(--f);resize:vertical;border:0;border-radius:14px;outline:none;padding:11px 13px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1.5px #0000}.fs-field input:focus,.fs-field textarea:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.fs-field.bad input{box-shadow:inset 0 0 0 1.5px var(--danger);animation:.45s shake}.fs-colors{flex-wrap:wrap;gap:10px;display:flex}.fs-colors button{background:var(--fc);width:30px;height:30px;transition:transform .2s var(--spring);border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.fs-colors button[aria-checked=true]{box-shadow:0 0 0 2px var(--alert-bg), 0 0 0 4px var(--fc)}.fs-colors button:active{transform:scale(.9)}.fs-row{background:var(--fill);width:100%;color:var(--ink);text-align:start;border-radius:14px;align-items:center;gap:8px;margin-top:14px;padding:12px 13px;font-size:16px;display:flex}.fs-row span{color:var(--muted);flex:1;font-size:14px;font-weight:600}.fs-row b{font-weight:600}.fs-row svg{color:var(--muted)}[dir=rtl] .fs-row svg{transform:scaleX(-1)}.alert.folder-sheet .fp-list{gap:2px;margin-top:10px;display:grid}.fp-row{text-align:start;width:100%;color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:10px;font-size:16px;display:flex}@media (hover:hover){.fp-row:hover{background:var(--hover)}}.fp-row>span:not(.fp-none){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fp-row[aria-pressed=true]{font-weight:600}.fp-row>svg:last-child:not(.folder-glyph){color:var(--accent)}.fp-none{width:30px;height:24px;color:var(--muted);flex:none;place-items:center;display:grid}.fp-new,.fp-new .fp-none{color:var(--accent)}.page .q-btn{bottom:-30px;background:var(--glass-solid);box-shadow:0 0 0 .5px var(--hairline);color:var(--accent);transition:transform .2s var(--spring), background .2s;border-radius:99px;align-items:center;gap:5px;padding:4px 11px 4px 9px;font-size:12.5px;font-weight:650;display:inline-flex;position:absolute;inset-inline-start:4px}.page .q-btn:active{transform:scale(.95)}@media (hover:hover){.page .q-btn:hover{background:var(--surface)}}.page.has-q .q-btn{color:var(--muted)}.alert.q-sheet .q-lead{color:var(--muted);margin:-4px 0 0;font-size:14px;line-height:1.45}.alert.q-sheet textarea{min-height:110px;font-size:17px}.alert.q-sheet .alert-btns .danger{flex:none;padding:0 16px}.alert.q-sheet .q-photo{align-items:center;gap:6px;margin-top:4px;padding:8px 2px;font-size:14.5px;display:inline-flex}.side-topic .side-plus,.side-folder .folder-glyph{flex:none}.alert.folder-sheet{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=dark] .alert.folder-sheet{background:#1c1c1e}.page{container-type:inline-size}.page.blank:not(.has-q) .q-btn{top:16px;bottom:auto;background:var(--accent-soft);box-shadow:none;padding:7px 14px 7px 11px;font-size:14px;inset-inline-start:16px}.page .q-hit{z-index:2;top:3.6cqw;height:calc(var(--qh,0) * 1cqw);cursor:pointer;border-radius:2.2cqw;display:none;position:absolute;inset-inline:4cqw}.page.has-q .q-hit{display:block}.page .q-hit:active{background:#ffc40014}.page.has-q .page-hint{top:calc((var(--qh,0) + 6.4) * 1cqw)}.up-next .w-q{-webkit-line-clamp:3;letter-spacing:-.005em;-webkit-box-orient:vertical;font-size:20px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.cover-art.bank-art{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, var(--surface)), var(--surface) 55%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 16%, transparent), 0 1px 2px #0000000f, 0 16px 32px -20px #00000059;border-radius:16px;flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}[dir=rtl] .cover-art.bank-art{border-radius:16px}.ba-tag{background:color-mix(in srgb, var(--c) 14%, transparent);color:color-mix(in srgb, var(--c) 80%, var(--ink));border-radius:99px;align-self:flex-start;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.bank-art ol{flex:1;align-content:start;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.bank-art li{color:var(--ink);align-items:flex-start;gap:7px;font-size:11.5px;line-height:1.35;display:flex}.bank-art li span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bank-art li i{width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.bank-art li.done{color:var(--muted)}.bank-art li.done i{background:var(--good);box-shadow:none}.ba-empty{color:var(--muted);text-align:center;flex:1;place-items:center;margin:0;font-size:13px;display:grid}.ba-count{color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-end;font-size:13px;font-weight:600}.ba-count b{color:var(--ink);font-size:22px}.cover.small .bank-art li{font-size:10px}.bank-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:-6px 0 22px;display:flex}.bank-bar .btn{min-height:42px}.bank-bar .btn.quiet{background:var(--surface);box-shadow:var(--shadow)}.bank-bar .bank-more{width:42px;height:42px}.bank-progress{flex:160px;justify-content:flex-end;display:flex}.bank-progress .meter{background:var(--fill);width:min(260px,100%);height:8px}.bank-progress .meter i{background:var(--good)}.qgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.qcard{background:var(--surface);min-height:124px;box-shadow:var(--shadow);text-align:start;color:var(--ink);transition:transform .3s var(--spring), box-shadow .3s var(--ease);border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}@media (hover:hover){.qcard:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000d,0 18px 32px -20px #0000004d}}.qcard:active{transition-duration:.15s;transform:scale(.98)}.qc-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.qc-no{background:var(--fill);font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-size:13px;font-weight:700;display:grid}.qc-state{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:650;display:inline-flex}.qc-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15.5px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.qcard.solved .qc-state{color:var(--good)}.qcard.solved .qc-no{background:var(--good-soft);color:var(--good)}.qcard.tried .qc-state{color:var(--accent)}.qcard.tried .qc-no{background:var(--accent-soft);color:var(--accent)}.bank-empty{background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:24px;grid-column:1/-1;justify-items:center;gap:8px;padding:34px 20px 30px;display:grid}.be-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:18px;place-items:center;display:grid}.bank-empty b{margin-top:6px;font-size:19px}.bank-empty p{max-width:46ch;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.be-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.be-btns .btn.quiet{background:var(--fill)}.alert.choose-sheet{width:min(440px,100%)}.alert.choose-sheet h3{text-align:start;margin-bottom:4px;font-size:19px}.choose-lead{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.45}.choose-list{gap:8px;max-height:min(460px,100dvh - 220px);margin-top:12px;display:grid;overflow-y:auto}.choose-row{background:var(--fill);width:100%;color:var(--ink);text-align:start;transition:transform .2s var(--spring), background .2s;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}@media (hover:hover){.choose-row:hover{background:var(--hover)}}.choose-row:active{transform:scale(.98)}.choose-row[aria-disabled=true]{opacity:.6;cursor:default}.choose-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.choose-text{flex:1;gap:2px;min-width:0;display:grid}.choose-text b{font-size:16px}.choose-text small{color:var(--muted);font-size:13.5px;line-height:1.4}.choose-chev{color:var(--muted)}[dir=rtl] .choose-chev{transform:scaleX(-1)}.choose-done{color:var(--good);flex:none;align-items:center;gap:4px;font-size:13px;font-weight:650;display:inline-flex}.set-chip{background:color-mix(in srgb, var(--c) 14%, var(--surface));min-width:76px;color:color-mix(in srgb, var(--c) 80%, var(--ink));font:16px/1.2 var(--f-board);text-align:center;direction:ltr;border-radius:12px;flex:none;padding:8px 10px}.photo-sheet{background:var(--surface);width:min(880px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--glass-edge), 0 30px 80px -20px #00000073;animation:sheet-in .4s var(--spring-soft) both;transition:width .35s var(--sheet);border-radius:30px;flex-direction:column;display:flex;position:relative;overflow:hidden}.photo-sheet[data-stage=frame],.photo-sheet[data-stage=read],.photo-sheet[data-stage=check]{height:min(780px,100dvh - 40px)}.photo-sheet[data-stage=pick],.photo-sheet[data-stage=empty],.photo-sheet[data-stage=error]{width:min(520px,100%)}.ph-head{align-items:center;gap:10px;padding:14px 12px 6px 22px;display:flex}[dir=rtl] .ph-head{padding:14px 22px 6px 12px}.ph-head h3{flex:1;min-width:0;margin:0;font-size:19px;font-weight:650}.ph-close{color:var(--muted)}.ph-body{flex-direction:column;flex:1;min-height:0;padding:4px 22px 14px;display:flex;overflow-y:auto}.ph-body.in{animation:say-in .35s var(--ease) both}.photo-sheet[data-stage=pick] .ph-body{padding-bottom:24px}.ph-foot{border-top:.5px solid var(--sep);justify-content:flex-end;gap:10px;padding:12px 18px 18px;display:flex}.ph-foot .btn{min-height:46px;padding:0 20px}.ph-foot .btn:first-child:not(:last-child){margin-inline-end:auto}.ph-lead{color:var(--muted);margin:0 0 10px;font-size:14.5px;line-height:1.45}.photo-sheet.drop:after{content:"";z-index:5;border:2px dashed var(--accent);background:var(--accent-soft);pointer-events:none;border-radius:24px;position:absolute;inset:8px}.ph-pick{text-align:center;justify-items:center;gap:8px;padding:6px 4px 0;display:grid}.ph-art{background:var(--accent-soft);width:72px;height:72px;color:var(--accent);border-radius:22px;place-items:center;margin-bottom:6px;display:grid}.ph-art.quiet{background:var(--fill);color:var(--muted)}.ph-art.warn{background:var(--warn-soft);color:var(--warn)}.ph-pick b{font-size:20px}.ph-pick p{max-width:42ch;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.ph-pick-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.ph-pick-btns .btn{min-height:50px;padding:0 22px;font-size:16.5px}.ph-drop-hint{color:var(--muted);font-size:13px}.ph-tips{background:var(--bg);text-align:start;border-radius:16px;gap:9px;width:100%;margin:18px 0 0;padding:14px 16px;list-style:none;display:grid}.ph-tips li{color:var(--text-2);align-items:center;gap:10px;font-size:14px;display:flex}.ph-tips svg{color:var(--good);flex:none}.ph-stage{background:var(--desk);border-radius:18px;flex:1;place-items:center;min-height:0;padding:22px;display:grid;overflow:hidden}.ph-frame{direction:ltr;line-height:0;position:relative}.ph-frame canvas,.ph-frame img{width:auto;max-width:100%;height:auto;max-height:calc(min(780px,100dvh - 40px) - 300px);box-shadow:var(--page-shadow);border-radius:3px;display:block}.ph-crop{cursor:move;touch-action:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 100vmax #00000080}.ph-crop:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.3% - .5px),#ffffffb3 0 calc(33.3% + .5px),#0000 0 calc(66.6% - .5px),#ffffffb3 0 calc(66.6% + .5px),#0000 0),linear-gradient(#0000 calc(33.3% - .5px),#ffffffb3 0 calc(33.3% + .5px),#0000 0 calc(66.6% - .5px),#ffffffb3 0 calc(66.6% + .5px),#0000 0);transition:opacity .2s;position:absolute;inset:0}.ph-crop.dragging:before{opacity:1}.ph-h{touch-action:none;width:44px;height:44px;margin:-22px;position:absolute}.ph-h[data-c=nw]{cursor:nwse-resize;top:0;left:0}.ph-h[data-c=ne]{cursor:nesw-resize;top:0;left:100%}.ph-h[data-c=sw]{cursor:nesw-resize;top:100%;left:0}.ph-h[data-c=se]{cursor:nwse-resize;top:100%;left:100%}.ph-h i{filter:drop-shadow(0 1px 2px #00000073);border:0 solid #fff;width:20px;height:20px;position:absolute}.ph-h[data-c=nw] i{border-top-width:4px;border-left-width:4px;border-top-left-radius:4px;top:19px;left:19px}.ph-h[data-c=ne] i{border-top-width:4px;border-right-width:4px;border-top-right-radius:4px;top:19px;right:19px}.ph-h[data-c=sw] i{border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:4px;bottom:19px;left:19px}.ph-h[data-c=se] i{border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:4px;bottom:19px;right:19px}.ph-tools{justify-content:center;gap:8px;margin-top:10px;display:flex}.ph-tools .tb{color:var(--text-2);padding:0 14px;font-size:15px}.ph-frame.reading:after{content:"";z-index:3;pointer-events:none;background:conic-gradient(from var(--a), var(--glow));-webkit-mask-composite:xor;border-radius:7px;padding:3px;animation:2.4s linear infinite turn;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ph-frame.reading:before{content:"";inset-inline:0;z-index:2;pointer-events:none;background:linear-gradient(#0000,#ffc4001a 70%,#ff963c38);border-bottom:2px solid #fa09;height:22%;animation:2.2s ease-in-out infinite scan;position:absolute;top:0}.ph-status{color:var(--text-2);text-align:center;margin:14px 0 2px;font-size:15px;font-weight:600}.ph-check{flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;min-height:0;display:grid}.ph-shot{background:var(--desk);border-radius:18px;align-content:start;justify-items:center;min-height:0;margin:0;padding:14px;display:grid;overflow:auto}.ph-shot img{max-width:100%;box-shadow:var(--page-shadow);border-radius:3px;display:block}.ph-found{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.ph-found-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ph-found-head b{font-size:17px}.ph-found-head .link{padding:6px 4px;font-size:14.5px}.ph-found .ph-lead{margin:2px 0 12px}.ph-list{gap:8px;margin:0;padding:0 0 4px;list-style:none;display:grid}.ph-q{background:var(--fill);animation:card-pop .35s var(--ease) backwards;animation-delay:calc(var(--i,0) * 45ms);border-radius:16px;align-items:flex-start;gap:6px;padding:8px 12px 8px 6px;transition:opacity .2s,background .2s,box-shadow .2s;display:flex}[dir=rtl] .ph-q{padding:8px 6px 8px 12px}.ph-q:focus-within{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent)}.ph-q.off{opacity:.5}.ph-tick{flex:none;place-items:center;width:40px;height:40px;display:grid}.ph-tick span{color:#0000;width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--line);transition:background .2s, color .2s, transform .25s var(--spring);border-radius:50%;place-items:center;display:grid}.ph-tick[aria-checked=true] span{background:var(--accent-fill);color:var(--on-accent);box-shadow:none}.ph-tick:active span{transform:scale(.88)}.ph-no{min-width:18px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-top:9px;font-size:14px;font-weight:700}.ph-q textarea{min-width:0;color:var(--ink);font:16.5px/1.5 var(--f);resize:none;background:0 0;border:0;outline:none;flex:1;margin:0;padding:8px 2px;overflow:hidden}.ph-none{text-align:center;justify-items:center;gap:8px;margin:auto;padding:24px 10px 16px;display:grid}.ph-none b{font-size:19px}.ph-none p{max-width:42ch;color:var(--muted);margin:0;font-size:15px;line-height:1.5}@media (width<=680px){.ph-check{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.ph-shot{max-height:170px}.ph-body{padding-inline:16px}}.welcome{background:var(--bg);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:100%;display:grid;overflow:auto}.showcase{isolation:isolate;padding:calc(28px + var(--safe-t)) 40px 40px;--line-c:#1c1c1e0d;--glyph-c:#1c1c1e17;color:var(--ink);border-inline-end:.5px solid var(--sep);background:#fff;grid-template-rows:auto minmax(0,1fr) auto auto;gap:22px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .showcase{--line-c:#ffffff0f;--glyph-c:#ffffff1a;background:#000}.showcase:before{content:"";z-index:-1;background-image:linear-gradient(var(--line-c) 1px, transparent 1px), linear-gradient(90deg, var(--line-c) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 42%,#000 25%,#0000 78%);mask-image:radial-gradient(at 50% 42%,#000 25%,#0000 78%)}.aurora{z-index:-2;filter:blur(80px);opacity:.18;position:absolute;inset:-25%}:root[data-theme=dark] .aurora{opacity:.1}.aurora i{aspect-ratio:1;border-radius:50%;width:46%;animation:18s ease-in-out infinite alternate drift;position:absolute}.aurora i:first-child{background:#ffd43b;top:8%;left:4%}.aurora i:nth-child(2){background:#ffc078;animation-duration:23s;animation-delay:-7s;bottom:4%;right:2%}.aurora i:nth-child(3){opacity:.45;background:#ffe066;width:28%;animation-duration:27s;animation-delay:-13s;top:46%;left:34%}.glyphs span{z-index:-1;font:400 34px/1 var(--f-board);color:var(--glyph-c);animation:13s ease-in-out infinite float;position:absolute}.glyphs span:first-child{top:13%;left:8%}.glyphs span:nth-child(2){font-size:44px;animation-delay:-3s;top:22%;right:9%}.glyphs span:nth-child(3){animation-delay:-6s;top:58%;left:5%}.glyphs span:nth-child(4){animation-delay:-2s;bottom:30%;right:6%}.glyphs span:nth-child(5){font-size:40px;animation-delay:-8s;bottom:9%;left:46%}.glyphs span:nth-child(6){font-size:28px;animation-delay:-5s;top:7%;left:52%}.glyphs span:nth-child(7){font-size:26px;animation-delay:-10s;top:40%;right:3%}.glyphs span:nth-child(8){font-size:30px;animation-delay:-4s;bottom:18%;left:20%}.brand{letter-spacing:-.01em;animation:rise .6s var(--ease) both;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand .logo{width:auto;height:46px}.stage{place-items:center;min-height:0;padding-bottom:18px;display:grid;position:relative}.paper-card{width:min(100%,540px);animation:paper-in 1s .15s var(--ease) both;background:#fff;border-radius:18px;overflow:hidden;transform:rotate(-1.4deg);box-shadow:0 0 0 .5px #00000014,0 34px 70px -28px #141c304d}.hero-board svg{width:100%;height:auto;display:block}.hero-board .student path{transition:opacity .5s}.hero-board .student path.gone{opacity:0}.hero-board.fading{opacity:0;transition:opacity .6s}.hero-say{inset-inline-end:2%;background:var(--glass-solid);max-width:min(310px,70%);color:var(--ink);box-shadow:inset 0 0 0 .5px var(--sep), 0 18px 40px -16px #141c3059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform-origin:100% 100%;transition:opacity .35s var(--ease), transform .45s var(--ease);border-radius:18px 18px 6px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:0;transform:translateY(12px)scale(.95)}[dir=rtl] .hero-say{transform-origin:0 100%;border-radius:18px 18px 18px 6px}.hero-say.show{opacity:1;transform:none}.hero-say .avatar{background:var(--grad);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.hero-say p{margin:3px 0 0;font-size:14px;font-weight:500;line-height:1.4}.dots{gap:4px;padding:6px 0;display:inline-flex}.dots i{background:#adb5c9;border-radius:50%;width:6px;height:6px;animation:1s infinite typing}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.phases{animation:rise .6s .35s var(--ease) both;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.phases li{background:var(--fill);color:var(--muted);transition:background .35s, color .35s, transform .35s var(--ease), box-shadow .35s;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;display:flex}[dir=rtl] .phases li{padding:6px 6px 6px 14px}.phases li b{background:var(--fill);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;transition:background .35s,color .35s;display:grid}.phases li.on{background:var(--raised);color:var(--ink);box-shadow:inset 0 0 0 .5px var(--sep), 0 10px 24px -12px #141c304d;transform:translateY(-2px)}.phases li.on b{background:var(--grad);color:var(--on-accent)}.pitch{animation:rise .7s .45s var(--ease) both}.pitch h2{letter-spacing:-.025em;max-width:18ch;margin:0 0 8px;font-size:clamp(24px,2.5vw,34px);font-weight:700;line-height:1.15}.pitch p{color:var(--muted);max-width:44ch;margin:0}.auth{padding:calc(32px + var(--safe-t)) 24px 32px;align-content:center;justify-items:center;gap:16px;display:grid;position:relative}.auth-card{background:var(--surface);border:1px solid var(--hairline);width:min(440px,100%);animation:card-in .7s .1s var(--ease) both;border-radius:28px;padding:16px 28px 28px;box-shadow:0 1px 2px #141c300d,0 28px 64px -28px #141c304d}.auth-top{align-items:center;gap:12px;height:44px;margin-bottom:10px;display:flex}.auth-top .tb{flex:none;width:40px;height:40px}.auth-top .tb[aria-hidden=true]{visibility:hidden}.progress{flex:1;gap:6px;display:flex}.progress i{background:var(--line);border-radius:99px;flex:1;height:5px;position:relative;overflow:hidden}.progress i:after{content:"";background:var(--grad);transform-origin:0;transition:transform .55s var(--ease);position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .progress i:after{transform-origin:100%}.progress i.on:after{transform:scaleX(1)}.lang-pill{background:var(--hover);border-radius:99px;flex:none;padding:7px 13px;font-size:14px;font-weight:600;transition:background .2s}@media (hover:hover){.lang-pill:hover{background:var(--accent-soft)}}.views{transition:height .45s var(--ease);position:relative}.view{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.view-head{text-align:center;justify-items:center;gap:8px;margin-bottom:4px;display:grid}.view-head h1{letter-spacing:-.025em;margin:8px 0 0;font-size:28px;font-weight:700;line-height:1.2}.view-head .muted{max-width:34ch}.view-head b{color:var(--ink);word-break:break-all}.mark-xl{background:radial-gradient(closest-side,#ffd2504d,#0000);padding:8px 26px}:root[data-theme=dark] .mark-xl{background:radial-gradient(closest-side,#ffcc4029,#0000)}.mark-xl .logo{width:auto;height:76px;display:block}.badge-icon,.envelope{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;display:grid}.envelope{animation:2.6s ease-in-out infinite bob}.view.enter{animation:view-in .5s var(--ease) both}.view.enter>*{animation:rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms + 60ms)}.view.leave{pointer-events:none;animation:.28s ease-in both view-out;position:absolute;inset:0 0 auto}.view.back.enter{animation-name:view-in-back}.view.back.leave{animation-name:view-out-back}.field{display:block;position:relative}.field input{padding:20px 16px 4px;border:1.5px solid var(--line);background:var(--field);width:100%;height:60px;color:var(--ink);border-radius:16px;padding-inline-start:48px;font-size:17px;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.field-icon{inset-inline-start:16px;color:var(--muted);pointer-events:none;transition:color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.field:focus-within .field-icon{color:var(--accent)}.field-label{inset-inline-start:48px;color:var(--muted);pointer-events:none;transition:top .2s var(--ease), font-size .2s var(--ease), color .2s;font-size:17px;position:absolute;top:50%;transform:translateY(-50%)}.field input:focus+.field-label,.field input:not(:placeholder-shown)+.field-label{color:var(--accent);font-size:12px;font-weight:600;top:17px}.field input:not(:focus):not(:placeholder-shown)+.field-label{color:var(--muted)}.field.bad input{border-color:#e03131;box-shadow:0 0 0 4px #ffe3e3}.field.bad{animation:.42s shake}.error{animation:rise .25s var(--ease) both}.suggest{background:var(--accent-soft);color:var(--accent);animation:rise .3s var(--ease) both;border-radius:99px;justify-self:start;margin-top:-6px;padding:7px 12px;font-size:14px;font-weight:600}.btn.big{border-radius:16px;width:100%;min-height:56px;font-size:17px;transition:transform .15s,box-shadow .25s,background .2s;position:relative}.btn.primary.big{background:var(--grad);box-shadow:0 12px 26px -12px #e696008c}@media (hover:hover){.btn.primary.big:hover{background:var(--grad);transform:translateY(-1px);box-shadow:0 16px 32px -12px #e69600a6}}.btn.big:active{transform:scale(.98)}.btn.big [data-icon]{transition:transform .25s var(--ease);display:flex}@media (hover:hover){.btn.big:hover [data-icon=next]{transform:translateX(calc(4px * var(--dir)))}}.btn .spinner{border:2.5px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:none;position:absolute}.btn.loading{pointer-events:none}.btn.loading>:not(.spinner){visibility:hidden}.btn.loading .spinner{display:block}.btn.google .spinner{border-color:#141c3026;border-top-color:var(--ink)}.social{gap:10px;display:grid}.social-btn{border-radius:16px;gap:10px;width:100%;min-height:52px;font-size:16px;transition:transform .15s,background .2s}.social-btn:active{transform:scale(.98)}.social-btn.apple{color:#fff;box-shadow:none;background:#000}@media (hover:hover){.social-btn.apple:hover{background:#1c1c1e}}.social-btn.google{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line)}@media (hover:hover){.social-btn.google:hover{background:var(--field)}}[data-theme=dark] .social-btn.apple{color:#000;background:#fff}.divider{color:var(--muted);align-items:center;gap:12px;margin:4px 0 2px;font-size:13px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.fine{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.fine [data-icon]{color:var(--good);display:flex}.otp{direction:ltr;position:relative}.otp input{z-index:1;color:#0000;caret-color:#0000;background:0 0;border:0;outline:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.otp input::selection{background:0 0}.otp-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.otp-boxes i{border:1.5px solid var(--line);background:var(--field);height:64px;font:700 28px/1 var(--f);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:14px;place-items:center;font-style:normal;transition:border-color .2s,box-shadow .2s,background .25s,color .25s;display:grid}.otp-boxes i:nth-child(3){margin-inline-end:6px}.otp-boxes i.filled{background:var(--surface);border-color:#c3ccf3;animation:.25s cubic-bezier(.3,1.6,.5,1) pop}.otp.focus .otp-boxes i.cur{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.otp.focus .otp-boxes i.cur:empty:after{content:"";background:var(--accent);border-radius:2px;width:2px;height:28px;animation:1s step-end infinite blink}.otp.bad .otp-boxes{animation:.45s shake}.otp.bad .otp-boxes i{background:#fff5f5;border-color:#e03131}.otp.good .otp-boxes i{border-color:var(--good);background:var(--good-soft);color:var(--good);transition-delay:calc(var(--k) * 60ms)}.code-links{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.code-links .link{padding:6px 2px;font-size:15px}.code-links .link:disabled{color:var(--muted);opacity:1;font-variant-numeric:tabular-nums}.preview-tip{background:var(--hover);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:9px 12px;font-size:13px}.invite-line{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;margin-top:-4px;font-size:14px;display:flex}.invite-line .link,.code-hint .link{padding:4px 2px;font-size:14px}.invite-line .dot{color:var(--line)}.code-hint{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.5}.view[data-step=request]{gap:12px}.kind-seg{background:var(--fill);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.kind-seg button{min-height:42px;color:var(--muted);transition:background .25s var(--ease), color .2s, box-shadow .25s;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.kind-seg button [data-icon]{display:flex}.kind-seg button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #141c3014,0 4px 12px -6px #141c3040}.kind-seg button[aria-checked=true] [data-icon]{color:var(--accent)}.role-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.role-chips button{background:var(--field);min-height:44px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:12px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s}.role-chips button:active{transform:scale(.96)}.role-chips button[aria-checked=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--ink)}.field textarea{border:1.5px solid var(--line);background:var(--field);width:100%;min-height:92px;font:inherit;color:var(--ink);resize:vertical;border-radius:16px;padding:26px 16px 10px;padding-inline-start:48px;font-size:17px;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.field.area .field-icon,.field.area .field-label{top:30px}.field textarea:focus+.field-label,.field textarea:not(:placeholder-shown)+.field-label{color:var(--accent);font-size:12px;font-weight:600;top:17px}.field textarea:not(:focus):not(:placeholder-shown)+.field-label{color:var(--muted)}.field.bad textarea{border-color:#e03131;box-shadow:0 0 0 4px #ffe3e3}.trap{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset-inline-start:-9999px}.btn.big.quiet{background:var(--fill);box-shadow:none}a.btn.big{color:var(--on-accent);text-decoration:none}@media (width<=400px){.role-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}.chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.chip{background:var(--field);min-height:58px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:16px;align-content:center;place-items:center;font-size:20px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s,color .2s;display:grid}.chip small{color:var(--muted);font-size:11px;font-weight:600}.chip.wide{grid-column:span 2;font-size:15px}@media (hover:hover){.chip:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #e6a50080}}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--grad);color:var(--on-accent);box-shadow:0 10px 22px -10px #e696008c}.chip[aria-pressed=true] small{color:#1c1c1eb3}.goals{gap:10px;display:grid}.goal{background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line);text-align:start;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,box-shadow .2s,background .2s;display:flex}.goal b{font-size:16px;display:block}.goal small{color:var(--muted);font-size:13px}@media (hover:hover){.goal:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px #e6a50080,0 10px 22px -14px #141c3059}}.goal:active{transform:scale(.98)}.goal[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent), 0 10px 22px -12px #e6960066}.goal-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.goal:nth-child(2) .goal-icon{color:#e8590c;background:#fff1e6}.goal:nth-child(3) .goal-icon{color:#0ca678;background:#e3faf2}.done-mark{width:92px;height:92px;animation:.55s cubic-bezier(.3,1.6,.5,1) both pop;position:relative}.done-mark svg{width:100%;height:100%;overflow:visible}.done-mark circle{fill:var(--good-soft);stroke:var(--good);stroke-width:2.5px;stroke-dasharray:151;stroke-dashoffset:151px;animation:.6s ease-out .1s forwards draw}.done-mark path{fill:none;stroke:var(--good);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.4s ease-out .6s forwards draw}.burst{position:absolute;inset:50% auto auto 50%}.burst i{background:var(--c);opacity:0;width:8px;height:12px;animation:confetti 1.1s var(--d) cubic-bezier(.1, .7, .3, 1) forwards;border-radius:2px;position:absolute}.old-card{background:var(--hover);cursor:pointer;text-align:start;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.old-card input{opacity:0;pointer-events:none;position:absolute}.old-card b{font-size:15px;display:block}.old-card small{color:var(--muted);font-size:13px}.switch{background:var(--fill);border-radius:99px;flex:none;width:46px;height:28px;transition:background .25s;position:relative}.switch:after{content:"";top:3px;width:22px;height:22px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 2px 6px #141c3040}.old-card input:checked+.switch{background:var(--good)}.old-card input:checked+.switch:after{transform:translateX(calc(18px * var(--dir)))}.old-card input:focus-visible+.switch{outline:3px solid var(--accent);outline-offset:2px}.preview-badge{color:#a2510c;max-width:440px;animation:rise .6s .7s var(--ease) both;background:#fff4e6;border-radius:14px;align-items:center;gap:8px;margin:0;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.preview-badge [data-icon]{display:flex}@keyframes float{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-16px)rotate(6deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(26px)scale(.98)}to{opacity:1;transform:none}}@keyframes paper-in{0%{opacity:0;transform:translateY(34px)rotate(-6deg)scale(.96)}to{opacity:1;transform:rotate(-1.4deg)}}@keyframes view-in{0%{opacity:0;transform:translateX(calc(44px * var(--dir)));filter:blur(5px)}to{opacity:1;filter:none;transform:none}}@keyframes view-out{to{opacity:0;transform:translateX(calc(-44px * var(--dir)));filter:blur(5px)}}@keyframes view-in-back{0%{opacity:0;transform:translateX(calc(-44px * var(--dir)));filter:blur(5px)}to{opacity:1;filter:none;transform:none}}@keyframes view-out-back{to{opacity:0;transform:translateX(calc(44px * var(--dir)));filter:blur(5px)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@keyframes blink{50%{opacity:0}}@keyframes bob{50%{transform:translateY(-5px)rotate(-3deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r))}}@media (width<=960px){.welcome{display:block}.showcase{padding:calc(18px + var(--safe-t)) 20px 26px;grid-template-rows:auto auto auto;gap:16px}.pitch{display:none}.paper-card{width:min(100%,470px)}.stage{padding-bottom:26px}.auth{align-content:start;padding:22px 16px 36px}}@media (width<=560px){.phases{display:none}.auth-card{border-radius:24px;padding:12px 18px 22px}.view-head h1{font-size:24px}.chips{grid-template-columns:repeat(3,minmax(0,1fr))}.otp-boxes{gap:6px}.otp-boxes i{height:56px;font-size:24px}}@media (height<=760px) and (width>=961px){.pitch p{display:none}.showcase{padding-block:calc(22px + var(--safe-t)) 28px;gap:16px}}@media (prefers-reduced-motion:reduce){.welcome *,.welcome :before,.welcome :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}#fieldForm .badge-icon{display:none}#fieldForm .view-head h1{margin-top:0}.goals.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.goal.field-pick{border-radius:16px;gap:10px;min-height:56px;padding:8px 10px}.goal.field-pick .goal-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:11px}.goal.field-pick .goal-icon svg{width:19px;height:19px}.goal.field-pick>span:last-child{min-width:0}.goal.field-pick b{font-size:14.5px;line-height:1.25}.goal.field-pick small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.field-own{animation:rise .35s var(--ease) both;gap:12px;display:grid}@media (width<=400px){.goals.fields{grid-template-columns:1fr}}.consent-points{text-align:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}.consent-points li{background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:14.5px;line-height:1.45;display:flex}.consent-points li>[data-icon]{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.agree{background:var(--field);box-shadow:inset 0 0 0 1.5px var(--line);align-items:flex-start;transition:box-shadow .2s;position:relative}.agree .tick{color:#0000;width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--surface);border-radius:8px;flex:none;place-items:center;margin-top:1px;transition:background .2s,color .2s,box-shadow .2s;display:grid}.agree input:checked+.tick{background:var(--good);color:#fff;box-shadow:none}.agree input:focus-visible+.tick{outline:3px solid var(--accent);outline-offset:2px}.agree.bad{box-shadow:inset 0 0 0 1.5px var(--danger);animation:.45s shake}.agree a{color:var(--accent);font-weight:600}.splash{--ink:#1c1c1e;--halo:#ffd66638;--tip:#ffc93c;--ripple:#f5b4008c;--muted-ink:#1c1c1e8c;--hair:#1c1c1e2e;z-index:300;color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;place-items:center;animation:.35s both fade;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-theme=dark] .splash{--ink:#f5f5f7;--halo:#ffcc401f;--tip:#ffd25e;--ripple:#ffd25e80;--muted-ink:#f5f5f78c;--hair:#f5f5f733;background:#000}.splash-glow{aspect-ratio:1.7;background:radial-gradient(closest-side, var(--halo), transparent);border-radius:50%;width:min(70vw,620px);animation:4s ease-in-out infinite splash-breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.splash-stage{justify-items:center;gap:clamp(22px,4vh,40px);padding:24px;display:grid;position:relative}.splash-logo{width:min(58vw,460px,62vh);height:auto;overflow:visible}.splash-mark,.splash-ring{transform-box:fill-box;transform-origin:50%}.splash-ring{fill:none;stroke:var(--ripple);stroke-width:12px;opacity:0}.splash-tip{fill:var(--tip)}.splash-credits{justify-items:center;gap:12px;display:grid}.splash-credits p{opacity:0;transition:opacity .6s ease, transform .7s var(--spring-soft);align-items:center;gap:12px;margin:0;display:flex;transform:translateY(12px)}.splash.credits .splash-credits p{opacity:1;transform:none}.splash.credits .splash-sister{transition-delay:.18s}.splash-by span,.splash-sister span{font:600 16px/1 "IBM Plex Sans Arabic", var(--f);color:var(--muted-ink)}.splash-by i{background:var(--hair);width:40px;height:1px}.credit-hsafa{width:auto;height:40px;overflow:visible}.splash-sister span{font-size:14px}.credit-mark{border-radius:7px;width:26px;height:26px}.credit-mibyan{width:auto;height:26px;overflow:visible}.splash.out{animation:.56s cubic-bezier(.4,0,.2,1) both splash-out}@keyframes splash-out{to{opacity:0;filter:blur(6px);transform:scale(1.06)}}@keyframes splash-breathe{50%{opacity:.8;transform:translate(-50%,-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.splash,.splash *{transition:none!important;animation:none!important}}