:root{-webkit-text-size-adjust:110%;text-size-adjust:110%;--bg-rgb: 8, 8, 8;--text-rgb: 255, 255, 255;--accent-rgb: 255, 255, 255;--accent-deep-rgb: 255, 255, 255;--color-bg: rgb(var(--bg-rgb));--color-text: rgb(var(--text-rgb));--color-accent: rgb(var(--accent-deep-rgb));--color-muted: rgba(var(--text-rgb), .55);--color-border: rgba(var(--text-rgb), .1);--color-surface: rgba(var(--text-rgb), .05);--surface-1: rgba(var(--text-rgb), .035);--surface-2: rgba(var(--text-rgb), .07);--surface-3: rgba(var(--text-rgb), .1);--surface-edge: inset 0 0 0 1px rgba(255, 255, 255, .09);--glass-fill: var(--surface-2);--glass-blur: none;--color-elevated: rgba(28, 28, 28, .55);--color-scrim: rgba(0, 0, 0, .5);--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}[data-theme=light]{--bg-rgb: 244, 239, 229;--text-rgb: 28, 25, 21;--accent-rgb: 28, 25, 21;--accent-deep-rgb: 28, 25, 21;--color-muted: rgba(var(--text-rgb), .68);--color-border: rgba(var(--text-rgb), .1);--color-surface: rgba(255, 255, 255, .42);--surface-1: rgba(255, 255, 255, .38);--surface-2: rgba(255, 255, 255, .42);--surface-3: rgba(255, 255, 255, .6);--surface-edge: inset 0 0 0 1px rgba(255, 255, 255, .6);--glass-fill: rgba(255, 255, 255, .78);--glass-blur: blur(18px) saturate(1.2);--color-elevated: rgba(244, 239, 229, .65);--color-scrim: rgba(40, 34, 28, .28)}button:focus:not(:focus-visible){outline:none}button{-webkit-tap-highlight-color:transparent}body{cursor:default}button,a,label,summary,select,[role=button]{cursor:pointer}button:disabled,[role=button][aria-disabled=true]{cursor:default}input,textarea,[contenteditable=true]{cursor:text}.ob-btn:hover:not(:disabled){background:rgba(var(--text-rgb),.11)!important;border-color:rgba(var(--text-rgb),.3)!important}.ob-opt:hover{background:rgba(var(--text-rgb),.08)!important;border-color:rgba(var(--text-rgb),.22)!important}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes prep-pulse{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),.35)}50%{box-shadow:0 0 0 7px rgba(var(--accent-rgb),0)}}@keyframes hintReveal{0%{opacity:0}to{opacity:.85}}@keyframes hintPulse{0%,to{opacity:.85}50%{opacity:.4}}@keyframes splashBreathe{0%,to{opacity:.55;transform:scale(.99)}50%{opacity:1;transform:scale(1.01)}}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:.9}}.section-feed>:first-child{--head-pad: var(--head-first)}.section-feed>*+*:not(.feed-end){border-top:1px solid var(--color-border)}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}*{scrollbar-width:none;overscroll-behavior:none}*::-webkit-scrollbar{display:none}@keyframes screenFade{0%{opacity:0}to{opacity:1}}.stagger-item{animation:screenFade .9s cubic-bezier(.22,1,.36,1) both}body[data-modal-open] [data-layout=tab-bar]{visibility:hidden}.screen-in{animation:screenFade .4s ease-out both}@keyframes cfOut{0%{opacity:1}to{opacity:0}}.cf-in{animation:screenFade .55s ease-in-out both}.cf-out{animation:cfOut .55s ease-in-out both}.note-enter{animation:fadeUp .8s ease-out both}@keyframes btnAppear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.btn-appear{animation:btnAppear .5s ease-out both}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}.sheet-overlay-in,.sheet-in{animation:sheetFade .45s ease-out both}.phone-frame{position:relative;width:100%;aspect-ratio:78.1 / 160.8;background:linear-gradient(150deg,#55504a,#24211e 18%,#191715,#24211e 82%,#5c574f);border-radius:14.6%/7.1%;box-shadow:0 30px 60px #00000047,inset 0 0 0 1px #ffffff0f}.phone-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(160deg,#ffffff8c,#ffffff0f 22%,#fff0 55%,#ffffff38) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.phone-btn{position:absolute;width:1%;z-index:1}.phone-btn-left{left:-.9%;border-radius:30% 0 0 30%;background:linear-gradient(90deg,#7a736a,#46413a 55%,#201d1a)}.phone-btn-right{right:-.9%;border-radius:0 30% 30% 0;background:linear-gradient(270deg,#7a736a,#46413a 55%,#201d1a)}.phone-btn-action{top:21.6%;height:4.4%}.phone-btn-vol-up{top:30.5%;height:7.8%}.phone-btn-vol-down{top:41.7%;height:7.8%}.phone-btn-side{top:30.5%;height:15.7%}.phone-screen{position:absolute;left:4.41%;right:4.41%;top:2.09%;bottom:2.09%;border-radius:12.5%/5.9%;overflow:hidden;background:#0b0b0c}.phone-screen:after{content:"";position:absolute;top:1.6%;left:50%;translate:-50% 0;width:30%;height:3.9%;border-radius:999px;background:#080706;z-index:2;pointer-events:none}.phone-screen img{display:block;width:100%;height:100%;object-fit:contain}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.note-input::placeholder{color:var(--color-muted);opacity:1}#root{min-height:100vh;position:relative;z-index:1;width:100%;max-width:100%;overflow-x:hidden}