:root{--ground: #0b0b0c;--sky: #000000;--surface: #151516;--raised: #1e1e20;--raised-2: #2b2b2e;--text: #f4f4f5;--muted: #b4b4b8;--faint: #949498;--primary: #ffffff;--on-primary: #000000;--grabber: #3a3a3d;--scrim: rgba(0, 0, 0, .85);--face-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--face-display: "Jost Variable", var(--face-ui);--s-4: 4px;--s-6: 6px;--s-8: 8px;--s-10: 10px;--s-12: 12px;--s-14: 14px;--s-18: 18px;--s-22: 22px;--column-w: 384px;--window-inset: 10px;--r-window: 26px;--r-panel: 22px;--r-sheet: 24px;--r-block: 14px;--r-round: 999px;--shadow-card: 0 30px 80px rgba(0, 0, 0, .55);--shadow-sheet: 0 -20px 60px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--press: .1s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%}body{margin:0;background:var(--ground);color:var(--text);font:400 15px/1.45 var(--face-ui);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-kerning:normal;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;user-select:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:var(--on-primary)}.num{font-variant-numeric:tabular-nums}.skip{position:fixed;left:12px;top:-60px;z-index:50;background:var(--primary);color:var(--on-primary);padding:10px 14px;border-radius:var(--r-round);text-decoration:none;font-weight:600}.skip:focus{top:12px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.press{transition:transform var(--press) ease-out,background-color .15s ease}.press:active{transform:scale(.97)}.side{position:fixed;top:0;bottom:0;left:0;width:calc(var(--column-w) + var(--safe-left));padding:calc(14px + var(--safe-top)) 14px calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left));display:flex;flex-direction:column;gap:12px}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 6px 0}.mark{display:block;font:500 21px/1.1 var(--face-display);letter-spacing:-.01em;margin:0}.scope{display:block;font-size:13px;color:var(--muted);margin-top:4px}.seg{display:inline-flex;flex:none;background:var(--raised);border-radius:var(--r-round);padding:3px}.seg button{height:30px;padding:0 13px;border:0;border-radius:var(--r-round);background:transparent;color:var(--muted);font-size:14px;font-weight:500}.seg button[aria-selected=true]{background:var(--raised-2);color:var(--text)}.seg button:hover{color:var(--text)}.recent-btn{display:none;height:36px;padding:0 14px;border:0;border-radius:var(--r-round);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;align-items:center}.panel{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.panel-head,.grab{display:none}.thread{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:8px 6px 4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent}.spacer{flex:1 1 auto}.lately h4,.also h4,.card h3{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 6px}.lately h4{margin:6px 4px 4px}.intro h1{font:400 30px/1.08 var(--face-display);letter-spacing:-.02em;margin:0 0 10px;max-width:15ch;text-wrap:balance}.intro p{margin:0 0 18px;color:var(--muted);max-width:34ch}.tries{list-style:none;margin:0;padding:0;display:grid;gap:2px}.try{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:14px;background:transparent;text-align:left;color:var(--text);font-size:15px}.try:hover{background:var(--raised)}.try svg{flex:none;width:16px;height:16px;color:var(--faint)}.msg{max-width:100%;animation:rise .38s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msg p{margin:0}.me{align-self:flex-end;max-width:84%;overflow-wrap:anywhere;background:var(--raised-2);padding:9px 14px;border-radius:20px 20px 6px}.me .saved-as{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.ai{align-self:stretch;font-size:15.5px;line-height:1.5}.understood{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px;font-size:13px;color:var(--muted)}.clue{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;background:var(--raised);color:var(--text);animation:rise .32s var(--ease-out) both}.status{color:var(--muted);display:flex;align-items:center;gap:10px}.status i{width:6px;height:6px;border-radius:50%;background:#dbe5ff;animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.result{display:grid;grid-template-columns:72px 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;width:100%;margin-top:14px;padding:10px;border:0;border-radius:18px;background:var(--surface);text-align:left}.result:hover{background:var(--raised)}.result canvas{grid-row:1 / span 2;width:72px;height:72px;border-radius:12px;background:var(--sky);display:block}.r-title{grid-column:2 / 4;font-size:15px;font-weight:600;line-height:1.3;align-self:end}.r-sub{grid-column:2;grid-row:2;align-self:start;margin-top:10px;min-width:0}.r-meta{display:block;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-go{grid-column:3;grid-row:2;align-self:start;margin-top:6px;flex:none;height:32px;padding:0 14px;border-radius:var(--r-round);background:var(--primary);color:var(--on-primary);font-size:13.5px;font-weight:600;display:inline-flex;align-items:center}.also{margin-top:14px}.row{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--text);font-size:14.5px}.row:hover{background:var(--raised)}.row .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .m{flex:none;font-size:13px;color:var(--faint)}.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.fb{display:flex;gap:6px;margin-top:12px;align-items:center;flex-wrap:wrap}.fb button{height:30px;padding:0 12px;border:0;border-radius:var(--r-round);background:var(--raised);color:var(--muted);font-size:13px}.fb button:hover{color:var(--text)}.fb button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.fb span{font-size:13px;color:var(--faint);margin-left:4px}.recent{flex:1;min-height:0;display:flex;flex-direction:column}.filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px 6px 10px;flex:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;height:32px;padding:0 13px;border:0;border-radius:var(--r-round);background:var(--raised);color:var(--muted);font-size:13.5px}.filters button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.rlist{flex:1;min-height:0;overflow-y:auto;padding:0 6px 8px;scrollbar-width:thin;scrollbar-color:#333 transparent}.rday{position:sticky;top:0;z-index:1;background:var(--ground);font-size:13px;font-weight:600;color:var(--muted);padding:12px 4px 6px}.rrow{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;width:100%;padding:9px 10px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--text)}.rrow:hover{background:var(--raised)}.rrow .t{font-size:14.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrow .s{grid-column:2;font-size:13px;color:var(--faint);margin-top:2px}.rrow .m{grid-row:1;grid-column:3;font-size:13px;color:var(--faint)}.rrow .dot{grid-row:1 / span 2}.empty-note{color:var(--muted);padding:12px 4px}.composer{position:relative;flex:none;display:flex;align-items:center;gap:6px;min-height:56px;padding:6px;border-radius:28px;background:var(--raised)}.composer:focus-within{background:#232326}.composer .seg{background:#141416}.composer input{flex:1;min-width:0;height:44px;border:0;background:transparent;color:var(--text);font-size:16px;padding:0 6px}.composer input::placeholder{color:var(--faint)}.composer input:focus-visible{outline:none}.ibtn{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.ibtn:hover{background:var(--raised-2);color:var(--text)}.ibtn svg{width:20px;height:20px}.send{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--primary);color:var(--on-primary)}.send svg{width:18px;height:18px}.send:disabled{background:var(--raised-2);color:#6e6e72;cursor:default}.waiting{font-size:13px;color:var(--faint);padding:0 8px}.composer-error{position:absolute;left:6px;right:6px;bottom:calc(100% + 8px);margin:0;padding:8px 12px;border-radius:var(--r-block);background:var(--surface);box-shadow:var(--shadow-card);color:var(--muted);font-size:13px;z-index:10}.sugg{display:none}.skywin{position:fixed;top:calc(var(--window-inset) + var(--safe-top));bottom:calc(var(--window-inset) + var(--safe-bottom));right:calc(var(--window-inset) + var(--safe-right));left:calc(var(--column-w) + var(--safe-left) + 2px);border-radius:var(--r-window);background:var(--sky);overflow:hidden;isolation:isolate}.sky-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.zoom{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:2px;padding:4px;border-radius:var(--r-round);background:var(--surface);transition:right .45s var(--ease-out)}body.card-open .zoom{right:calc(min(392px,100% - 24px) + 26px)}body.card-open .timeline{padding-right:calc(min(392px,100% - 24px) + 30px)}.zoom button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.zoom button:hover{background:var(--raised-2);color:var(--text)}.zoom svg{width:18px;height:18px}.lit{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:4px;height:38px;padding:0 4px 0 14px;border-radius:var(--r-round);background:var(--surface);font-size:14px}.lit button{height:30px;padding:0 12px;border:0;border-radius:var(--r-round);background:var(--raised);color:var(--muted);font-size:13px}.lit button:hover{color:var(--text)}.toast{position:absolute;left:50%;bottom:96px;transform:translate(-50%,8px);display:flex;align-items:center;gap:6px;height:40px;padding:0 6px 0 16px;border-radius:var(--r-round);background:var(--surface);font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .3s var(--ease-out);white-space:nowrap;z-index:6}.toast.on{opacity:1;transform:translate(-50%);pointer-events:auto}.toast button{height:30px;padding:0 12px;border:0;border-radius:var(--r-round);background:var(--raised-2);color:var(--text);font-size:13px;font-weight:600}.toast.nobtn{padding-right:16px}.timeline{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;display:flex;align-items:flex-end;gap:12px;background:linear-gradient(to top,var(--scrim),rgba(0,0,0,0))}.timeline .play{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface);color:var(--text)}.timeline .play:hover{background:var(--raised-2)}.timeline .play svg{width:16px;height:16px}.tl-wrap{position:relative;flex:1;min-width:0;height:52px;cursor:ew-resize;touch-action:none}.tl-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.tl-label{position:absolute;bottom:100%;margin-bottom:4px;transform:translate(-50%);font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}.tl-label span{font-weight:400;color:var(--muted)}.card{position:absolute;top:12px;right:12px;bottom:12px;width:min(392px,calc(100% - 24px));display:flex;flex-direction:column;border-radius:var(--r-panel);background:var(--surface);box-shadow:var(--shadow-card);z-index:5;overflow:hidden}.card-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 22px 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#333 transparent}.close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--raised);color:var(--muted);z-index:2}.close:hover{background:var(--raised-2);color:var(--text)}.close svg{width:16px;height:16px}.card h2{font:400 27px/1.12 var(--face-display);letter-spacing:-.015em;margin:0 44px 8px 0;text-wrap:balance}.card h2:focus{outline:none}.card .sub{font-size:14px;color:var(--muted);margin:0}.card .why{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:var(--raised);font-size:14px}.card section{margin-top:22px}.card p{margin:0}.bubble-wrap{display:flex;justify-content:flex-end}.bubble{max-width:92%;background:var(--raised-2);border-radius:20px 20px 6px;padding:10px 14px 8px;font-size:15px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.bubble .time{display:block;text-align:right;font-size:12px;color:var(--muted);margin-top:4px}.found{background:var(--raised);border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}.found .foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--muted)}.pill{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-round);background:var(--raised-2);font-size:12px;font-weight:600}.guess{font-size:14.5px;color:var(--muted);line-height:1.5}.now-line{font:400 22px/1.2 var(--face-display);letter-spacing:-.01em}.hist{display:flex;align-items:baseline;gap:10px;width:100%;padding:8px 10px;margin-top:4px;border:0;border-radius:12px;background:transparent;text-align:left;color:var(--muted);font-size:14.5px}.hist:hover{background:var(--raised)}.hist s{color:var(--text);text-decoration-thickness:1px}.hist .m{margin-left:auto;font-size:13px;color:var(--faint)}.kv{display:grid;grid-template-columns:104px 1fr;gap:8px 12px;margin-top:22px;font-size:14px}.kv dt{color:var(--faint)}.kv dd{margin:0;min-width:0}.kv .rel{display:block;color:var(--faint);font-size:13px}.linkbtn{padding:0;border:0;background:none;color:var(--text);text-align:left;text-decoration:underline;text-decoration-color:#555;text-underline-offset:3px;font-size:14px}.linkbtn:hover{text-decoration-color:var(--primary)}.actions{display:flex;gap:4px;margin-top:22px;padding-top:4px}.actions button{height:34px;padding:0 12px;border:0;border-radius:var(--r-round);background:transparent;color:var(--muted);font-size:14px}.actions button:hover{background:var(--raised);color:var(--text)}.reveal{animation:rise .42s var(--ease-out) both}.edit-box{width:100%;min-height:90px;margin-top:8px;padding:10px 12px;border:0;border-radius:14px;background:var(--raised);resize:vertical}.picker{display:grid;gap:2px;margin-top:8px}.picker input{height:40px;padding:0 12px;border:0;border-radius:12px;background:var(--raised)}.primary-btn{height:36px;padding:0 16px;border:0;border-radius:var(--r-round);background:var(--primary);color:var(--on-primary);font-weight:600}.welcome-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.secondary-btn{height:40px;padding:0 16px;border:0;border-radius:var(--r-round);background:var(--raised);color:var(--text);font-weight:500}.welcome-actions .primary-btn{height:40px}.note{margin-top:14px;color:var(--muted);font-size:14px;max-width:34ch}.settings{overflow-y:auto;padding:8px 6px}.settings h2{font:500 18px/1.2 var(--face-display);margin:22px 0 8px}.settings p{color:var(--muted);margin:0 0 8px}.settings select{height:40px;padding:0 10px;border:0;border-radius:12px;background:var(--raised)}.login{display:grid;gap:10px}.login h1{font:400 26px/1.1 var(--face-display);letter-spacing:-.02em;margin:0 0 4px}.field{display:grid;gap:4px}.field span{font-size:13px;color:var(--muted)}.field input{height:42px;padding:0 12px;border:0;border-radius:12px;background:var(--raised);color:var(--text)}.field input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.fields{display:grid;gap:10px;margin:10px 0 2px}.login .primary-btn{height:42px;justify-self:start;padding:0 22px}.login .note{margin:2px 0 0}.notices,.keys,.usage{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.notices li{padding:10px 12px;border-radius:var(--r-block);background:var(--raised)}.notices p{margin:0 0 4px;color:var(--muted);font-size:14px}.notices li.unread p{color:var(--text)}.notices span{font-size:13px;color:var(--faint)}.keys li{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px}.keys .t{flex:1;color:var(--text)}.keys .num{color:var(--faint);font-size:13px}.keys button{height:30px;padding:0 12px;border:0;border-radius:var(--r-round);background:var(--raised);color:var(--muted);font-size:13px}.keys button:hover{background:var(--raised-2);color:var(--text)}.fresh-key{margin:10px 0;padding:12px;border-radius:var(--r-block);background:var(--raised)}.fresh-key .key{margin:0 0 6px;color:var(--text);font-size:14px;word-break:break-all}.tools{display:flex;align-items:center;gap:8px;flex:none}.icon-btn{position:relative;width:36px;height:36px;padding:0;border:0;border-radius:var(--r-round);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--raised)}.icon-btn svg{width:20px;height:20px}.badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-round);background:var(--primary);color:var(--on-primary);font-size:12px;line-height:18px;text-align:center}@media (max-width: 899.98px){.skywin{inset:0;border-radius:0}.side{position:static;width:auto;padding:0}.top{position:fixed;z-index:4;top:0;left:0;right:0;padding:calc(12px + var(--safe-top)) calc(16px + var(--safe-right)) 28px calc(16px + var(--safe-left));background:linear-gradient(to bottom,#000000c7,#0000);pointer-events:none}.top>*{pointer-events:auto}.mark{font-size:20px}.scope{max-width:calc(100vw - 200px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:none}.recent-btn{display:inline-flex}.composer{position:fixed;z-index:8;left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom))}.sugg{display:flex;position:fixed;z-index:3;left:0;right:0;bottom:calc(56px + 20px + var(--safe-bottom));gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 12px}.sugg::-webkit-scrollbar{display:none}.sugg button{flex:none;height:36px;padding:0 14px;border:0;border-radius:var(--r-round);background:var(--surface);color:var(--text);font-size:14px;white-space:nowrap}.timeline{bottom:calc(56px + 14px + var(--safe-bottom));padding:22px 12px 6px;background:none}.has-sugg .timeline{bottom:calc(56px + 62px + var(--safe-bottom))}.tl-wrap{height:40px}.zoom{display:none}.lit{top:calc(76px + var(--safe-top));left:12px}.toast{bottom:auto;top:calc(76px + var(--safe-top))}.panel{position:fixed;z-index:7;left:0;right:0;bottom:0;height:calc(100% - 64px - var(--safe-top));background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:0 10px calc(56px + 34px + var(--safe-bottom));box-shadow:var(--shadow-sheet);transform:translateY(110%);will-change:transform;visibility:hidden}.panel.shown{visibility:visible}.panel.welcome{height:auto;transform:none;visibility:visible;padding-bottom:calc(22px + var(--safe-bottom))}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 4px;flex:none;touch-action:none}.panel-head h2{font:500 18px/1.2 var(--face-display);margin:0}.grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--grabber);margin:8px auto 2px;flex:none}.grab-zone{touch-action:none;cursor:grab;flex:none}.spacer,.lately,.intro{display:none}.thread,.rlist{padding-bottom:calc(var(--hide, 0px) + 12px)}.settings{padding-bottom:calc(56px + 34px + var(--safe-bottom))}.rday{background:var(--surface)}.card{inset:auto 0 0;width:auto;height:calc(100% - 64px - var(--safe-top));border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet);transform:translateY(110%);will-change:transform;padding-bottom:var(--safe-bottom)}.card-scroll{padding:6px 20px 24px}.close{top:14px;right:14px}.card h2{font-size:25px;margin-top:6px}body.card-open .composer,body.card-open .timeline,body.card-open .sugg,body.card-open .top{opacity:0;pointer-events:none}body.card-open .timeline{padding-right:12px}.composer,.timeline,.sugg,.top{transition:opacity .2s ease}}@media (max-width: 430px){.composer .seg button{padding:0 11px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.press:active{transform:none}.status i{animation:none;opacity:1}}@media (prefers-reduced-transparency: reduce){.timeline{background:var(--sky)}}.add-menu{position:absolute;right:50px;bottom:calc(100% + 8px);display:flex;gap:6px;padding:6px;border-radius:var(--r-round);background:var(--surface);box-shadow:var(--shadow-card);z-index:9}.add-menu button{height:36px;padding:0 14px;border:0;border-radius:var(--r-round);background:var(--raised);color:var(--text);font-size:14px}.bubble a{color:inherit;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}