@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_b57476df-module__zJTbfa__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_b57476df-module__zJTbfa__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
*{box-sizing:border-box}html,body{color:#f5f5f7;height:100%;font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background:#0b0b0f;margin:0;padding:0}body{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,textarea{font:inherit}:root{--accent:#ff5c8a;--accent-2:#7c5cff;--accent-gradient:linear-gradient(135deg, var(--accent), var(--accent-2));--accent-gradient-soft:linear-gradient(135deg, #ff5c8a29, #7c5cff29);--ink:#f5f5f7;--ink-soft:#c9c9d1;--ink-faint:#9c9ca6;--surface-0:#0b0b0f;--surface-1:#131319;--surface-2:#17171e;--surface-3:#1c1c25;--surface-4:#232330;--glass-panel:#ffffff0b;--glass-panel-strong:#ffffff12;--hairline:#ffffff14;--hairline-strong:#ffffff29;--highlight-top:#ffffff12;--highlight-rim:#ffffff0d;--shadow-sm:0 1px 2px #06060c80;--shadow-md:0 16px 34px -16px #14081eb3, 0 3px 10px -3px #14081e8c;--shadow-lg:0 32px 70px -22px #0e0616cc;--shadow-glow:0 12px 30px -8px #7c5cff8c;--shadow-bezel:inset 0 1px 0 var(--highlight-top), inset 0 0 0 1px var(--highlight-rim), var(--shadow-md);--shadow-bezel-sm:inset 0 1px 0 var(--highlight-top), inset 0 0 0 1px var(--highlight-rim), var(--shadow-sm);--shadow-bezel-lg:inset 0 1px 0 var(--highlight-top), inset 0 0 0 1px var(--highlight-rim), var(--shadow-lg);--ease-spring:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--frame-width:480px}.app-shell{width:100%;height:100dvh;position:relative;overflow:hidden}button,.note-card,.create-sheet-option,.category-tile,.chip,.saved-chip{transition:transform .2s var(--ease-spring), background .2s ease, border-color .2s ease, box-shadow .25s ease, opacity .2s ease}button:active,.note-card:active,.create-sheet-option:active,.category-tile:active,.chip:active,.saved-chip:active{transform:scale(.97)}@media (hover:hover){.note-card:hover,.category-tile:hover,.invite-card:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in-blur{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}button:active,.note-card:active,.create-sheet-option:active{transform:none}@media (hover:hover){.note-card:hover,.category-tile:hover,.invite-card:hover{transform:none}}}@media (min-width:700px){body{background:var(--surface-0)}.app-shell{max-width:var(--frame-width);border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);margin:0 auto;box-shadow:0 40px 120px -20px #0009}.bottom-nav,.feed-tabs,.sheet,.create-sheet{width:min(100%, var(--frame-width));left:50%;right:auto;transform:translate(-50%)}.nav-fab{transform:translate(0)}}.auth-screen{height:100dvh;padding:24px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));background:radial-gradient(60% 50% at 18% 0%, #ff5c8a2e 0%, #ff5c8a00 60%), radial-gradient(70% 60% at 100% 10%, #7c5cff3d 0%, #7c5cff00 60%), radial-gradient(50% 40% at 50% 100%, #7c5cff1a 0%, #7c5cff00 70%), var(--surface-0);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-xl);background:var(--glass-panel);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(28px)saturate(160%);width:100%;max-width:380px;box-shadow:var(--shadow-bezel-lg);animation:rise-in-blur .6s var(--ease-out) both;flex-direction:column;gap:16px;padding:32px 26px;display:flex}.auth-title{letter-spacing:-.02em;text-align:center;margin:0 0 4px;font-size:32px;font-weight:800}.auth-subtitle{text-align:center;color:var(--ink-soft);margin:0 0 8px;font-size:14px;line-height:1.5}.field-label{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-input{border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--surface-2);width:100%;color:var(--ink);outline:none;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.field-input:focus{border-color:var(--accent-2);background:var(--surface-3);box-shadow:0 0 0 3px #7c5cff33}.btn-primary{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;cursor:pointer;width:100%;box-shadow:inset 0 1px 0 #ffffff4d, var(--shadow-glow);border:none;padding:16px;font-size:16px;font-weight:700}@media (hover:hover){.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff52,0 16px 36px -8px #7c5cff99}}.btn-primary:active{box-shadow:inset 0 1px #fff3,0 4px 14px -6px #7c5cff80}.btn-primary:disabled{opacity:.5;box-shadow:none;transform:none}.btn-ghost{border-radius:var(--radius-sm);border:1px solid var(--hairline-strong);width:100%;color:var(--ink);cursor:pointer;background:0 0;padding:14px 16px;font-size:15px;font-weight:600}@media (hover:hover){.btn-ghost:hover{background:#ffffff0d;border-color:#ffffff47}}.error-text{color:#ff7a86;text-align:center;margin:0;font-size:13px}.mode-toggle{background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid var(--hairline);padding:4px;display:flex;box-shadow:inset 0 1px 3px #00000059}.mode-toggle button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-weight:600}.mode-toggle button.active{background:var(--accent-gradient);color:#fff;box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-sm)}.feed-container{scroll-snap-type:y mandatory;scrollbar-width:none;height:100dvh;overflow-y:scroll}.feed-container::-webkit-scrollbar{display:none}.feed-tabs{top:calc(14px + var(--safe-top));z-index:20;pointer-events:none;justify-content:center;gap:8px;display:flex;position:fixed;left:0;right:0}.feed-tabs button{pointer-events:auto;border-radius:var(--radius-full);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(18px)saturate(160%);color:var(--ink-soft);background:#14141a8c;padding:9px 20px;font-size:14px;font-weight:600;box-shadow:inset 0 1px #ffffff0f}.feed-tabs button.active{color:var(--surface-0);box-shadow:inset 0 1px 0 #ffffff80, var(--shadow-sm);background:#fff;border-color:#fff}.post-slide{scroll-snap-align:start;scroll-snap-stop:always;background:var(--surface-1);align-items:flex-end;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.post-slide .bg-emoji{opacity:.95;text-shadow:0 12px 40px #00000059;justify-content:center;align-items:center;font-size:38vw;display:flex;position:absolute;inset:0}.post-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-scrim{background:linear-gradient(#0000000f 0%,#0000002e 55%,#000000d1 100%);position:absolute;inset:0}.post-content{z-index:5;width:100%;padding:28px 92px 28px 28px;padding-bottom:calc(96px + var(--safe-bottom));animation:rise-in-blur .6s var(--ease-out) both;flex-direction:column;gap:10px;display:flex;position:relative}.post-category-emoji{font-size:36px;line-height:1}.post-caption{letter-spacing:-.015em;text-shadow:0 2px 18px #0009;margin:0;font-size:24px;font-weight:700;line-height:1.32}.post-author{color:var(--ink-soft);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.post-meta{color:var(--ink-faint);font-size:12px}.post-actions{right:14px;bottom:calc(94px + var(--safe-bottom));z-index:6;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute}.action-btn{cursor:pointer;color:#fff;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;display:flex}.action-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;transition:transform .25s var(--ease-spring), background .25s ease, box-shadow .25s ease, border-color .25s ease;background:#16161c80;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex;box-shadow:inset 0 1px #ffffff14,0 6px 16px -6px #00000080}@media (hover:hover){.action-btn:hover .action-icon{border-color:#fff3;transform:translateY(-2px)scale(1.04)}}.action-btn.active .action-icon{background:var(--accent-gradient);box-shadow:inset 0 1px 0 #ffffff4d, var(--shadow-glow);border-color:#0000;transform:scale(1.1)}.action-btn:active .action-icon{transform:scale(.92)}.action-count{text-shadow:0 1px 6px #00000080;font-size:12px;font-weight:600}.empty-feed{text-align:center;height:100dvh;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.empty-feed .emoji{filter:drop-shadow(0 8px 20px #7c5cff40);font-size:56px}.bottom-nav{z-index:30;padding:12px 18px calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(22px)saturate(160%);border-top:1px solid var(--hairline);background:#0d0d11b8;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff0a,0 -8px 30px -12px #00000080}.nav-side{justify-content:space-around;align-items:center;display:flex}.nav-item{color:var(--ink-faint);cursor:pointer;transition:color .2s ease, transform .2s var(--ease-spring);background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.nav-item.active{color:#fff}.nav-item .icon{transition:transform .25s var(--ease-spring);font-size:22px}.nav-item.active .icon{transform:translateY(-1px)scale(1.08)}.nav-fab{background:var(--accent-gradient);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 0 0 5px var(--surface-0), inset 0 1px 0 #ffffff59, var(--shadow-glow);border:none;border-radius:50%;justify-content:center;justify-self:center;align-items:center;margin-top:-28px;font-size:27px;display:flex}@media (hover:hover){.nav-fab:hover{box-shadow:0 0 0 5px var(--surface-0), inset 0 1px 0 #fff6, 0 16px 36px -8px #7c5cffa6;transform:translateY(-2px)scale(1.04)}}.nav-fab:active{transform:scale(.94)}.composer-screen{height:100dvh;padding:22px;padding-top:calc(22px + var(--safe-top));padding-bottom:calc(44px + var(--safe-bottom));flex-direction:column;gap:22px;display:flex;overflow-y:auto}.composer-header{align-items:center;gap:12px;display:flex}.back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px}.composer-title{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.category-tile{border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface-2);cursor:pointer;color:#e6e6ea;box-shadow:var(--shadow-bezel-sm);flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:18px 6px;display:flex}.category-tile .emoji{font-size:28px}.category-tile .label{text-align:center;font-size:12px;font-weight:600}.category-tile.selected{background:var(--accent-gradient-soft);border-color:#7c5cff80;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #7c5cff4d}.compose-step{flex-direction:column;gap:18px;display:flex}.compose-prompt{letter-spacing:-.01em;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.word-input{border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface-2);width:100%;color:var(--ink);outline:none;padding:16px;font-size:20px;transition:border-color .2s,box-shadow .2s,background .2s}.word-input:focus{border-color:var(--accent-2);background:var(--surface-3);box-shadow:0 0 0 3px #7c5cff33}.hint-text{color:var(--ink-faint);text-align:right;font-size:12px}.caption-preview{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--hairline);box-shadow:var(--shadow-bezel-sm);min-height:60px;padding:18px;font-size:17px;line-height:1.5}.caption-preview[contenteditable=true]{outline:none}.caption-preview[contenteditable=true]:focus{border-color:var(--accent-2);box-shadow:inset 0 1px 0 var(--highlight-top), 0 0 0 3px #7c5cff29}.row{gap:10px;display:flex}.row>*{flex:1}.photo-picker{border-radius:var(--radius-md);color:var(--ink-soft);cursor:pointer;border:1px dashed #ffffff38;align-items:center;gap:12px;padding:15px;font-size:14px;transition:border-color .2s,background .2s;display:flex}@media (hover:hover){.photo-picker:hover{background:#7c5cff12;border-color:#7c5cff8c}}.photo-preview{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--hairline);width:100%;max-height:220px;box-shadow:var(--shadow-bezel)}.photo-stage{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--hairline);min-height:220px;box-shadow:var(--shadow-bezel-sm);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.stage-emoji{opacity:.85;font-size:64px;line-height:1}.photo-stage .photo-picker{justify-content:center;width:100%}.saved-chip-row{flex-wrap:wrap;gap:8px;display:flex}.saved-chip{border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink-soft);border-radius:var(--radius-full);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:100%;box-shadow:var(--shadow-bezel-sm);padding:9px 15px;font-size:13px;overflow:hidden}.notice-text{color:#7cf0a8;text-align:center;margin:0;font-size:13px}.create-sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;align-items:flex-end;animation:.2s both rise-in;display:flex;position:fixed;inset:0}.create-sheet{width:100%;margin:0 8px calc(8px + var(--safe-bottom));background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-bezel-lg);flex-direction:column;gap:10px;padding:20px;display:flex}.create-sheet-title{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:13px;font-weight:700}.create-sheet-option{border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface-3);color:var(--ink);cursor:pointer;text-align:left;box-shadow:var(--shadow-bezel-sm);align-items:center;gap:14px;padding:15px;display:flex}@media (hover:hover){.create-sheet-option:hover{border-color:#7c5cff73;transform:translateY(-1px)}}.create-sheet-option .emoji{font-size:26px}.create-sheet-option .option-title{font-size:15px;font-weight:700;display:block}.create-sheet-option .option-sub{color:var(--ink-faint);font-size:12px;display:block}.notes-screen{height:100dvh;padding:22px;padding-top:calc(22px + var(--safe-top));padding-bottom:calc(104px + var(--safe-bottom));flex-direction:column;gap:16px;display:flex;overflow-y:auto}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink-soft);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-bezel-sm);padding:9px 15px;font-size:13px}.chip.active{color:#fff;background:linear-gradient(135deg,#ff5c8a4d,#7c5cff4d);border-color:#0000;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #7c5cff4d}.notes-list{flex-direction:column;gap:12px;display:flex}.note-card{text-align:left;border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface-2);box-shadow:var(--shadow-bezel-sm);cursor:pointer;color:inherit;animation:rise-in .45s var(--ease-spring) both;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.notes-list .note-card:nth-child(2){animation-delay:40ms}.notes-list .note-card:nth-child(3){animation-delay:80ms}.notes-list .note-card:nth-child(n+4){animation-delay:.12s}.note-card-header{align-items:center;gap:8px;display:flex}.note-card-emoji{font-size:18px}.note-card-title{flex:1;font-size:15px;font-weight:700}.note-pin-badge{font-size:13px}.note-card-preview{color:var(--ink-soft);text-overflow:ellipsis;-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.note-card-meta{color:var(--ink-faint);font-size:12px}.note-textarea{resize:vertical;min-height:120px;line-height:1.5}.note-detail-content{white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-bezel-sm);margin:0;padding:18px;font-size:16px;line-height:1.6}.note-reminder-badge{color:#cfc7ff;border-radius:var(--radius-sm);background:#7c5cff26;border:1px solid #7c5cff59;padding:11px 15px;font-size:13px;box-shadow:inset 0 1px #ffffff0f}.pin-btn{cursor:pointer;opacity:.4;background:0 0;border:none;padding:4px;font-size:20px}.pin-btn.active{opacity:1}.history-list{flex-direction:column;gap:12px;display:flex}.history-entry{border-left:2px solid var(--hairline-strong);flex-direction:column;gap:4px;padding-left:14px;display:flex}.history-title{font-size:14px;font-weight:700}.history-content{color:var(--ink-soft);white-space:pre-wrap;font-size:13px}.note-suggestion-banner{border-radius:var(--radius-md);background:#ff5c8a1a;border:1px solid #ff5c8a4d;flex-direction:column;gap:10px;padding:15px;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.profile-screen{height:100dvh;padding:22px;padding-top:calc(22px + var(--safe-top));padding-bottom:calc(104px + var(--safe-bottom));flex-direction:column;gap:20px;display:flex;overflow-y:auto}.profile-avatar{background:var(--surface-2);border:1px solid var(--hairline);width:88px;height:88px;box-shadow:var(--shadow-bezel-sm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:46px;display:flex}.invite-card{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-bezel);text-align:center;flex-direction:column;gap:12px;padding:22px;display:flex}.invite-code{letter-spacing:5px;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;background:#0009;position:fixed;inset:0}.sheet{margin:0 8px calc(8px + var(--safe-bottom));z-index:41;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-xl);max-height:70dvh;box-shadow:var(--shadow-bezel-lg);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.sheet-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:700;display:flex}.sheet-body{flex-direction:column;gap:12px;padding:14px 20px;display:flex;overflow-y:auto}.reply-row{gap:8px;font-size:14px;display:flex}.reply-author{font-weight:700}.sheet-input-row{border-top:1px solid var(--hairline);gap:8px;padding:14px 20px;display:flex}.sheet-input-row input{border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--surface-1);color:#fff;outline:none;flex:1;padding:12px 14px;transition:border-color .2s}.sheet-input-row input:focus{border-color:var(--accent-2)}.sheet-send{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;padding:0 16px;font-weight:700;box-shadow:inset 0 1px #ffffff40}