:root{--ink:#e9f0f1;--muted:#8fa2a7;--deep:#071017;--desk:#101d24;--desk-light:#172831;--paper:#eee6d5;--paper-ink:#34332f;--cyan:#9ed9df;--gold:#d7bf88;--danger:#e29c8f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--deep);min-height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font-family:Noto Sans SC,Source Han Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body{min-width:320px}button,textarea,input{font:inherit}button{color:inherit}button,.crumple-ring,.basket-orbit{-webkit-tap-highlight-color:transparent}.mind-cup{isolation:isolate;background:radial-gradient(circle at 50% -8%,#699fa821,#0000 31%),linear-gradient(#08131b 0%,#0c1921 40%,#13232b 100%);max-width:540px;min-height:100svh;margin:0 auto;position:relative;overflow:hidden}.mind-cup:before{content:"";z-index:-3;opacity:.18;pointer-events:none;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff03 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.ambient{z-index:-2;filter:blur(70px);pointer-events:none;opacity:.1;border-radius:50%;width:280px;height:280px;position:fixed}.ambient-one{background:#75ccd2;top:-130px;left:-100px}.ambient-two{background:#b69865;bottom:40px;right:-150px}.flight-canvas{z-index:18;pointer-events:none;position:fixed;inset:0}.app-header{z-index:21;padding:calc(20px + env(safe-area-inset-top)) 22px 0;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.eyebrow{color:#88abb0;letter-spacing:.18em;margin:0 0 4px;font-size:10px;font-weight:700}.app-header h1{letter-spacing:.09em;margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:25px;font-weight:500}.header-actions{align-items:center;gap:12px;display:flex}.sync-dot{background:#7eb9a9;border-radius:50%;width:6px;height:6px;margin-top:16px;display:block;box-shadow:0 0 10px #7eb9a9a6}.sync-dot.syncing{animation:1.2s ease-in-out infinite breathe}.sync-dot.offline{box-shadow:none;background:#9a8d78}.icon-control{background:#ffffff06;border:1px solid #bed8dc1f;border-radius:50%;place-content:center;gap:4px;width:42px;height:42px;display:grid}.icon-control span{background:#9eb3b7;border-radius:50%;width:3px;height:3px}.basket-zone{z-index:5;flex-direction:column;justify-content:flex-start;align-items:center;min-height:235px;padding-top:5px;display:flex;position:relative}.basket-orbit{--orbit-progress:0deg;touch-action:none;width:182px;height:157px;position:relative}.basket-orbit:before{content:"";opacity:0;background:conic-gradient(from -90deg, #b8eeefcc var(--orbit-progress), transparent 0);border-radius:50%;transition:opacity .3s;position:absolute;inset:4px 1px;-webkit-mask:radial-gradient(circle,#0000 64%,#000 66% 70%,#0000 72%);mask:radial-gradient(circle,#0000 64%,#000 66% 70%,#0000 72%)}.basket-orbit.ready:before{opacity:.22}.basket{perspective:300px;width:134px;height:112px;position:absolute;top:26px;left:24px}.basket-rim{z-index:3;background:radial-gradient(#01080ceb 48%,#667e8075 52%,#0000 62%);border:5px double #a2b8bab8;border-radius:50%;width:100%;height:32px;position:absolute;top:2px;left:0;box-shadow:inset 0 2px 2px #ffffff2e,0 8px 20px #00000080}.basket-mesh{clip-path:polygon(4% 0,96% 0,84% 100%,16% 100%);filter:drop-shadow(0 12px 10px #00000061);background:repeating-linear-gradient(62deg,#0000 0 8px,#8da5a74a 9px 11px),repeating-linear-gradient(-62deg,#0000 0 8px,#8da5a738 9px 11px),linear-gradient(#13232973,#040c11bf);border-bottom:4px solid #83999b80;width:114px;height:88px;position:absolute;top:19px;left:10px}.basket-hint{color:#6f8589;letter-spacing:.06em;min-height:19px;margin:0;font-size:11px}.desk{z-index:8;background:linear-gradient(110deg,#ffffff06,#0000 34%),linear-gradient(#142730d1,#0b171ef5);border-top:1px solid #cbe2e50e;grid-template-columns:67px 1fr;min-height:min(49svh,440px);display:grid;position:relative;box-shadow:0 -22px 50px #00000024}.desk:after{content:"";z-index:-1;opacity:.22;background-image:repeating-linear-gradient(88deg,#0000 0 70px,#ffffff05 71px,#0000 72px);position:absolute;inset:0}.shelf-rail{border-right:1px solid #c6dcde0e;justify-content:center;align-items:center;display:flex}.shelf-handle{color:#7e969a;background:#040d123d;border:1px solid #b9d3d51a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:48px;min-height:146px;padding:10px 4px;display:flex}.shelf-handle>span:nth-child(2){letter-spacing:.08em;writing-mode:vertical-rl;font-size:10px}.shelf-handle strong{font-size:11px;font-weight:500}.shelf-stack{width:28px;height:34px;display:block;position:relative}.shelf-stack i{--stack-index:0;top:calc(var(--stack-index) * 4px);left:calc(var(--stack-index) * 2px);width:24px;height:24px;transform:rotate(calc(-9deg + var(--stack-index) * 8deg));opacity:calc(.82 - var(--stack-index) * .16);background:#b8b09f;border-radius:42% 52% 46% 55%;position:absolute}.work-surface{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:16px 18px 24px 8px;display:flex;position:relative}.note-wrap{aspect-ratio:1.18;width:min(76vw,330px);max-width:100%;position:relative}.note-paper{z-index:1;color:var(--paper-ink);background:linear-gradient(118deg, #fff3, transparent 30%), repeating-linear-gradient(0deg, transparent 0 25px, #535b5213 26px), var(--paper);border-radius:4px 6px 16px 5px;flex-direction:column;display:flex;position:absolute;inset:15px;overflow:hidden;transform:rotate(-1.1deg);box-shadow:0 22px 40px #0000003d,inset 0 2px #ffffff38}.note-paper:after{content:"";background:linear-gradient(135deg,#5f523d1a,#fff3);width:70px;height:70px;position:absolute;bottom:-28px;right:-26px;transform:rotate(22deg)}.tape{z-index:2;background:#cbc19f85;width:78px;height:22px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(1deg);box-shadow:0 1px 3px #00000014}.note-paper textarea{z-index:1;resize:none;color:#34332f;caret-color:#6f685b;background:0 0;border:0;outline:0;flex:1;width:100%;padding:42px 27px 8px;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:clamp(18px,5vw,23px);line-height:1.58;position:relative}.note-paper textarea::placeholder{color:#46443e6b}.note-footer{z-index:1;color:#36353178;justify-content:space-between;padding:8px 20px 16px 25px;font-size:9px;display:flex;position:relative}.crumple-ring{--circle-progress:0deg;z-index:0;touch-action:none;pointer-events:none;border-radius:24px;position:absolute;inset:-1px}.crumple-ring.active{pointer-events:auto}.crumple-ring:before{content:"";border-radius:inherit;opacity:.3;background:conic-gradient(from -90deg, var(--cyan) var(--circle-progress), transparent 0);position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 17px),#000 calc(100% - 16px) calc(100% - 12px),#0000 calc(100% - 11px));mask:radial-gradient(closest-side,#0000 calc(100% - 17px),#000 calc(100% - 16px) calc(100% - 12px),#0000 calc(100% - 11px))}.crumple-ring.active:after{content:"";border:1px dashed #acd5d824;border-radius:18px;position:absolute;inset:7px}.crumple-stage,.ball-stage{flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.crumple-stage p{color:#81979a;letter-spacing:.08em;margin:26px 0 0;font-size:11px}.paper-crumpling{color:#2f2f2b99;background:repeating-linear-gradient(43deg, transparent 0 13px, #5f4f3614 14px 15px), var(--paper);border-radius:45% 58% 49% 63%;place-items:center;width:210px;height:190px;animation:.46s cubic-bezier(.4,0,.1,1) crumple;display:grid;overflow:hidden;transform:scale(.42)rotate(17deg);box-shadow:0 24px 40px #00000052}.paper-crumpling span{text-align:center;max-width:110px;font-family:Kaiti SC,serif;font-size:13px}.paper-ball{touch-action:none;-webkit-user-select:none;user-select:none;color:#302f2bb8;background:repeating-linear-gradient(51deg,#0000 0 15px,#5e4e3717 16px 17px),repeating-linear-gradient(-33deg,#0000 0 21px,#fff3 22px 23px),#e7dfce;border:0;border-radius:44% 53% 47% 59%;place-items:center;width:126px;height:119px;animation:.45s cubic-bezier(.2,.85,.25,1.15) ball-arrive;display:grid;position:relative;transform:rotate(-5deg);box-shadow:0 24px 34px #00000047,inset 8px 8px 15px #ffffff3d,inset -10px -12px 20px #594b351f}.paper-ball:before,.paper-ball:after{content:"";border:1px solid #4d412f29;border-radius:50%;position:absolute}.paper-ball:before{inset:19px 12px 26px 19px;transform:rotate(34deg)}.paper-ball:after{inset:28px 24px 15px 12px;transform:rotate(-37deg)}.paper-ball span{z-index:2;text-align:center;pointer-events:none;max-width:78px;font-family:Kaiti SC,serif;font-size:11px;line-height:1.4;position:relative}.paper-ball:active{transform:scale(.94)rotate(-7deg)}.gesture-legend{color:#778d91;flex-wrap:wrap;justify-content:center;gap:8px 13px;margin-top:30px;font-size:9px;display:flex}.new-note-link{color:#799195;background:0 0;border:0;border-bottom:1px solid #a9c7ca26;margin-top:-5px;padding:8px 2px;font-size:10px}.session-strip{z-index:10;min-height:58px;padding:0 18px calc(4px + env(safe-area-inset-bottom));color:#778c90;align-items:center;gap:14px;font-size:10px;display:flex;position:relative}.session-strip b{color:#b8c7c8;font-size:12px;font-weight:500}.privacy-note{color:#596d71;margin-left:auto}.closing-message{z-index:40;pointer-events:none;background:radial-gradient(circle,#102930b8,#050d12e0);flex-direction:column;justify-content:center;align-items:center;animation:.5s both closing-in;display:flex;position:fixed;inset:0}.closing-message span{letter-spacing:.12em;font-family:Songti SC,serif;font-size:27px}.closing-message small{color:#91a7aa;margin-top:12px;font-size:11px}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02080bb8;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,540px);max-height:78svh;padding:9px 22px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#14242c,#0b171e);border:1px solid #bed7d91a;border-bottom:0;border-radius:28px 28px 0 0;animation:.34s cubic-bezier(.2,.78,.2,1) sheet-up;overflow:auto;box-shadow:0 -30px 80px #0000005c}.sheet-grabber{background:#c4d8da33;border-radius:3px;width:40px;height:4px;margin:0 auto 24px}.sheet-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.sheet-heading h2{margin:0;font-family:Songti SC,serif;font-size:22px;font-weight:500}.sheet-heading>button{color:#9fb1b3;background:0 0;border:1px solid #c2d8da1f;border-radius:50%;width:38px;height:38px;font-size:22px}.thought-list{gap:10px;display:grid}.thought-list>button{color:#d3dcdc;text-align:left;background:#ffffff06;border:1px solid #b9d2d413;border-radius:16px;grid-template-columns:54px 1fr;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.thought-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.thought-list small{color:#6f8589;margin-top:4px;font-size:9px;display:block}.mini-ball{background:repeating-linear-gradient(45deg,#0000 0 7px,#4c402d1a 8px 9px),#d8d0c0;border-radius:42% 58% 47% 55%;width:42px;height:39px;display:block;transform:rotate(-7deg);box-shadow:0 8px 12px #0003}.empty-shelf{color:#819598;text-align:center;margin:36px 20px;font-size:13px;line-height:1.8}.secondary-button,.primary-button{border-radius:14px;width:100%;min-height:50px;font-weight:600}.secondary-button{color:#9eb0b2;background:#ffffff06;border:1px solid #bed7d91f;margin-top:20px}.settings-sheet{max-height:86svh}.setting-row{border-bottom:1px solid #bfd4d612;justify-content:space-between;align-items:center;gap:18px;min-height:68px;display:flex}.setting-row span{flex-direction:column;gap:4px;display:flex}.setting-row strong{font-size:13px;font-weight:500}.setting-row small{color:#74898c;font-size:9px}.setting-row input{accent-color:#76b5ba;width:38px;height:22px}.cup-code-card{background:#ffffff06;border:1px solid #b7d1d41a;border-radius:16px;flex-direction:column;gap:6px;margin-top:24px;padding:18px;display:flex}.cup-code-card span,.cup-code-card small{color:#74898c;font-size:9px}.cup-code-card strong{color:#d6e2e2;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,monospace;font-size:19px}.onboarding{z-index:70;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 15%,#5e9aa329,#0000 32%),#071017;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.onboarding-card{background:linear-gradient(145deg,#162a33f0,#09141bfa);border:1px solid #bfd8da1c;border-radius:28px;width:min(100%,390px);padding:28px 24px;box-shadow:0 35px 90px #00000075}.onboarding-mark{clip-path:polygon(10% 13%,90% 13%,78% 100%,22% 100%);background:repeating-linear-gradient(55deg,#0000 0 7px,#a3bec040 8px 9px),repeating-linear-gradient(-55deg,#0000 0 7px,#a3bec02e 8px 9px);border-radius:50%;width:70px;height:65px;margin:0 0 24px;position:relative}.onboarding-mark:before{content:"";background:#081117;border:3px double #b0c9cba6;border-radius:50%;width:60px;height:17px;position:absolute;top:3px;left:5px}.onboarding-card h2{letter-spacing:.04em;margin:6px 0 10px;font-family:Songti SC,serif;font-size:28px;font-weight:500}.onboarding-copy{color:#8da1a4;margin:0 0 23px;font-size:12px;line-height:1.75}.auth-tabs{background:#0000002e;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.auth-tabs button{color:#73888b;background:0 0;border:0;border-radius:9px;min-height:39px;font-size:11px}.auth-tabs button.active{color:#d7e1e1;background:#91b8bb1c}.onboarding form{gap:14px;display:grid}.onboarding label{color:#83979a;gap:7px;font-size:10px;display:grid}.field-hint{color:#617578;font-size:9px;line-height:1.45}.onboarding input{color:#e5eded;background:#02090d47;border:1px solid #bcd4d61c;border-radius:12px;outline:0;width:100%;height:48px;padding:0 14px;font-size:14px}.onboarding input:focus{border-color:#95d3d86b;box-shadow:0 0 0 3px #68b0b614}.primary-button{color:#102126;background:linear-gradient(135deg,#b9dfe0,#8dbdc2);border:1px solid #bfe7e82e;box-shadow:0 12px 30px #4f8a902e}.primary-button:disabled{opacity:.55}.form-error{color:var(--danger);margin:0;font-size:11px;line-height:1.5}.onboarding-footnote{color:#617578;text-align:center;margin-top:16px;font-size:9px;display:block}.recovery-overlay{z-index:80}.recovery-code{color:#dce9e9;letter-spacing:.08em;text-align:center;background:#ffffff06;border:1px dashed #badcde3d;border-radius:14px;margin:22px 0;padding:20px 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:clamp(20px,7vw,27px);font-weight:700}@keyframes breathe{50%{opacity:.35;transform:scale(.75)}}@keyframes crumple{0%{border-radius:5px;transform:scale(1)rotate(-1deg)}58%{border-radius:26% 42% 31% 50%;transform:scale(.62)rotate(10deg)}to{border-radius:45% 58% 49% 63%;transform:scale(.42)rotate(17deg)}}@keyframes ball-arrive{0%{opacity:0;transform:scale(.4)rotate(15deg)}}@keyframes closing-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (width>=700px){body{background:#040b10}.mind-cup{min-height:100vh;box-shadow:0 0 80px #0000008c}}@media (height<=760px){.basket-zone{min-height:190px}.basket-orbit{margin-top:-10px;margin-bottom:-19px;transform:scale(.84)}.desk{min-height:420px}.note-wrap{width:min(71vw,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}