:root{--board:#fafaf8;--sidebar:#f1f1ee;--board-dot:#dcdfe4;--ink:#1f242b;--chrome:#fff;--chrome-line:#e3e6eb;--chrome-text:#2b3038;--muted:#7a818c;--active:#eaf1fe;--sector:#fbfbfd;--sector-active:#eef3ff;--groove:#eff1f5;--hub:#fff;--label:#3a404b;--fab:#171a20;--fab-icon:#fff;--shadow:#28324b29;--blue:#3b82f0;--purple:#6447ec;--green:#34c38f;--orange:#f2a23c;--red:#ec5d6c;--primary:#007aff;--primary-pressed:#0062cc;--secondary:#eff1f5;--secondary-pressed:#e3e6eb;--pen-blue:#337aeb;--pen-red:#e34a54;--pen-orange:#f57305;--pen-green:#149e4d;--pen-mint:#26a878;--pen-yellow:#d9a400;--pen-pink:#e0558f;--pen-brown:#9a6b3f;--pen-lime:#5fae3a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--board:#1e2329;--sidebar:#171b20;--board-dot:#313842;--ink:#f2f3f5;--chrome:#2a3038;--chrome-line:#3b434e;--chrome-text:#e7e9ed;--muted:#9aa2ad;--active:#33405a;--sector:#2b313a;--sector-active:#343c47;--groove:#22272e;--hub:#323943;--label:#e3e6eb;--fab:#f2f3f5;--fab-icon:#1e2329;--shadow:#00000080;--blue:#5c9dff;--purple:#8a70ff;--green:#45d09a;--orange:#ffb04d;--red:#ff7a87;--primary:#0a84ff;--primary-pressed:#409cff;--secondary:#3b434e;--secondary-pressed:#47505c;--pen-blue:#5c9dff;--pen-red:#ff7a87;--pen-orange:#ffa04d;--pen-green:#45d09a;--pen-mint:#45d09a;--pen-yellow:#ffd24d;--pen-pink:#ff85b5;--pen-brown:#d4a373;--pen-lime:#8fd16a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--sidebar);color:var(--chrome-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{display:block}.icon{display:contents}.stage{touch-action:none;background-color:var(--board);background-image:radial-gradient(var(--board-dot) 1.1px, transparent 1.2px);background-size:26px 26px;position:fixed;inset:0;overflow:hidden}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.stage[data-tool=hand] canvas{cursor:grab}.stage[data-tool=hand].panning canvas{cursor:grabbing}.stage[data-tool=pen] canvas,.stage[data-tool=highlighter] canvas,.stage[data-tool=lasso] canvas{cursor:crosshair}.stage[data-tool=eraser] canvas{cursor:cell}.stage[data-tool=text] canvas{cursor:text}.stage[data-tool=select] canvas{cursor:default}.type-box{outline:1.5px dashed color-mix(in srgb, var(--blue) 60%, transparent);outline-offset:4px;resize:none;white-space:pre;caret-color:var(--blue);background:0 0;border:0;margin:0;padding:0;line-height:1.3;position:absolute;overflow:hidden}.selbar{z-index:6;background:var(--chrome);white-space:nowrap;border-radius:26px;gap:2px;padding:4px 6px;display:none;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0000001f}.selbar.show{display:flex}.selbar button{width:48px;height:44px;color:var(--chrome-text);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:500;display:flex}.selbar button svg{width:18px;height:18px}.selbar button:hover{background:var(--secondary)}.selbar button.ask{color:var(--blue)}.selbar button.delete{color:var(--red)}.round{background:var(--chrome);z-index:5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;box-shadow:0 3px 10px #00000014}.round svg{width:22px;height:22px}.menu-button{top:14px;left:14px}.theme{background:var(--chrome);width:80px;height:44px;color:var(--muted);z-index:5;border-radius:22px;position:fixed;top:14px;right:14px;box-shadow:0 3px 10px #00000014}.theme .ends{opacity:.7;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 13px}.theme .knob{background:color-mix(in srgb, var(--orange) 16%, transparent);width:36px;height:36px;color:var(--orange);border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.3,1.4,.5,1);display:grid;position:absolute;top:4px;left:4px}:root[data-theme=dark] .theme .knob{background:var(--active);color:var(--purple);transform:translate(36px)}.theme svg{width:15px;height:15px}.bar{background:var(--chrome);border:1px solid var(--chrome-line);white-space:nowrap;z-index:5;border-radius:22px;align-items:center;gap:2px;height:44px;padding:0 5px;transition:opacity .2s;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000012}.bar .tool{border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.bar .tool svg{width:20px;height:20px}.bar .tool:hover{background:var(--secondary)}.bar .tool.on{color:var(--blue);background:var(--active)}.bar .tool.dim{opacity:.4}.bar .sep{background:var(--chrome-line);width:1px;height:22px;margin:0 4px}.bar .dot{place-items:center;width:30px;height:36px;display:grid}.bar .dot i{background:var(--c);width:18px;height:18px;box-shadow:0 0 0 4px var(--chrome), 0 0 0 6px transparent;border-radius:50%;display:block}.bar .dot.first i{outline:1px solid var(--chrome-line)}.bar .dot.on i{box-shadow:0 0 0 3.5px var(--chrome), 0 0 0 5px var(--blue)}.bar .dot.wheel{width:36px}.bar .wheel i{width:22px;height:22px;box-shadow:none;background:conic-gradient(#ff3b30,#ff2d92,#af52de,#007aff,#32ade6,#34c759,#fc0,#ff3b30);position:relative}.bar .wheel i:after{content:"";background:var(--wheel,var(--ink));border:2px solid var(--chrome);border-radius:50%;position:absolute;inset:2.5px}.bar .wheel.on i{outline:2px solid var(--blue);outline-offset:2px}.picker{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;bottom:70px;left:50%}.scrim~.bar{opacity:.25;pointer-events:none}body:has(.dial.open) .bar{opacity:.25;pointer-events:none}.wiggle{animation:.4s wiggle}@keyframes wiggle{20%{transform:rotate(-9deg)}50%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}.fab{background:var(--fab);width:50px;height:50px;color:var(--fab-icon);box-shadow:0 10px 15px var(--shadow);touch-action:none;cursor:grab;z-index:6;border-radius:50%;place-items:center;margin:-25px 0 0 -25px;transition:opacity .15s,scale .2s;display:grid;position:fixed}.fab:after{content:"";border:2.5px solid #0000;border-radius:50%;position:absolute;inset:-4px}.fab.pen:after{border-color:var(--pen-ink,var(--ink))}.fab svg{width:21px;height:21px}.fab.away{opacity:0;pointer-events:none}.scrim{z-index:7;position:fixed;inset:0}.dial{z-index:8;touch-action:none;cursor:grab;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .18s,transform .3s cubic-bezier(.3,1.3,.5,1);position:fixed;transform:scale(.18)}.dial.open{opacity:1;pointer-events:auto;transform:none}.dial>svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--d) * .014) calc(var(--d) * .02) var(--shadow));position:absolute;inset:0;overflow:visible}.dial>svg path{fill:var(--sector);stroke:var(--sector);stroke-linejoin:round}.dial>svg path.on{fill:var(--sector-active);stroke:var(--sector-active)}.dial .groove{fill:var(--groove)}.dial .hub{fill:var(--hub)}.dial .hub.on{fill:var(--sector-active)}.item{pointer-events:none;font-size:calc(var(--d) * .042);color:var(--label);flex-direction:column;align-items:center;gap:3px;font-weight:500;display:flex;position:absolute;transform:translate(-50%,-50%)}.item svg{width:calc(var(--d) * .074);height:calc(var(--d) * .074);color:var(--c)}.item img{width:calc(var(--d) * .1);height:calc(var(--d) * .1);margin:calc(var(--d) * -.017) 0}.hint{z-index:8;background:var(--chrome);border:1px solid var(--chrome-line);white-space:nowrap;pointer-events:none;border-radius:18px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:12px;display:flex;position:fixed;transform:translate(-50%)}.hint-dot{background:var(--blue);border-radius:50%;width:4px;height:4px}.buddy{touch-action:none;z-index:4;transform-origin:bottom;width:132px;height:136px;position:fixed;bottom:0;left:2px}.buddy img{pointer-events:none;width:100%;height:100%;display:block}:root[data-theme=dark] .buddy img{filter:drop-shadow(0 0 .6px #ffffffe6)drop-shadow(0 0 .6px #fff9)}.mood-bounce{animation:.5s ease-in-out infinite alternate bounce}.mood-sway{animation:2.2s ease-in-out infinite alternate sway}.mood-breathe{animation:3s ease-in-out infinite alternate breathe}.mood-scribble{animation:.35s linear infinite scribble}.mood-pulse{animation:1s ease-in-out infinite alternate pulse}.mood-shake{animation:.5s 2 shake}@keyframes bounce{to{transform:translateY(-7px)}}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}@keyframes breathe{to{transform:scaleY(1.03)}}@keyframes scribble{25%{transform:translate(1px,-1px)}75%{transform:translate(-1px,1px)}}@keyframes pulse{50%{opacity:.45}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.toast{z-index:9;max-width:calc(100vw - 32px);color:var(--fab-icon);background:var(--fab);opacity:0;pointer-events:none;border-radius:12px;padding:8px 14px;font-size:13px;transition:opacity .2s,transform .2s;position:fixed;top:70px;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=640px){.bar{flex-direction:column;gap:0;width:44px;height:auto;padding:5px 0;inset:50% 10px auto auto;transform:translateY(-50%)}.bar .sep{width:22px;height:1px;margin:4px 0}.bar .tool{height:34px}.bar .dot{width:36px;height:30px}.buddy{width:80px;height:83px;bottom:20px;left:-6px}}@media (prefers-reduced-motion:reduce){.dial{transition:opacity .1s}}.writer-pen{z-index:5;width:46px;height:46px;color:var(--fab);pointer-events:none;filter:drop-shadow(3px 6px 6px var(--shadow));margin:-37.8px 0 0 -8.2px;display:none;position:absolute;top:0;left:0}.writer-pen.out{display:block}.writer-pen svg{width:100%;height:100%}.pen-out .fab{opacity:0;pointer-events:none}.animate-btn{z-index:4;background:var(--secondary);height:30px;color:var(--chrome-text);box-shadow:0 2px 8px var(--shadow);border-radius:15px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:flex;position:absolute;transform:translate(-100%,-50%)}.animate-btn:hover{background:var(--secondary-pressed)}.animate-btn .play{border-left:9px solid var(--green);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0}.animate-btn .stop{background:var(--red);border-radius:2px;width:9px;height:9px}.anim-bar{z-index:6;background:var(--chrome);width:min(420px,100vw - 32px);height:52px;box-shadow:0 4px 14px var(--shadow);border-radius:26px;align-items:center;gap:4px;padding:0 6px;display:flex;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}.anim-bar button.c{background:var(--secondary);width:40px;height:40px;color:var(--chrome-text);border-radius:50%;flex:none;place-items:center;display:grid}.anim-bar button.c:disabled{opacity:.4}.anim-bar button.c svg{width:16px;height:16px}.anim-bar .cap{text-align:center;min-width:0;color:var(--chrome-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.selbar button.solve{color:var(--primary)}.sheet-back{z-index:20;background:#0f121861;place-items:center;padding:16px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}.sheet{background:var(--chrome);width:min(380px,100%);color:var(--chrome-text);box-shadow:0 18px 50px var(--shadow);text-align:center;border-radius:22px;padding:28px 24px 20px;animation:.22s ease-out rise;position:relative}.sheet h2{margin:6px 0;font-size:21px}.sheet-logo{width:46px;height:46px}.sheet-close{background:var(--secondary);width:32px;height:32px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.sheet-close svg{width:14px;height:14px}.sheet-why{margin:0 0 4px;font-size:15px;line-height:1.4}.sheet-free{color:var(--muted);margin:0 0 16px;font-size:13px}.turnstile{min-height:65px;margin:0 auto 12px}.sheet-buttons{justify-items:center;gap:10px;transition:opacity .2s;display:grid}.sheet-buttons.waiting{opacity:.45;pointer-events:none}.google-box{min-height:44px}.sheet-buttons button{border-radius:22px;justify-content:center;align-items:center;gap:8px;width:280px;max-width:100%;height:44px;font-size:15px;font-weight:600;display:flex}.sheet-buttons .apple{background:var(--fab);color:var(--fab-icon)}.sheet-buttons .apple svg{width:19px;height:19px;margin-top:-2px}.sheet-buttons .test,.sheet-buttons .ok{background:var(--secondary);color:var(--chrome-text)}.sheet-buttons .ok{background:var(--primary);color:#fff}.sheet-error{color:var(--red);margin:12px 0 0;font-size:13px}.sheet-legal{color:var(--muted);margin:16px 0 0;font-size:11.5px;line-height:1.45}.sheet-legal a{color:inherit}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.98)}}.account{z-index:8;background:var(--chrome);width:250px;box-shadow:0 8px 26px var(--shadow);border-radius:16px;padding:14px;font-size:13px;position:fixed;top:66px;left:14px}.account-name{font-size:15px;font-weight:700}.account-email{color:var(--muted);text-overflow:ellipsis;margin-top:2px;overflow:hidden}.account-free{background:var(--secondary);border-radius:12px;margin:12px 0;padding:10px}.account-free .dots{gap:5px;margin-bottom:6px;display:flex}.account-free .dots i{background:var(--chrome-line);border-radius:50%;width:10px;height:10px}.account-free .dots i.on{background:var(--green)}.account-free small{color:var(--muted);margin-top:3px;display:block}.account button{width:100%;height:36px;color:var(--red);border-radius:10px;font-weight:600}.account button:hover{background:var(--secondary)}:root{--drawer-w:min(82vw, 340px)}.shell{z-index:1;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-radius .32s;position:fixed;inset:0;overflow:hidden;transform:translate(0)}.shell.pushed{transform:translateX(var(--drawer-w));border-radius:36px;box-shadow:0 0 40px #00000024}.shell-catch{top:0;bottom:0;left:var(--drawer-w);z-index:2;cursor:default;background:0 0;position:fixed;right:0}.drawer{width:var(--drawer-w);z-index:0;background:var(--sidebar);color:var(--chrome-text);opacity:0;flex-direction:column;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-30%)}.drawer.open{opacity:1;transform:none}.drawer-head{justify-content:space-between;align-items:center;padding:14px 16px 0 22px;display:flex}.drawer-title{font-family:New York,ui-serif,Georgia,serif;font-size:22px;font-weight:600}.circle{background:var(--chrome);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 3px 10px #00000014}.circle svg{width:17px;height:17px}.drawer-search{background:var(--chrome);height:40px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin:14px 20px 0;padding:0 12px;display:flex}.drawer-search svg{flex:none;width:16px;height:16px}.drawer-search input{min-width:0;color:var(--chrome-text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.drawer-list{flex:1;padding:12px 10px 96px;overflow-y:auto}.drawer-section{color:var(--muted);padding:20px 12px 4px;font-size:14px}.drawer-row{border-radius:12px;align-items:center;min-height:48px;display:flex;position:relative}.drawer-row.new,.row-open{min-width:0;min-height:48px;color:var(--chrome-text);text-align:left;flex:1;align-items:center;gap:14px;padding:0 12px;font-size:16px;display:flex}.drawer-row svg{flex:none;width:20px;height:20px}.row-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-row.board:hover{background:color-mix(in srgb, var(--chrome) 55%, transparent)}.drawer-row.current{background:var(--active)}.row-more{width:44px;height:44px;color:var(--muted);flex:none;place-items:center;display:grid}.row-more svg{width:18px;height:18px;transform:rotate(90deg)}.row-menu{z-index:3;background:var(--chrome);min-width:170px;box-shadow:0 10px 30px var(--shadow);border-radius:14px;padding:6px;position:absolute;top:44px;right:8px}.row-menu button{width:100%;height:40px;color:var(--chrome-text);border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:15px;display:flex}.row-menu button svg{width:17px;height:17px}.row-menu button:hover{background:var(--secondary)}.row-menu .danger{color:var(--red)}.drawer-empty{color:var(--muted);padding:10px 12px;font-size:14px}.drawer-avatar{border-radius:50%;position:absolute;bottom:14px;left:20px}.avatar{background:var(--chrome);color:var(--chrome-text);border-radius:50%;flex:none;place-items:center;font-weight:500;display:inline-grid;box-shadow:0 3px 10px #00000014}.avatar svg{width:38%;height:38%}.alert{background:var(--chrome);width:min(300px,100%);color:var(--chrome-text);text-align:center;box-shadow:0 18px 50px var(--shadow);border-radius:16px;padding:18px 16px 12px;animation:.2s ease-out rise}.alert h3{margin:0 0 6px;font-size:17px}.alert p{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.4}.alert input{border:1px solid var(--chrome-line);background:var(--board);width:100%;height:36px;color:var(--chrome-text);font:inherit;border-radius:9px;margin:6px 0 12px;padding:0 10px;font-size:15px}.alert-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.alert-buttons button{background:var(--secondary);height:40px;color:var(--primary);border-radius:10px;font-size:15px}.alert-buttons .strong{font-weight:600}.alert-buttons .danger{color:var(--red);font-weight:600}.alert-buttons button:disabled{opacity:.45}.settings{background:var(--sidebar);width:min(460px,100%);height:min(720px,100vh - 32px);color:var(--chrome-text);box-shadow:0 18px 50px var(--shadow);border-radius:18px;flex-direction:column;animation:.22s ease-out rise;display:flex;overflow:hidden}.set-head{grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:0 12px;display:grid}.set-head h2{margin:0;font-size:17px}.set-done{color:var(--primary);justify-self:end;padding:6px;font-size:16px;font-weight:600}.set-back{color:var(--primary);justify-self:start;align-items:center;gap:2px;padding:6px 4px;font-size:16px;display:flex}.set-back svg{width:18px;height:18px}.flip{display:inline-flex;transform:scaleX(-1)}.set-body{flex:1;padding:6px 16px 24px;animation:.18s ease-out fade;overflow-y:auto}.set-group{background:var(--chrome);border-radius:12px;overflow:hidden}.set-group+.set-group,.set-foot+.set-group,.set-version+.set-group{margin-top:22px}.set-caption{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:22px 16px 6px;font-size:13px}.set-caption+.set-group{margin-top:0}.set-foot{color:var(--muted);margin:6px 16px 0;font-size:13px;line-height:1.4}.set-version{text-align:center;color:var(--muted);margin:10px 0 0;font-size:13px}.set-row{width:100%;min-height:46px;color:var(--chrome-text);text-align:left;align-items:center;gap:10px;padding:0 14px;font-size:16px;text-decoration:none;display:flex}.set-row+.set-row{border-top:1px solid var(--chrome-line)}.set-row:hover:not(.info):not(.field){background:color-mix(in srgb, var(--secondary) 70%, transparent)}.set-label{flex:1;align-items:center;gap:12px;display:flex}.set-icon{color:#fff;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;display:grid}.set-icon svg{width:17px;height:17px}.set-trail{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:15px;display:flex}.set-trail svg{opacity:.6;width:14px;height:14px}.set-row.profile{gap:14px;padding:12px 14px}.set-row.profile .who{flex-direction:column;gap:3px;display:flex}.set-row.profile b{font-size:20px;font-weight:600}.set-row.profile small{color:var(--muted);font-size:14px}.muted{color:var(--muted)}.set-signin{border-top:1px solid var(--chrome-line);padding:10px 14px 12px}.set-signin button{background:var(--fab);width:100%;height:46px;color:var(--fab-icon);border-radius:10px;font-size:16px;font-weight:600}.set-row.plain{color:var(--primary);justify-content:center}.set-row.danger{color:var(--red)}.set-row.field span:first-child{flex:none;width:70px}.set-row.field input{min-width:0;height:40px;color:var(--chrome-text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.set-row.info{cursor:default}.set-row.info svg{width:18px;height:18px;color:var(--primary);flex:none}.set-row.column{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px}.set-row.column ul{margin:0;padding-left:20px;line-height:1.6}.set-group.pro{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px;display:flex}.set-group.pro .crown{color:#fff;background:linear-gradient(#ffb340,#ff9500);border-radius:15px;place-items:center;width:64px;height:64px;display:grid}.set-group.pro .crown svg{width:32px;height:32px}.set-group.pro b{font-size:22px}.set-group.pro small{color:var(--muted);font-size:14px}.set-group.appearance{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;display:grid}.set-group.appearance button{color:var(--chrome-text);border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.set-group.appearance button.on{border-color:var(--primary)}.swatch{border:1px solid var(--chrome-line);border-radius:10px;width:70px;height:50px;display:flex;overflow:hidden}.swatch i{flex:1}.swatch.light i{background:#fafaf8}.swatch.dark i{background:#1e2329}.swatch.system i:first-child{background:#fafaf8}.swatch.system i:last-child{background:#1e2329}.ask{z-index:7;background:var(--chrome);border:1px solid var(--chrome-line);width:380px;box-shadow:0 10px 40px var(--shadow);border-radius:22px;flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) slide-in;display:flex;position:fixed;top:70px;bottom:90px;left:16px;overflow:hidden}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}}.ask-head{border-bottom:1px solid var(--chrome-line);padding:16px}.ask-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.ask-icon{color:var(--blue);display:inline-flex}.ask-icon svg{width:18px;height:18px}.ask-close{width:28px;height:28px;color:var(--muted);background:color-mix(in srgb, var(--active) 60%, transparent);border-radius:50%;place-items:center;margin-left:auto;display:grid}.ask-close svg{width:12px;height:12px}.ask-about{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:500;display:flex}.ask-about svg{flex:none;width:15px;height:15px}.ask-body{flex-direction:column;flex:1;gap:16px;padding:16px;font-size:14px;line-height:1.45;display:flex;overflow-y:auto}.ask-turn{flex-direction:column;gap:8px;display:flex}.ask-turn hr{border:0;border-top:1px solid var(--chrome-line);width:100%;margin:8px 0 0}.ask-q{background:color-mix(in srgb, var(--blue) 10%, transparent);white-space:pre-wrap;border-radius:12px;align-self:flex-start;padding:8px 12px}.ask-earlier-title{font-size:15px;font-weight:600}.ask-earlier{color:var(--muted)}.ask-ideas p{color:var(--muted);margin:0 0 10px;font-size:13px}.ask-ideas button{border:1px solid color-mix(in srgb, var(--blue) 35%, transparent);color:var(--blue);text-align:left;border-radius:18px;margin:0 0 10px;padding:8px 12px;font-size:14px;display:block}.ask-ideas button:hover{background:color-mix(in srgb, var(--blue) 8%, transparent)}.ask-wait{color:var(--muted);align-items:center;gap:8px;margin:0;display:flex}.ask-wait.small{font-size:13px}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}.spinner.light{color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.ask-failed p{gap:8px;margin:0 0 10px;display:flex}.ask-failed svg{width:18px;height:18px;color:var(--orange);flex:none}.ask-failed button{color:var(--blue);font-size:14px;font-weight:600}.ask-answer{flex-direction:column;gap:16px;display:flex}.ask-answer h3{margin:0;font-size:19px;font-weight:600}.ask-answer ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ask-answer li{align-items:baseline;gap:10px;display:flex}.ask-answer li span{width:22px;height:22px;color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, transparent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;transform:translateY(5px)}.ask-answer li p,.ask-final p,.ask-try p{white-space:pre-wrap;margin:0}.ask-final{background:color-mix(in srgb, var(--green) 12%, transparent);border-radius:12px;padding:12px}.ask-final small{letter-spacing:.04em;color:var(--green);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.ask-final p{font-size:15px;font-weight:500}.ask-try{background:color-mix(in srgb, var(--orange) 12%, transparent);border-radius:12px;gap:10px;padding:12px;display:flex}.ask-try svg{width:18px;height:18px;color:var(--orange);flex:none}.ask-try small{color:var(--orange);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.ask-input{border-top:1px solid var(--chrome-line);align-items:flex-end;gap:8px;padding:10px;display:flex}.ask-input textarea{resize:none;background:var(--board);min-height:38px;max-height:96px;color:var(--chrome-text);font:inherit;border:0;border-radius:18px;outline:none;flex:1;padding:9px 12px;font-size:15px;line-height:1.3}.ask-input button{color:#fff;background:color-mix(in srgb, var(--muted) 40%, transparent);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;margin-bottom:2px;display:grid}.ask-input button.on{background:var(--blue)}.ask-input button svg{width:16px;height:16px}@media (width<=640px){.ask{width:auto;height:60vh;animation-name:slide-up;inset:auto 8px 4px}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}}.photo{background:var(--board);width:min(560px,100%);height:min(780px,100vh - 32px);color:var(--chrome-text);box-shadow:0 18px 50px var(--shadow);border-radius:18px;flex-direction:column;animation:.22s ease-out rise;display:flex;overflow:hidden}.set-back.plain{color:var(--primary);font-weight:400}.photo-crop,.photo-single,.photo-list,.photo-reading,.photo-failed{flex-direction:column;flex:1;min-height:0;display:flex}.photo-hint{text-align:center;color:var(--muted);margin:4px 24px 12px;font-size:14px}.cropper{touch-action:none;flex:1;place-items:center;min-height:0;padding:0 16px;display:grid}.cropper-frame{max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.cropper-frame img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:min(52vh,480px)}.crop-box{cursor:move;border:2px solid #fff;position:absolute;box-shadow:0 0 2px #00000080}.crop-clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.crop-shade{position:absolute;box-shadow:0 0 0 9999px #00000073}.crop-corner{border:2px solid var(--primary);background:#fff;border-radius:50%;width:22px;height:22px;position:absolute}.crop-corner:after{content:"";position:absolute;inset:-11px}.crop-corner.c0{cursor:nwse-resize;top:-12px;left:-12px}.crop-corner.c1{cursor:nesw-resize;top:-12px;right:-12px}.crop-corner.c2{cursor:nesw-resize;bottom:-12px;left:-12px}.crop-corner.c3{cursor:nwse-resize;bottom:-12px;right:-12px}.photo-actions{flex-direction:column;gap:10px;padding:16px 20px 18px;display:flex}.photo-note{text-align:center;color:var(--muted);margin:0;font-size:12px}.wide{background:var(--secondary);width:100%;height:50px;color:var(--chrome-text);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.wide.primary{background:var(--primary);color:#fff}.wide.plain{color:var(--primary);background:0 0;height:40px;font-weight:400}.wide:disabled{opacity:.5}.photo-reading{justify-content:center;align-items:center;gap:18px;padding:24px}.photo-reading img{border-radius:12px;max-width:100%;max-height:320px}.photo-reading p{align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.photo-single{gap:14px;padding:16px 20px 20px}.photo-single textarea{border:1px solid var(--chrome-line);background:var(--chrome);min-height:140px;max-height:260px;color:var(--chrome-text);font:inherit;resize:vertical;border-radius:14px;padding:12px;font-size:16px}.photo-single .photo-options{margin-top:auto}.photo-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.photo-options{flex-direction:column;gap:10px;display:flex}.photo-free{color:var(--muted);text-align:center;margin:0;font-size:12px}.segmented{background:var(--secondary);border-radius:9px;padding:2px;display:flex}.segmented button{color:var(--chrome-text);border-radius:7px;padding:6px 14px;font-size:13px;font-weight:500}.segmented button.on{background:var(--chrome);box-shadow:0 1px 4px #0000001f}.lang{background:var(--secondary);height:32px;color:var(--chrome-text);border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:flex;position:relative}.lang svg{width:15px;height:15px}.lang select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding-right:2px;font-size:14px;font-weight:600}.subject-chip{color:#fff;white-space:nowrap;border-radius:12px;align-items:center;gap:4px;height:24px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.subject-chip svg{width:9px;height:9px}.photo-list ul{background:var(--chrome);border-radius:12px;flex:1;margin:0 16px;padding:0;list-style:none;overflow-y:auto}.photo-list li{gap:12px;padding:12px 52px 12px 14px;display:flex;position:relative}.photo-list li+li{border-top:1px solid var(--chrome-line)}.q-number{width:48px;height:48px;color:var(--chrome-text);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.q-number svg{width:21px;height:21px}.q-body{flex-direction:column;gap:6px;min-width:0;display:flex}.q-body b{font-size:15px}.q-body p{-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:15px;display:-webkit-box;overflow:hidden}.q-body p.muted{-webkit-line-clamp:3;font-size:14px}.q-tags{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.q-explain{color:var(--blue);font-weight:600}.q-figure{color:var(--muted)}.q-remove{width:36px;height:36px;color:var(--red);place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.q-remove svg{width:16px;height:16px}.q-loading .q-number{background:var(--secondary)}.q-loading .q-body i{background:var(--secondary);border-radius:4px;height:12px;animation:1.6s ease-in-out infinite pulse;display:block}.q-loading .q-body i:nth-child(2){width:150px}.q-loading .q-body i:nth-child(3){border-radius:12px;width:70px;height:24px}.photo-failed{text-align:center;justify-content:center;align-items:center;gap:16px;padding:32px;font-size:15px}.subject-grid-back{z-index:2;background:#00000040;border-radius:18px;align-items:flex-end;display:flex;position:absolute;inset:0}.subject-grid{background:var(--chrome);border-radius:22px 22px 18px 18px;width:100%;padding:18px 18px 22px;animation:.22s ease-out slide-up}.subject-grid h3{text-align:center;margin:0 0 14px;font-size:16px}.subject-grid .tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.subject-grid .tiles button{background:var(--board);color:var(--muted);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;font-size:13px;display:flex;box-shadow:0 3px 10px #0000000f}.subject-grid .tiles button.on{border-color:var(--primary)}.subject-grid .tiles i{border-radius:8px;width:26px;height:26px}.photo{position:relative}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}.source .source-buttons{flex-direction:column;gap:8px;display:flex}.alert.source{width:min(340px,100%)}.camera{background:#111;border-radius:18px;flex-direction:column;gap:12px;width:min(720px,100%);padding:12px;display:flex}.camera video{background:#000;border-radius:10px;width:100%;max-height:70vh}.camera-error{color:#ddd;text-align:center;padding:40px 20px}.camera-bar{align-items:center;gap:16px;display:flex}.camera-bar .wide{color:#fff;background:#333;width:auto;padding:0 22px}.shutter{background:#fff;border-radius:50%;width:64px;height:64px;margin:0 auto;transform:translate(-50px);box-shadow:0 0 0 4px #111,0 0 0 7px #fff}