:root{--cream:#fff3d9;--cream-2:#fff9ec;--paper:#fff;--ink:#2a1b0f;--ink-soft:#5e4329;--muted:#7a5a3a;--line:#ebd7af;--line-2:#f3e6cb;--orange:#ff6b2c;--orange-d:#c9481a;--blue:#2f6bff;--blue-d:#1c46b8;--pink:#ff8cc2;--pink-d:#d85e97;--green:#2bc48a;--green-d:#1e8f64;--yellow:#ffd34d;--yellow-d:#e0ae1c;--hover:#ffe3a8;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--font-display:"Lilita One", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--cream);margin:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}#root{min-height:100dvh}a{color:#1f4fd6}a:hover{color:#163a9e}img,svg{flex-shrink:0}button{font-family:inherit}a,button,input,textarea,select,label{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.disp{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.lbl{font:800 12px/1.2 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.candy{border:0;border-bottom:5px solid var(--orange-d);background:var(--orange);min-height:48px;color:var(--ink);font:900 15px/1 var(--font-body);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease, filter .15s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.candy:hover{color:var(--ink)}.candy:active{transform:scale(.97)}.candy:disabled{opacity:.55;cursor:default;transform:none}.candy.sm{border-bottom-width:4px;min-height:40px;padding:0 16px;font-size:14px}.candy.lg{min-height:52px;font-size:16px}.candy.rnd{width:44px;height:44px;min-height:44px;padding:0}.candy.rnd.sm{width:40px;height:40px;min-height:40px}.candy.big{width:64px;height:64px;min-height:64px;padding:0}.c-white{background:var(--paper);border-bottom-color:#e6d3ae}.c-cream{background:var(--cream);border-bottom-color:var(--line)}.c-blue{background:var(--blue);border-bottom-color:var(--blue-d);color:#fff}.c-blue:hover{color:#fff}.c-pink{background:var(--pink);border-bottom-color:var(--pink-d)}.c-green{background:var(--green);border-bottom-color:var(--green-d)}.c-yellow{background:var(--yellow);border-bottom-color:var(--yellow-d)}.c-dark{color:var(--cream);background:#4a3420;border-bottom-color:#1a1009}.c-dark:hover{color:var(--cream)}@media (hover:hover) and (pointer:fine){.candy:not(:disabled):hover{filter:brightness(1.06)}}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand .disp{font-size:30px;line-height:1}.tabs{background:var(--paper);border-bottom:4px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:4px;padding:6px;display:flex;position:relative}.tab{z-index:1;min-height:44px;color:var(--ink);font:800 15px/1 var(--font-body);-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .15s ease, color .2s ease;border-radius:999px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex;position:relative}.tab:hover{color:var(--ink)}.tab:active{transform:scale(.97)}.tab.on,.tab.on:hover{color:var(--cream)}@media (hover:hover) and (pointer:fine){.tab:not(.on):hover{background:var(--hover)}}.tab-ink{z-index:0;background:var(--ink);height:44px;transition:transform .32s var(--ease-out), width .32s var(--ease-out);border-radius:999px;position:absolute;top:6px}.avatar{background:var(--green);border:0;border-bottom:4px solid var(--green-d);width:44px;height:44px;font:900 14px/1 var(--font-body);color:var(--ink);cursor:pointer;transition:transform .16s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.avatar:active{transform:scale(.95)}.badge{background:var(--pink);min-width:22px;height:22px;color:var(--ink);font:900 12px/22px var(--font-body);text-align:center;border-radius:999px;padding:0 6px}.body{flex-wrap:wrap;flex:1;gap:24px;min-height:0;padding:8px 32px 0;display:flex}.side{flex-direction:column;flex:240px;gap:10px;min-width:0;max-width:100%;display:flex}.sheet-main{background:var(--paper);border-radius:36px 36px 0 0;flex-direction:column;flex:999 560px;min-width:0;display:flex}.page-main{background:var(--paper);border-radius:36px 36px 0 0;flex-direction:column;flex:1;gap:28px;min-width:0;margin:8px 32px 0;padding:32px 36px 40px;display:flex}.bottombar{display:none}@media (width<=760px){.topbar{flex-wrap:nowrap;padding:12px 16px}.topbar .tabs{display:none}.brand .disp{font-size:22px}.brand svg{width:36px;height:36px}.body{gap:12px;padding:0 10px}.page-main{border-radius:32px 32px 0 0;gap:20px;margin:0 10px;padding:22px 16px 28px}.sheet-main{border-radius:32px 32px 0 0}.bottombar{z-index:20;margin:0 10px calc(12px + var(--safe-bottom));background:var(--paper);border-bottom:4px solid var(--line);border-radius:28px;gap:4px;padding:6px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #fff3d9e6}.shell{padding-bottom:0}}.btab{min-height:54px;color:var(--ink-soft);font:800 11px/1 var(--font-body);-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.btab:hover{color:var(--ink)}.btab:active{transform:scale(.97)}.btab.on,.btab.on:hover{background:var(--ink);color:var(--cream)}.hist{background:var(--paper);color:var(--ink);font:700 14px/1.3 var(--font-body);white-space:nowrap;text-overflow:ellipsis;border-bottom:3px solid var(--line);transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;border-radius:18px;padding:12px 16px;text-decoration:none;display:block;overflow:hidden}.hist:hover{color:var(--ink);background:var(--cream-2)}.hist:active{transform:scale(.97)}.hist.on,.hist.on:hover{background:var(--ink);color:var(--cream);border-bottom-color:#000}.thread{flex-direction:column;flex:1;gap:26px;padding-bottom:24px;display:flex}.bubble-user{background:var(--blue);color:#fff;max-width:min(520px,88%);font:800 17px/1.4 var(--font-body);overflow-wrap:anywhere;border-radius:28px 28px 8px;align-self:flex-end;padding:16px 22px}.bot-row{align-items:flex-start;gap:14px;display:flex}.bot-col{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.bubble-bot{background:var(--cream);max-width:600px;font:700 17px/1.45 var(--font-body);border-radius:8px 28px 28px;align-self:flex-start;padding:16px 22px}.typing{align-items:center;gap:6px;display:inline-flex}.typing i{background:var(--muted);width:8px;height:8px;animation:bob .9s var(--ease-out) infinite;border-radius:999px}.typing i:nth-child(2){animation-delay:.12s}.typing i:nth-child(3){animation-delay:.24s}@keyframes bob{0%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.composer{background:var(--cream);border-bottom:4px solid var(--line);border-radius:999px;align-items:center;gap:10px;min-height:64px;padding:0 8px 0 24px;display:flex}.composer input{min-width:0;font:700 17px/1.4 var(--font-body);color:var(--ink);background:0 0;border:0;outline:0;flex:1}.composer input::placeholder{color:#8a6a4a}.composer:focus-within{border-bottom-color:var(--orange)}.ex{text-align:left;cursor:pointer;min-height:110px;font:800 17px/1.3 var(--font-body);color:var(--ink);-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), filter .15s ease;border:0;border-bottom:5px solid #00000029;border-radius:24px;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 20px;display:flex}.ex:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.ex:hover{transform:translateY(-2px)}}.results{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));align-items:start;gap:18px;display:grid}.card{border-bottom:7px solid #0000002e;border-radius:28px;flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.card-top{font:900 13px/1 var(--font-body);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 0;display:flex}.card.on-dark{color:#fff}.shot{cursor:zoom-in;background:var(--paper);width:100%;transition:transform .16s var(--ease-out);border:0;border-radius:18px;padding:0;line-height:0;display:block;overflow:hidden}.shot img{object-fit:contain;background:#fff;width:100%;height:auto;max-height:360px;transition:opacity .15s;display:block}.shot:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.shot:hover img{opacity:.94}}.card-meta{font:700 13px/1.45 var(--font-body);padding:0 10px}.tg{height:26px;font:800 12px/1 var(--font-body);color:var(--ink);background:#ffffffbf;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.tags{flex-wrap:wrap;gap:6px;padding:0 8px;display:flex}.card-actions{gap:8px;padding:4px 6px 6px;display:flex}.enter{animation:pop-in .3s var(--ease-out) both}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes fade-in{0%{opacity:0}}@keyframes save-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.saved-pop{animation:save-pop .32s var(--ease-out)}.segs{background:var(--cream-2);border-radius:999px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:5px;display:flex}.seg{min-height:44px;color:var(--ink-soft);font:800 15px/1 var(--font-body);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;display:inline-flex}.seg:active{transform:scale(.97)}.seg.on,.seg.on:hover{background:var(--yellow);color:var(--ink)}.segs.blue .seg.on{background:var(--blue);color:#fff}@media (hover:hover) and (pointer:fine){.seg:not(.on):hover{background:var(--cream)}}.seg small{font:800 12px/1 var(--font-body);opacity:.7}.chip{background:var(--cream);min-height:40px;color:var(--ink);font:800 14px/1 var(--font-body);cursor:pointer;border:0;border-bottom:3px solid var(--line);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .15s ease, border-color .15s ease;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.chip:active{transform:scale(.97)}.chip.on{background:var(--pink);border-bottom-color:var(--pink-d)}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input{border:0;border-bottom:4px solid var(--line);background:var(--cream);width:100%;min-height:54px;color:var(--ink);font:700 16px/1.4 var(--font-body);border-radius:999px;outline:0;padding:0 20px;transition:border-color .15s}.input::placeholder{color:#8a6a4a}.input:focus{border-bottom-color:var(--orange)}.search{background:var(--cream);border-bottom:4px solid var(--line);min-height:52px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 20px;display:flex}.search input{min-width:0;font:700 16px/1.4 var(--font-body);color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search:focus-within{border-bottom-color:var(--orange)}.sel{appearance:none;border:0;border-bottom:3px solid var(--line);background:var(--paper);min-width:170px;max-width:100%;min-height:44px;color:var(--ink);font:800 16px/1 var(--font-body);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232A1B0F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:999px;padding:0 40px 0 16px}.field{flex-direction:column;gap:4px;min-width:0;display:inline-flex}.field .lbl{align-items:center;gap:6px;display:inline-flex}.guess{background:var(--yellow);height:20px;font:900 11px/1 var(--font-body);color:var(--ink);text-transform:none;letter-spacing:0;border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.guess.pick{background:var(--pink)}.course{background:var(--paper);border-bottom:4px solid var(--line);min-height:52px;color:var(--ink);font:800 15px/1.2 var(--font-body);transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;border-radius:20px;align-items:center;gap:12px;padding:0 16px;text-decoration:none;display:flex}.course:hover{color:var(--ink)}.course:active{transform:scale(.97)}.course i{border-radius:999px;flex:none;width:14px;height:14px}.course.on,.course.on:hover{background:var(--ink);color:var(--cream);border-bottom-color:#000}.course span{flex:1;min-width:0}.course small{font:800 12px/1 var(--font-body);color:var(--muted)}.course.on small{color:#e8cfa3}.group-h{padding:14px 6px 2px}.file{background:var(--cream);color:var(--ink);text-align:left;cursor:pointer;width:100%;min-width:0;transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;border:0;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.file:active{transform:scale(.98)}.file:hover{color:var(--ink)}.file .meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file b{font:900 15px/1.2 var(--font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file span{font:700 13px/1.2 var(--font-body);color:var(--muted)}.file.on{background:var(--blue);color:#fff}.file.on span{color:#e3eaff}.folder{background:var(--cream-2);border-bottom:3px solid var(--line)}.ftype{width:44px;height:44px;font:900 11px/1 var(--font-body);border-bottom:4px solid #0000002e;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.pages{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:18px;display:grid}.pg{color:var(--ink);cursor:zoom-in;text-align:left;background:0 0;border:0;flex-direction:column;gap:8px;padding:0;text-decoration:none;display:flex}.pg-img{background:var(--paper);border:3px solid var(--line-2);transition:transform .16s var(--ease-out), border-color .15s ease;border-bottom-width:6px;border-radius:16px;line-height:0;display:block;overflow:hidden}.pg-img img{width:100%;height:auto;display:block}.pg:active .pg-img{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.pg:hover .pg-img{border-color:var(--orange)}}.pg-meta{font:800 13px/1.2 var(--font-body);color:var(--muted);justify-content:space-between;gap:8px;display:flex}.drop{background:var(--cream-2);cursor:pointer;text-align:left;min-height:200px;transition:border-color .15s ease, background-color .15s ease, transform .2s var(--ease-out);border:3px dashed #e3cfa8;border-radius:32px;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:28px;display:flex}.drop.over{border-color:var(--orange);background:#fff1de;transform:scale(1.01)}@media (hover:hover) and (pointer:fine){.drop:hover{border-color:var(--orange)}}.row{background:var(--cream-2);border-bottom:4px solid var(--line-2);border-radius:24px;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 18px;display:flex}.fname{flex-direction:column;flex:200px;gap:4px;min-width:0;display:flex}.fname b{font:900 16px/1.2 var(--font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fname span{font:700 13px/1.2 var(--font-body);color:var(--muted)}.steps{flex-direction:column;flex:240px;gap:8px;min-width:0;display:flex}.bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.bar i{background:var(--line-2);border-radius:999px;height:10px;transition:background-color .3s}.bar .done{background:var(--green)}.bar .now{background-color:var(--yellow);background-image:repeating-linear-gradient(-45deg,#ffffff80 0 6px,#0000 6px 12px);background-size:17px 17px;animation:.8s linear infinite crawl}.bar .fail{background:var(--pink)}@keyframes crawl{to{background-position:17px 0}}.steps span{font:800 13px/1.2 var(--font-body);color:var(--ink-soft)}.viewer{z-index:100;background:var(--ink);color:var(--cream);flex-direction:column;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.viewer .lbl{color:#e8cfa3}.viewer-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.viewer-stage{flex:1;justify-content:center;align-items:center;gap:32px;min-height:0;padding:8px 28px;display:flex}.viewer-fig{max-width:100%;height:100%;max-height:calc(100dvh - 260px);animation:modal-in .24s var(--ease-out) both;transform-origin:50%;background:#fff;border-bottom:8px solid #c9b48c;border-radius:24px;margin:0;position:relative;overflow:hidden}.viewer-fig img{object-fit:contain;width:100%;height:100%;display:block}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}}.hl{border:4px solid var(--orange);pointer-events:none;border-radius:14px;position:absolute;box-shadow:0 0 0 9999px #2a1b0f47}.hl-tag{background:var(--orange);color:var(--ink);font:900 13px/1 var(--font-body);white-space:nowrap;pointer-events:none;border-radius:999px;padding:7px 12px;position:absolute}.thumbs{justify-content:center;align-items:center;gap:18px;padding:18px 28px 24px;display:flex;overflow-x:auto}.thumb{cursor:pointer;opacity:.7;width:112px;transition:transform .16s var(--ease-out), opacity .15s ease;border:0;border-bottom:4px solid #00000040;border-radius:18px;flex:none;padding:6px;line-height:0}.thumb img{object-fit:cover;background:#fff;border-radius:12px;width:100%;height:72px}.thumb.on{opacity:1;outline:4px solid var(--yellow);outline-offset:3px}.thumb:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.thumb:hover{opacity:1}}.zoom{background:#3a2816;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.dots{justify-content:center;gap:6px;padding:4px;display:flex}.dots i{width:8px;height:8px;transition:width .24s var(--ease-out), background-color .2s ease;background:#6b4f33;border-radius:999px}.dots i.on{background:var(--yellow);width:22px}@media (width<=760px){.viewer{animation:sheet-up .42s var(--ease-drawer) both}.viewer-head{flex-wrap:nowrap;padding:10px 16px}.viewer-stage{gap:0;padding:10px 12px}.viewer-stage>.candy.big{display:none}.viewer-fig{border-bottom-width:6px;border-radius:20px;height:auto;max-height:calc(100dvh - 210px);animation:none}.viewer-fig img{height:auto;max-height:calc(100dvh - 216px)}.thumbs{display:none}.viewer-foot{display:flex!important}.viewer .hide-phone{display:none!important}}.viewer-foot{padding:12px 16px calc(22px + var(--safe-bottom));align-items:center;gap:10px;display:none}@keyframes sheet-up{0%{transform:translateY(100%)}}.stage{background:#f7eedc;border-radius:28px;justify-content:center;padding:16px;display:flex;position:relative}.page-fig{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;max-width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 8px 24px #2a1b0f26}.page-fig img{pointer-events:none;width:100%;height:auto;display:block}.page-fig.drawing{cursor:crosshair}.reg{cursor:pointer;border-radius:10px;position:absolute}.reg>span{font:900 11px/1 var(--font-body);white-space:nowrap;pointer-events:none;border-radius:999px;padding:4px 8px;position:absolute;top:6px;left:6px}.r-question{border:3px solid var(--blue);background:#2f6bff1a}.r-question>span{background:var(--blue);color:#fff}.r-answer{border:3px solid var(--ink);background-color:#2a1b0f6b;background-image:repeating-linear-gradient(-45deg,#2a1b0f59 0 8px,#0000 8px 16px)}.r-answer>span{background:var(--ink);color:var(--yellow)}.r-other{background:#9a7b5714;border:3px dashed #9a7b57}.r-other>span{background:var(--line-2);color:var(--ink)}.reg.sel{cursor:move;z-index:2;border-width:4px;box-shadow:0 0 0 4px #2f6bff40}.hdl{border:3px solid var(--blue);touch-action:none;background:#fff;border-radius:5px;width:18px;height:18px;position:absolute}.hdl.nw{cursor:nwse-resize;top:-10px;left:-10px}.hdl.ne{cursor:nesw-resize;top:-10px;right:-10px}.hdl.sw{cursor:nesw-resize;bottom:-10px;left:-10px}.hdl.se{cursor:nwse-resize;bottom:-10px;right:-10px}.draft{border:3px dashed var(--orange);pointer-events:none;background:#ff6b2c1f;border-radius:10px;position:absolute}.tool{min-height:44px;color:var(--ink);font:800 14px/1 var(--font-body);cursor:pointer;transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.tool:active{transform:scale(.97)}.tool.on{background:var(--ink);color:var(--cream)}.toolbar{background:var(--cream-2);border-radius:999px;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:4px;padding:5px;display:flex}.legend{font:800 13px/1 var(--font-body);flex-wrap:wrap;align-items:center;gap:12px;padding:0 10px;display:inline-flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:4px;width:12px;height:12px}.tg-edit{background:var(--cream);min-height:34px;font:800 13px/1 var(--font-body);border-bottom:3px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:0 6px 0 12px;display:inline-flex}.tg-edit button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.tag-input{width:120px;min-height:34px;font:800 16px/1 var(--font-body);color:var(--ink);background:0 0;border:2px dashed #e3cfa8;border-radius:999px;outline:0;padding:0 12px}.textarea{resize:vertical;border:0;border-bottom:3px solid var(--line);background:var(--cream-2);width:100%;color:var(--ink);border-radius:16px;outline:0;padding:12px 14px;font:600 14px/1.5 ui-monospace,Menlo,monospace}.textarea:focus{border-bottom-color:var(--orange)}@media (width<=760px){.textarea{font-size:16px}}.pdot{width:34px;height:34px;font:900 13px/1 var(--font-body);background:var(--cream);color:var(--ink-soft);cursor:pointer;transition:transform .16s var(--ease-out), background-color .15s ease, color .15s ease;border:0;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pdot:active{transform:scale(.94)}.pdot.on{background:var(--ink);color:var(--cream)}.pdot.warn{background:var(--pink)}.compare{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}@media (width<=980px){.compare{grid-template-columns:minmax(0,1fr)}}.ai-box{background:var(--cream-2);border-bottom:3px solid var(--line-2);font:700 14px/1.5 var(--font-body);color:var(--ink-soft);border-radius:18px;padding:14px 16px}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));z-index:200;background:var(--ink);color:var(--cream);font:800 15px/1.3 var(--font-body);animation:toast-in .26s var(--ease-out) both;border-bottom:4px solid #000;border-radius:999px;max-width:calc(100vw - 32px);padding:14px 22px;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)scale(.97)}}.empty{text-align:center;color:var(--ink-soft);font:700 16px/1.5 var(--font-body);flex-direction:column;align-items:center;gap:14px;padding:40px 16px;display:flex}.skeleton{background:linear-gradient(90deg, var(--cream-2), var(--cream), var(--cream-2));background-size:200% 100%;border-radius:16px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.err{color:#7a1e4a;font:800 14px/1.4 var(--font-body);background:#ffe1ee;border-radius:18px;padding:12px 16px}.menu{z-index:50;background:var(--paper);border-bottom:4px solid var(--line);transform-origin:100% 0;min-width:220px;animation:menu-in .18s var(--ease-out) both;border-radius:22px;flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #2a1b0f26}@keyframes menu-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}.menu a,.menu button{min-height:44px;color:var(--ink);font:800 15px/1 var(--font-body);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:0 14px;text-decoration:none;display:flex}.menu a:hover,.menu button:hover{background:var(--cream);color:var(--ink)}.menu .lbl{padding:8px 14px 4px}.drawer-back{z-index:90;background:#2a1b0f59;animation:.2s both fade-in;position:fixed;inset:0}.drawer{z-index:91;background:var(--cream);width:min(320px,86vw);animation:drawer-in .38s var(--ease-drawer) both;border-radius:0 32px 32px 0;flex-direction:column;gap:10px;padding:18px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.enter,.ex,.row,.pg,.viewer,.viewer-fig,.menu,.drawer,.toast{animation:.2s both fade-in!important}.bar .now{animation:none}.typing i{opacity:.7;animation:none}.tab-ink{transition:none}.candy:active,.ex:active,.tab:active,.btab:active,.seg:active,.chip:active,.shot:active,.hist:active{transform:none}.saved-pop{animation:none}}.login{flex-wrap:wrap;gap:24px;min-height:100dvh;padding:24px;display:flex}.login-hero{background:var(--orange);border-radius:40px;flex-direction:column;flex:999 560px;justify-content:space-between;gap:32px;min-width:0;min-height:560px;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-mascot{animation:6s ease-in-out infinite float;position:absolute;top:70px;right:40px}@keyframes float{0%,to{translate:0}50%{translate:0 -10px}}.sticker{font:900 15px/1 var(--font-body);animation:pop-in .4s var(--ease-out) both;border-bottom:4px solid #0000002e;border-radius:999px;padding:10px 16px;position:absolute}.sticker[data-s="1"]{animation-delay:.12s;top:120px;right:300px}.sticker[data-s="2"]{animation-delay:.2s;top:380px;right:60px}.sticker[data-s="3"]{animation-delay:.28s;top:330px;right:330px}.login-h1{margin:0;font-size:84px;line-height:.95}.login-sub{font:800 20px/1.45 var(--font-body);max-width:460px;margin:0}.login-panel{background:var(--paper);border-radius:40px;flex:420px;justify-content:center;align-items:center;padding:48px 40px;display:flex}@media (width<=760px){.login{flex-flow:column;gap:0;padding:0}.login-hero{border-radius:0 0 40px 40px;flex:1 0 auto;min-height:380px;padding:28px 24px}.login-mascot{width:150px;height:150px;top:54px;right:22px}.sticker{border-bottom-width:3px;padding:8px 12px;font-size:13px}.sticker[data-s="1"]{top:100px;left:24px;right:auto}.sticker[data-s="2"]{top:152px;left:70px;right:auto}.sticker[data-s="3"]{display:none}.login-h1{font-size:46px;line-height:.98}.login-sub{font-size:16px}.login-panel{background:0 0;border-radius:0;flex:none;padding:24px 20px 28px}.viewer [data-phone-dots]{display:flex!important}}@media (prefers-reduced-motion:reduce){.login-mascot{animation:none}.sticker{animation:.2s both fade-in}}.chat-main{padding:0 36px}.chat-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:100%;max-width:820px;margin:0 auto;padding:48px 0;display:flex}.chat-empty-h{margin:0;font-size:64px;line-height:1}.chat-empty-p{font:700 18px/1.5 var(--font-body);color:var(--ink-soft);margin:0}.examples{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;width:100%;display:grid}.mascot-hello{animation:wave-in .6s var(--ease-out) both}@keyframes wave-in{0%{opacity:0;transform:rotate(-20deg)scale(.8)}to{transform:rotate(-6deg)}}.composer-dock{background:var(--paper);z-index:5;padding:14px 0 22px;position:sticky;bottom:0}.chat-mobilebar{align-items:center;gap:10px;padding:12px 0 4px;display:none}.show-sm,.show-sm-flex{display:none!important}@media (width<=760px){.hide-sm{display:none!important}.show-sm{display:inline-flex!important}.show-sm-flex{display:flex!important}.chat-main{padding:0 14px}.chat-empty{justify-content:flex-start;gap:18px;padding:18px 0}.chat-empty .mascot-hello{width:84px;height:84px}.chat-empty-h{font-size:38px}.chat-empty-p{font-size:15px}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.examples .ex:nth-child(n+5){display:none}.ex{border-bottom-width:4px;border-radius:22px;justify-content:flex-end;align-items:flex-start;min-height:92px;padding:14px;font-size:15px}.composer{min-height:56px;padding:0 6px 0 20px}.composer input{font-size:16px}.composer-dock{padding:10px 0 12px}.bubble-user,.bubble-bot{padding:14px 18px;font-size:16px}.bot-row{gap:8px}.bot-row>svg{width:36px;height:36px}.results{grid-template-columns:minmax(0,1fr)}.card{transform:none!important}}@media (prefers-reduced-motion:reduce){.mascot-hello{animation:.2s both fade-in}}.browse-main{gap:22px;padding:28px 32px 32px}.browse-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.browse-cols{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.browse-files{flex-direction:column;flex:240px;gap:8px;min-width:0;display:flex}.browse-pages{flex-direction:column;flex:999 480px;gap:14px;min-width:0;display:flex}.browse-side{max-height:calc(100dvh - 120px);padding-bottom:24px;overflow-y:auto}.crumb{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (width<=760px){.browse-main{gap:16px;padding:18px 14px 24px}.browse-head .search{flex:100%!important;min-width:0!important}.browse-head h1{font-size:28px!important}.browse-side{max-height:none;padding:4px 4px 24px;overflow:visible}.chip-row{scroll-snap-type:x proximity;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segs{flex-wrap:nowrap;max-width:100%;overflow-x:auto}}.doc-main{gap:22px}.doc-pages{background:#f7eedc;border-radius:28px;flex-direction:column;align-items:center;gap:18px;padding:16px;display:flex}.doc-page{background:#fff;border-radius:12px;width:100%;max-width:1100px;scroll-margin-top:16px;position:relative;overflow:hidden;box-shadow:0 8px 24px #2a1b0f1f}.doc-page canvas,.doc-page img{width:100%;height:auto;display:block}.doc-page canvas{height:100%}.doc-num{background:var(--ink);min-width:30px;height:30px;color:var(--cream);font:900 13px/30px var(--font-body);text-align:center;border-radius:999px;padding:0 8px;position:absolute;bottom:10px;right:10px}@media (width<=760px){.doc-pages{border-radius:20px;gap:10px;padding:8px}}.saved-row{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:18px;display:grid}.saved-card{background:var(--cream-2);border:0;border-bottom:6px solid;border-radius:26px;flex-direction:column;gap:10px;min-width:0;padding:10px;display:flex}.saved-card .shot img{max-height:260px}@media (width<=760px){.saved-row{scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding-bottom:6px;padding-left:16px;padding-right:16px;scroll-padding:0 16px;display:flex;overflow-x:auto}.saved-card{scroll-snap-align:start;flex:0 0 78%}}.inspect-foot{z-index:5;background:var(--paper);border-top:3px solid var(--cream);align-items:center;gap:12px;padding:14px 0 18px;display:flex;position:sticky;bottom:0}@media (width<=760px){.inspect-foot{bottom:calc(86px + var(--safe-bottom))}}.row{animation:pop-in .3s var(--ease-out) both}.chomp{animation:chomp .5s var(--ease-out) infinite alternate}@keyframes chomp{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.08)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.chomp{animation:none}}.field .sel:disabled{opacity:.7;cursor:default}.shot-wrap{flex-direction:column;gap:8px;display:flex}.shot-wrap .shot{justify-content:center;align-items:center;min-height:96px;display:flex}.shot-img{animation:shot-swap .22s var(--ease-out) both}@keyframes shot-swap{0%{opacity:0;transform:scale(.985)}}.ans-toggle{border:0;border-bottom:3px solid var(--yellow-d);background:var(--yellow);min-height:36px;color:var(--ink);font:900 13px/1 var(--font-body);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .16s var(--ease-out), background-color .15s ease;border-radius:999px;align-self:flex-start;margin-left:6px;padding:0 14px}.ans-toggle:active{transform:scale(.95)}.ans-toggle.on{background:var(--paper);border-bottom-color:#e6d3ae}@media (prefers-reduced-motion:reduce){.shot-img{animation:.15s both fade-in}.ans-toggle:active{transform:none}}