:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:oklch(97.5% .009 85);--surface:oklch(99.5% .004 85);--raised:oklch(99.5% .004 85);--ink:oklch(23% .012 70);--ink-2:oklch(47% .012 70);--ink-3:oklch(62% .01 70);--line:oklch(89% .008 80);--press:oklch(93% .01 80);--accent:oklch(76% .16 72);--accent-ink:oklch(56% .15 60);--accent-tint:oklch(95% .05 85);--danger:oklch(58% .2 27);--ber:oklch(50% .19 292);--ber-ink:oklch(98.5% .01 292);--ber-tint:oklch(96% .025 292);--ber-line:oklch(87% .05 292);--ber-text:oklch(36% .12 292);--scrim:oklch(20% .01 70/.32);--bar:oklch(97.5% .009 85/.82);--shadow:0 1px 2px oklch(30% .02 70/.06), 0 8px 24px oklch(30% .02 70/.08);--ease-ios:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-round:ui-rounded, "SF Pro Rounded", -apple-system, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:oklch(20% .008 70);--surface:oklch(25% .008 70);--raised:oklch(28% .008 70);--ink:oklch(95% .008 80);--ink-2:oklch(74% .01 80);--ink-3:oklch(58% .01 80);--line:oklch(34% .008 70);--press:oklch(31% .01 70);--accent:oklch(80% .15 76);--accent-ink:oklch(82% .14 76);--accent-tint:oklch(32% .05 76);--danger:oklch(70% .18 27);--ber:oklch(74% .14 292);--ber-ink:oklch(20% .04 292);--ber-tint:oklch(27% .045 292);--ber-line:oklch(40% .08 292);--ber-text:oklch(88% .06 292);--scrim:oklch(5% .01 70/.55);--bar:oklch(20% .008 70/.8);--shadow:0 1px 2px oklch(0% 0 0/.3), 0 10px 30px oklch(0% 0 0/.35)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font:17px/1.42 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}a{color:var(--accent-ink)}.boot{background:var(--paper);height:100%}.pane{background:var(--paper);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;padding:0 16px calc(84px + var(--safe-b));overscroll-behavior:contain;flex:1;scroll-padding:64px 0 140px;overflow:hidden auto}.navbar{height:calc(46px + var(--safe-t));padding:var(--safe-t) 8px 0;background:var(--paper);z-index:2;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.navbar-side{align-items:center;gap:4px;min-width:0;display:flex}.navbar-right{justify-content:flex-end}.navbar-back{color:var(--accent-ink);align-items:center;gap:0;min-width:0;padding:8px 6px 8px 0;font-size:17px;display:flex}.navbar-back span{white-space:nowrap;text-overflow:ellipsis;max-width:36vw;overflow:hidden}.navbar-back:active,.icon-btn:active,.text-btn:active{opacity:.4}.navbar-title{opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);white-space:nowrap;text-overflow:ellipsis;max-width:50vw;font-weight:600;overflow:hidden;transform:translateY(4px)}.navbar-title.is-shown{opacity:1;transform:none}.icon-btn{width:44px;height:44px;color:var(--accent-ink);border-radius:12px;place-items:center;display:grid}.big-title{font:700 34px/1.12 var(--font-display);letter-spacing:-.022em;margin:2px 4px 12px}.sentinel{height:1px;margin-top:-1px}.stack{background:var(--paper);touch-action:pan-y;position:fixed;inset:0;overflow:hidden}.stack-pane{will-change:transform;transition:transform .46s var(--ease-ios);box-shadow:-1px 0 0 var(--line), -12px 0 32px oklch(20% .02 70/.08);position:absolute;inset:0}.stack-pane:first-child{box-shadow:none}.stack-pane:after{content:"";background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .46s var(--ease-ios);position:absolute;inset:0}.stack-pane.is-under:after{opacity:.5}.stack.is-dragging .stack-pane,.stack.is-dragging .stack-pane:after{transition:none}.split{grid-template-columns:260px 360px 1fr;height:100%;display:grid}.split>.pane,.split-detail{border-right:1px solid var(--line);min-width:0}.split .pane-folders,.split .pane-folders .navbar{background:color-mix(in oklch, var(--paper) 94%, var(--ink))}.split .pane-folders .big-title{font-size:26px}.split-detail{height:100%;position:relative}.split-empty{height:100%;color:var(--ink-3);place-items:center;display:grid}.group{background:var(--surface);border-radius:12px;margin:0 0 22px;padding:0;list-style:none;overflow:hidden}.group>li+li{box-shadow:inset 0 .5px 0 var(--line)}.group-label{font:600 13px/1.3 var(--font);color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em;margin:18px 16px 8px}.folder-row{text-align:left;grid-template-columns:28px 1fr auto 16px;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;display:grid}.folder-row:active,.folder-row.is-active{background:var(--press)}.folder-icon{color:var(--accent);place-items:center;display:grid}.folder-icon .ber-mark{color:var(--ber)}.folder-count{color:var(--ink-3);font-variant-numeric:tabular-nums}.chev{color:var(--ink-3);transform:scaleX(-1)}.folders-foot{justify-content:space-between;padding:0 6px;display:flex}.text-btn{color:var(--accent-ink);align-items:center;gap:8px;padding:10px 4px;font-weight:500;display:flex}.inline-form{gap:8px;padding:0 2px;display:flex}.inline-form input{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:1;padding:10px 12px}.search{background:color-mix(in oklch, var(--paper) 86%, var(--ink));height:38px;color:var(--ink-3);border-radius:10px;align-items:center;gap:6px;margin:0 0 16px;padding:0 10px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:17px}.search input::-webkit-search-cancel-button{filter:grayscale()}.note-group h2{font:700 20px/1.2 var(--font-display);letter-spacing:-.012em;align-items:center;gap:6px;margin:8px 4px;display:flex}.note-row-wrap{position:relative;overflow:hidden}.note-row-wrap.is-active .note-row{background:var(--accent-tint)}.note-row{z-index:1;text-align:left;background:var(--surface);width:100%;transition:transform .36s var(--ease-ios);touch-action:pan-y;align-items:center;gap:12px;padding:11px 16px;display:flex;position:relative}.note-row:active{background:var(--press)}.note-row-text{flex:1;gap:2px;min-width:0;display:grid}.note-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.note-line{color:var(--ink-2);gap:8px;min-width:0;font-size:15px;display:flex}.note-when{color:var(--ink);opacity:.75;font-variant-numeric:tabular-nums;flex:none}.note-snippet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-tags{color:var(--ink-3);gap:8px;font-size:13px;display:flex}.tag-ber{color:var(--ber-text);align-items:center;gap:4px;display:inline-flex}.tag-ber .ber-mark{color:var(--ber)}.note-thumb{object-fit:cover;border:.5px solid var(--line);border-radius:8px;flex:none;width:52px;height:52px}.row-action{color:var(--ber-ink);place-items:center;display:grid;position:absolute;top:0;bottom:0;overflow:hidden}.row-pin{background:var(--accent);color:oklch(25% .05 70);left:0}.row-delete{background:var(--danger);color:oklch(98% .01 27);right:0}.empty{color:var(--ink-3);text-align:center;padding:40px 24px}.empty-ber{color:var(--ink-2);justify-items:center;gap:12px;max-width:32ch;margin:0 auto;display:grid}.empty-ber .ber-mark{color:var(--ber)}.bottombar{z-index:3;padding:4px 10px calc(4px + var(--safe-b));background:var(--bar);-webkit-backdrop-filter:blur(20px)saturate(170%);grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.bottombar-count{text-align:center;color:var(--ink-2);justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.bottombar-count .ber-mark{color:var(--ber)}.compose{color:var(--accent-ink)}.note-scroll{padding-bottom:calc(120px + var(--safe-b))}.note-stamp{text-align:center;color:var(--ink-3);margin:0 0 10px;font-size:13px}.deleted-bar{background:var(--accent-tint);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;padding:10px 14px;font-size:15px;display:flex}.presence{color:var(--ink-2);background:var(--surface);border-radius:99px;align-items:center;gap:6px;margin-right:2px;padding:4px 10px;font-size:13px;display:inline-flex}.presence-dot{background:oklch(70% .17 150);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px oklch(70% .17 150/.2)}.editor{max-width:72ch;margin:0 auto}.note-body{min-height:60vh;caret-color:var(--accent);word-wrap:break-word;outline:none;padding:0 4px}.note-body>:first-child{font:700 28px/1.2 var(--font-display);letter-spacing:-.018em;margin:0 0 6px}.note-body p{margin:0 0 2px}.note-body h1{font:700 28px/1.2 var(--font-display);letter-spacing:-.018em;margin:18px 0 6px}.note-body h2{font:650 21px/1.25 var(--font-display);letter-spacing:-.01em;margin:16px 0 4px}.note-body h3{font:600 18px/1.3 var(--font);margin:14px 0 4px}.note-body ul,.note-body ol{margin:4px 0;padding-left:24px}.note-body blockquote{background:color-mix(in oklch, var(--paper) 90%, var(--ink));color:var(--ink-2);border-radius:10px;margin:8px 0;padding:2px 14px}.note-body code{background:var(--press);border-radius:5px;padding:1px 5px;font:15px ui-monospace,SFMono-Regular,Menlo,monospace}.note-body hr{background:var(--line);border:0;height:1px;margin:16px 0}.note-body p.is-empty:first-child:before,.note-body .is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ink-3);float:left;pointer-events:none;height:0}.note-body ul[data-type=taskList]{padding-left:2px;list-style:none}.note-body ul[data-type=taskList]>li{align-items:flex-start;gap:10px;margin:4px 0;display:flex}.note-body ul[data-type=taskList]>li>label{-webkit-user-select:none;user-select:none;flex:none;margin-top:1px}.note-body ul[data-type=taskList]>li>div{flex:1;min-width:0}.note-body ul[data-type=taskList]>li input{appearance:none;border:1.5px solid var(--ink-3);cursor:pointer;width:22px;height:22px;transition:background .16s var(--ease-out), border-color .16s var(--ease-out), transform .12s var(--ease-out);border-radius:50%;place-items:center;margin:0;display:grid}.note-body ul[data-type=taskList]>li input:active{transform:scale(.88)}.note-body ul[data-type=taskList]>li input:checked{background:var(--accent);border-color:var(--accent)}.note-body ul[data-type=taskList]>li input:checked:after{content:"";border:0 solid oklch(25% .05 70);border-width:0 0 2px 2px;width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.note-body ul[data-type=taskList]>li[data-checked=true]>div{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.collaboration-carets__caret{word-break:normal;pointer-events:none;border-left:1px solid;border-right:1px solid;margin:0 -1px;position:relative}.collaboration-carets__label{font:600 11px/1 var(--font);color:oklch(99% 0 0);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px 6px 6px 0;padding:3px 6px;position:absolute;top:-1.35em;left:-1px}.note-body .ProseMirror-selectednode,.is-selected>.media-img,.ask.is-selected{box-shadow:0 0 0 2px var(--accent)}.ask{background:var(--ber-tint);border:1px solid var(--ber-line);color:var(--ink);animation:ask-in .42s var(--ease-out);border-radius:16px;margin:10px 0 12px;padding:12px 14px}.ask.flash{animation:ask-flash 1.6s var(--ease-out)}@keyframes ask-in{0%{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes ask-flash{0%,40%{box-shadow:0 0 0 4px color-mix(in oklch, var(--ber) 35%, transparent)}}.ask-head{align-items:center;gap:8px;font-size:13px;display:flex}.ask-head .ber-mark{color:var(--ber);flex:none}.ask-status{color:var(--ber-text);letter-spacing:.005em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ask-time{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto}.ask-dot{background:var(--ber);border-radius:50%;width:7px;height:7px}.ask-sent .ask-dot{animation:1.8s ease-in-out infinite pulse}.ask-working .ask-dot{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.ask-prompt{margin:8px 0 0;font-size:16px;font-weight:600;line-height:1.35}.ask-context{white-space:pre-line;color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:14px;display:-webkit-box;overflow:hidden}.ask-who,.ask-note{color:var(--ink-3);margin-top:8px;font-size:13px}.ask-shimmer{gap:7px;margin-top:12px;display:grid}.ask-shimmer span{background:linear-gradient(90deg, var(--ber-line) 0%, color-mix(in oklch, var(--ber-line) 40%, var(--ber-tint)) 50%, var(--ber-line) 100%);background-size:200% 100%;border-radius:5px;height:9px;animation:1.4s linear infinite shimmer}.ask-shimmer span:nth-child(2){width:82%;animation-delay:.12s}.ask-shimmer span:nth-child(3){width:58%;animation-delay:.24s}@keyframes shimmer{to{background-position:-200% 0}}.ask-answer{box-shadow:inset 0 1px 0 var(--ber-line);animation:answer-in .52s var(--ease-out);margin-top:10px;padding-top:10px;font-size:16px;line-height:1.45}@keyframes answer-in{0%{opacity:0;transform:translateY(4px)}}.ask-answer>:first-child{margin-top:0}.ask-answer>:last-child{margin-bottom:0}.ask-answer p{margin:0 0 8px}.ask-answer ul,.ask-answer ol{margin:4px 0 8px;padding-left:22px}.ask-answer a{color:var(--ber-text)}.ask-answer img{object-fit:contain;cursor:zoom-in;background:var(--press);border-radius:12px;width:auto;max-width:min(100%,520px);height:auto;max-height:70vh;margin:8px 0;display:block}.ask-notdone .ask-answer{color:var(--ink-2)}.ask-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.ask-actions button{min-height:34px;color:var(--ber-text);background:color-mix(in oklch, var(--ber-tint) 60%, var(--surface));border:1px solid var(--ber-line);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.ask-actions button:active{transform:scale(.96)}.ask-actions .ber-mark{color:var(--ber)}.ask-actions .ask-remove{width:34px;color:var(--ink-3);background:0 0;border-color:#0000;justify-content:center;margin-left:auto;padding:0}.media{margin:8px 0}.media-img{width:min(100%, 520px, calc(70vh * var(--ar,1.333)));background:var(--press);cursor:zoom-in;border-radius:12px;display:block;position:relative;overflow:hidden}.media-img img{object-fit:contain;width:100%;height:100%;display:block}.media-video{background:oklch(15% 0 0);border-radius:12px;width:100%;max-width:520px;display:block}.play-badge{color:oklch(20% 0 0);-webkit-backdrop-filter:blur(8px);background:oklch(98% 0 0/.86);border-radius:50%;place-items:center;width:56px;height:56px;margin:auto;display:grid;position:absolute;inset:0}.play-badge svg{margin-left:3px}.dur-badge{color:oklch(98% 0 0);font-variant-numeric:tabular-nums;background:oklch(15% 0 0/.55);border-radius:99px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}.media-wait{background:var(--press);max-width:520px;min-height:72px;color:var(--ink-2);border-radius:12px;place-items:center;font-size:14px;display:grid}.media-error{background:color-mix(in oklch, var(--danger) 12%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.media-error button{color:var(--danger);font-weight:600}.ring{margin:auto;position:absolute;inset:0;transform:rotate(-90deg)}.audio .ring,.file-ext .ring{position:static}.ring circle{fill:none;stroke-width:3.5px}.ring-track{stroke:oklch(98% 0 0/.5)}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.audio{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;max-width:420px;padding:10px 14px 10px 10px;display:flex}.audio-btn{background:var(--accent);color:oklch(22% .05 70);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.audio-btn:active{transform:scale(.94)}.audio-body{flex:1;min-width:0}.audio-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.audio-bar{background:var(--line);touch-action:none;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.audio-bar span{background:var(--accent);height:100%;display:block}.audio-time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px}.file-tile{background:var(--surface);border:1px solid var(--line);max-width:420px;color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:10px 14px 10px 10px;text-decoration:none;display:flex}.file-ext{background:var(--accent-tint);width:40px;height:48px;color:var(--accent-ink);font:700 11px/1 var(--font);letter-spacing:.04em;border-radius:8px;flex:none;place-items:center;display:grid}.file-meta{min-width:0;display:grid}.file-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.file-size{color:var(--ink-3);font-size:13px}.lightbox{z-index:50;padding:var(--safe-t) env(safe-area-inset-right,0px) var(--safe-b) env(safe-area-inset-left,0px);overscroll-behavior:contain;background:oklch(.08 0 0 / calc(.94 * var(--fade,1)));touch-action:none;animation:fade-in .22s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.lightbox img{max-width:100%;max-height:calc(100vh - var(--safe-t) - var(--safe-b));max-height:calc(100dvh - var(--safe-t) - var(--safe-b));object-fit:contain;transform-origin:50%;transition:transform .36s var(--ease-ios);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform}.lightbox-close,.lightbox-save{top:calc(10px + var(--safe-t));color:oklch(98% 0 0);background:oklch(30% 0 0/.6);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute}.lightbox-close{right:14px}.lightbox-save{border-radius:99px;width:auto;padding:0 14px;font-size:15px;text-decoration:none;left:14px}@keyframes fade-in{0%{opacity:0}}.toolbar{z-index:4;background:var(--bar);-webkit-backdrop-filter:blur(20px)saturate(170%);box-shadow:inset 0 .5px 0 var(--line);padding-bottom:var(--safe-b);transition:transform .26s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.toolbar.kb{padding-bottom:0}.toolbar-row{align-items:center;gap:2px;max-width:760px;margin:0 auto;padding:4px 8px;display:flex}.toolbar-row>button{min-width:44px;height:44px;color:var(--accent-ink);border-radius:12px;place-items:center;display:grid}.toolbar-row>button.is-on,.format-row button.is-on{background:var(--accent-tint)}.toolbar-row>button:active{transform:scale(.92)}.toolbar-ber{background:var(--ber);gap:7px;margin-left:auto;padding:0 14px 0 10px;font-size:15px;font-weight:600;height:38px!important;color:var(--ber-ink)!important;border-radius:99px!important;display:flex!important}.toolbar-ber .ber-mark,.bubble-ber .ber-mark,.btn-ber .ber-mark{color:var(--ber-ink);--ber-mark-b:var(--ber)}.toolbar-done{padding:0 10px;font-weight:600}.format-row{gap:8px;max-width:760px;margin:0 auto;padding:10px 12px 4px;display:grid}.format-styles,.format-marks{gap:6px;display:flex}.format-styles button{background:var(--surface);border-radius:10px;flex:1;height:40px}.format-marks button{background:var(--surface);height:40px;color:var(--ink);border-radius:10px;flex:1;place-items:center;display:grid}.fs-title{font-size:18px;font-weight:700}.fs-heading{font-size:16px;font-weight:600}.fs-body{font-size:15px}.bubble{background:var(--raised);box-shadow:var(--shadow), 0 0 0 .5px var(--line);border-radius:14px;align-items:center;gap:2px;padding:4px;display:flex}.bubble button{min-width:38px;height:36px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.bubble button.is-on{background:var(--press)}.bubble-ber{gap:6px;padding:0 12px 0 8px;font-size:15px;font-weight:600;background:var(--ber)!important;color:var(--ber-ink)!important;display:flex!important}.bubble-sep{background:var(--line);width:1px;height:22px;margin:0 4px}.sheet-root{z-index:40;position:fixed;inset:0}.sheet-scrim{background:var(--scrim);transition:opacity .32s var(--ease-ios);position:absolute;inset:0}.sheet{background:var(--paper);max-width:560px;max-height:88vh;padding-bottom:var(--safe-b);box-shadow:var(--shadow);transition:transform .38s var(--ease-ios);border-radius:16px 16px 0 0;flex-direction:column;margin:0 auto;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width>=700px){.sheet{border-radius:16px;bottom:24px}}.sheet-grab{touch-action:none;cursor:grab;text-align:center;flex:none;padding:8px 20px 4px}.sheet-grab>span{background:var(--line);border-radius:3px;width:36px;height:5px;margin:0 auto 8px;display:block}.sheet-grab h2{font:600 17px/1.3 var(--font);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;overflow:hidden}.sheet-body{padding:4px 16px 16px;overflow-y:auto}.sheet-foot{color:var(--ink-3);margin:12px 4px 0;font-size:13px}.menu-list{background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.menu-list>button,.menu-list>li{text-align:left;min-height:52px;color:var(--ink);align-items:center;gap:14px;padding:0 16px;display:flex}.menu-list>*+*{box-shadow:inset 0 .5px 0 var(--line)}.menu-list>button svg{color:var(--accent-ink)}.menu-list>button span{flex:1}.menu-list>button:active{background:var(--press)}.menu-list>button.danger,.menu-list>button.danger svg{color:var(--danger)}.edit-folder input{background:0 0;border:0;outline:none;flex:1;padding:12px 0}.danger-btn{color:var(--danger);font-weight:500}.composer-context{background:var(--surface);color:var(--ink-2);white-space:pre-wrap;border-radius:12px;max-height:9em;margin:0 0 12px;padding:10px 12px;font-size:15px;overflow:hidden}.composer textarea{resize:none;border:1px solid var(--ber-line);background:var(--surface);border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:17px}.composer textarea:focus{border-color:var(--ber);box-shadow:0 0 0 3px color-mix(in oklch, var(--ber) 18%, transparent)}.chips{scrollbar-width:none;gap:8px;margin:12px -16px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--ber-tint);color:var(--ber-text);border:1px solid var(--ber-line);border-radius:99px;flex:none;padding:8px 14px;font-size:15px}.chip:active{transform:scale(.96)}.btn-ber{background:var(--ber);width:100%;height:50px;color:var(--ber-ink);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.btn-ber:active{transform:scale(.985)}.composer-hint{text-align:center;color:var(--ink-3);margin:10px 0 0;font-size:13px}.recorder{justify-items:center;gap:14px;padding:8px 0 4px;display:grid}.recorder-wave{align-items:center;gap:3px;height:56px;display:flex}.recorder-wave span{background:var(--accent);transform-origin:50%;border-radius:2px;width:4px;height:100%;transition:transform 90ms linear}.recorder-time{font:600 28px/1 var(--font-round);font-variant-numeric:tabular-nums}.recorder-row{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.recorder-hint{text-align:right;color:var(--ink-3);font-size:14px}.btn-quiet{color:var(--accent-ink);justify-self:start;padding:10px 0}.rec-btn{border:4px solid var(--line);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.rec-dot{background:var(--danger);width:50px;height:50px;transition:transform .16s var(--ease-out);border-radius:50%}.rec-btn:active .rec-dot{transform:scale(.9)}.rec-btn.is-on{color:var(--danger)}.signin{min-height:100%;padding:calc(clamp(32px, 10vh, 120px) + var(--safe-t)) 20px calc(24px + var(--safe-b));place-items:start center;display:grid}.signin-card{width:100%;max-width:360px}.signin-mark{background:var(--accent);width:64px;box-shadow:var(--shadow);border-radius:16px;gap:6px;margin-bottom:20px;padding:14px 12px;display:grid}.signin-mark span{background:oklch(30% .06 70/.55);border-radius:2px;height:4px}.signin-mark span:nth-child(3){width:60%}.signin h1{font:700 40px/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.signin-sub{color:var(--ink-2);margin:6px 0 28px}.signin form{gap:10px;display:grid}.signin label{color:var(--ink-2);font-size:15px}.signin input{border:1px solid var(--line);background:var(--surface);border-radius:14px;outline:none;width:100%;min-width:0;height:52px;padding:0 16px;font-size:17px}.signin input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 25%, transparent)}.code-input{letter-spacing:.28em;text-indent:.28em;text-align:center;font:600 26px/1 var(--font-round)!important}.btn-primary{background:var(--ink);height:52px;color:var(--paper);border-radius:14px;margin-top:6px;font-weight:600}.btn-primary:active{transform:scale(.985)}.signin-help{color:var(--ink-3);font-size:14px}.link{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.form-error{color:var(--danger);margin:10px 0 0;font-size:15px}.form-note{color:var(--ink-2);margin:-12px 16px 16px;font-size:14px}.setting{justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.setting>span{gap:2px;display:grid}.setting small{color:var(--ink-3);font-size:13px}.setting-name label{flex:1;gap:2px;min-width:0;display:grid}.setting-name input{text-align:right;width:42%;min-width:0;color:var(--accent-ink);background:0 0;border:0;outline:none;padding:6px 0;font-size:17px}.setting-name input:focus{color:var(--ink)}.switch{background:var(--line);width:51px;height:31px;transition:background .22s var(--ease-out);border-radius:99px;flex:none;position:relative}.switch span{width:27px;height:27px;transition:transform .3s var(--ease-ios);background:oklch(99.5% .003 85);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px oklch(0% 0 0/.18)}.switch.is-on{background:oklch(72% .17 150)}.switch.is-on span{transform:translate(20px)}.btn-small{background:var(--accent);color:oklch(22% .05 70);border-radius:99px;flex:none;padding:8px 14px;font-size:15px;font-weight:600}.danger-link{color:var(--danger);padding:4px 0;font-weight:500}.settings-foot{color:var(--ink-3);margin:0 12px 24px;font-size:14px}.nudge{background:var(--accent-tint);border-radius:14px;justify-items:start;gap:6px;margin:0 0 20px;padding:14px 16px 12px;display:grid;position:relative}.nudge strong{font-size:16px}.nudge p{color:var(--ink-2);margin:0 0 4px;font-size:15px}.nudge-x{color:var(--ink-2);padding:4px 0;font-size:14px}.offline{left:50%;bottom:calc(66px + var(--safe-b));z-index:30;background:var(--ink);max-width:calc(100% - 32px);color:var(--paper);box-shadow:var(--shadow);animation:fade-in .3s var(--ease-out);border-radius:99px;padding:8px 14px;font-size:13px;position:fixed;transform:translate(-50%)}.toast{left:50%;top:calc(56px + var(--safe-t));z-index:45;background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:15px;position:fixed;transform:translate(-50%)}.asks .ask-row{text-align:left;gap:4px;width:100%;padding:12px 16px;display:grid}.asks .ask-row:active{background:var(--press)}.ask-pill{background:var(--ber-tint);color:var(--ber-text);border:1px solid var(--ber-line);border-radius:99px;justify-self:start;padding:2px 8px;font-size:12px;font-weight:600}.ask-pill-answered{background:var(--ber);color:var(--ber-ink);border-color:var(--ber)}.ask-row-prompt{font-weight:600}.ask-row-note{color:var(--ink-3);font-size:13px}.ask-row-answer{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.ask-row-answer p{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}.stack-pane,.sheet,.note-row,.toolbar{transition-duration:1ms!important}.ask-shimmer span{animation:none}}@media (prefers-reduced-transparency:reduce){.bottombar,.toolbar{background:var(--paper);-webkit-backdrop-filter:none}}.ber-btn{--warm:oklch(97% .04 85);background:var(--ber);width:48px;height:48px;color:var(--ber-ink);box-shadow:0 6px 18px -6px color-mix(in oklch, var(--ber) 70%, transparent), 0 1px 2px color-mix(in oklch, var(--ink) 18%, transparent);transition:transform .12s var(--ease-out), box-shadow .3s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ber-btn:active{transform:scale(.92)}.ber-btn svg{overflow:visible}.ber-btn-b,.ber-btn-bear,.ber-btn .ear,.ber-btn .head{transform-box:view-box;transform-origin:0 0}.ber-btn-b text{fill:currentColor;font:800 15px/1 ui-rounded,-apple-system,SF Pro Rounded,system-ui,sans-serif}.ber-btn-b{transition:transform .3s var(--ease-out), opacity .2s ease-out}.ber-btn-bear{opacity:0;transition:transform .36s cubic-bezier(.22,1,.36,1) 90ms,opacity .18s ease-out 90ms;transform:scale(.55)}.ber-btn .head,.ber-btn .ear{fill:currentColor;transition:fill .4s ease-out}.ber-btn .ear{transition:transform .38s cubic-bezier(.22,1,.36,1) .14s,fill .4s ease-out;transform:translateY(3.5px)scale(.4)}.ber-btn .ear-l{transform-origin:-4.9px -4.7px}.ber-btn .ear-r{transform-origin:4.9px -4.7px}.ber-btn:not(.is-rest) .ber-btn-b{opacity:0;transform:rotate(-90deg)scale(.7)}.ber-btn:not(.is-rest) .ber-btn-bear{opacity:1;transform:none}.ber-btn:not(.is-rest) .ear{transform:none}.ber-btn.is-working{box-shadow:0 0 0 4px color-mix(in oklch, var(--ber) 22%, transparent), 0 6px 18px -6px color-mix(in oklch, var(--ber) 70%, transparent)}.ber-btn.is-working .head,.ber-btn.is-working .ear{fill:var(--warm)}.ber-btn.is-working .ber-btn-bear{animation:3.6s ease-in-out .4s infinite ber-breathe}@keyframes ber-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.ber-btn.is-wave .head,.ber-btn.is-wave .ear{fill:var(--warm)}.ber-btn.is-wave .ber-btn-bear{animation:.9s cubic-bezier(.33,1,.68,1) ber-wave}.ber-btn.is-wave .ear-r{animation:.9s ease-in-out ber-ear}@keyframes ber-wave{0%{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes ber-ear{0%,to{transform:none}30%,60%{transform:translate(1px,-1.2px)scale(1.15)}}.toolbar-row>.ber-btn{width:44px;height:44px;color:var(--ber-ink);border-radius:50%;margin-left:auto;margin-right:6px}.bottombar .ber-btn{justify-self:start;width:40px;height:40px}.bottombar .ber-btn svg{width:26px;height:26px}@media (prefers-reduced-motion:reduce){.ber-btn-b,.ber-btn-bear,.ber-btn .ear{transition:opacity .16s ease-out!important}.ber-btn:not(.is-rest) .ber-btn-b{transform:none}.ber-btn-bear,.ber-btn .ear{transform:none!important}.ber-btn .ber-btn-bear,.ber-btn .ear-r{animation:none!important}}
