@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Nunito:wght@700;800&family=Zen+Kurenaido&display=swap";.avatar-crop-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;overflow-y:auto;padding:18px;background:#0c1227d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.avatar-crop-dialog{width:min(410px,100%);border:2px solid #172249;background:#f7ead7;color:#172249;padding:18px;box-shadow:7px 7px #e56f88}.avatar-crop-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar-crop-dialog h2{margin:0;color:#172249;font-family:Zen Kurenaido,sans-serif;font-size:24px;font-weight:400}.avatar-crop-dialog header button{display:grid;place-items:center;border:0;background:transparent;color:#172249;padding:5px;cursor:pointer}.avatar-crop-dialog>p{margin:7px 0 15px;color:#65677a;font-size:11px}.avatar-crop-viewport{position:relative;width:min(72vw,288px);aspect-ratio:1;margin:0 auto;overflow:hidden;background:#151515;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-viewport img{position:absolute;top:50%;left:50%;display:block;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-crop-mask{position:absolute;inset:8px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 999px #0000008c;pointer-events:none}.avatar-crop-zoom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:17px 0;color:#65677a;font-size:10px}.avatar-crop-zoom input{width:100%;accent-color:#e56f88}.avatar-crop-buttons{display:grid;grid-template-columns:1fr 1.5fr;gap:9px}.avatar-crop-buttons button{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:6px;border:2px solid #172249;color:#172249;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.avatar-crop-cancel{background:#fff8e9}.avatar-crop-confirm{background:#f7d783;box-shadow:3px 3px #e56f88}.avatar-crop-confirm:disabled{cursor:wait;opacity:.65}@media(max-width:600px){.avatar-crop-backdrop{place-items:start center;padding:12px 10px calc(20px + env(safe-area-inset-bottom))}.avatar-crop-dialog{margin-top:max(8px,env(safe-area-inset-top));padding:15px;box-shadow:5px 5px #e56f88}.avatar-crop-dialog h2{font-size:22px}.avatar-crop-viewport{width:min(76vw,300px)}.avatar-crop-buttons button{min-height:47px;font-size:12px}}.room-chat{border-top:1px solid var(--line);background:#fffdfa}.room-chat>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 21px 12px}.room-chat>header h2{display:flex;align-items:center;gap:7px;margin:2px 0 0;font-size:17px}.room-chat-controls{display:flex;align-items:center;gap:12px}.room-live-dot{display:inline-flex;align-items:center;gap:5px;color:#44705b;font-size:9px;font-weight:700}.room-live-dot:before{width:7px;height:7px;border-radius:50%;background:#55a779;content:"";box-shadow:0 0 0 3px #55a77926}.room-expand-button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#53615b;padding:7px 9px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.room-expand-button:hover{border-color:#9db9ad;color:var(--green-dark)}.room-message-list{display:grid;align-content:start;gap:12px;height:min(48vh,430px);min-height:270px;overflow-y:auto;border-block:1px solid var(--line);background:#f4f0e9;padding:17px;overscroll-behavior:contain}.room-chat-empty{display:grid;place-items:center;align-self:center;color:var(--muted);text-align:center}.room-chat-empty p{max-width:250px;font-size:11px;line-height:1.7}.room-message{display:flex;align-items:flex-end;gap:8px;max-width:86%}.room-message.own{justify-self:end}.room-message-avatar{width:34px;height:34px;flex:0 0 34px}.room-message.own .room-message-avatar{margin-left:1px}.room-message-body{min-width:0}.room-message-body>strong{display:flex;align-items:baseline;gap:6px;margin:0 0 4px 3px;font-size:10px}.room-message-body>strong small{color:var(--muted);font-size:8px;font-weight:400}.room-message-body>p{margin:0;border:1px solid #d9d8cf;border-radius:5px 14px 14px;background:#fff;padding:9px 12px;color:#34413c;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.room-message.own .room-message-body>p{border-color:#bed5c8;border-radius:14px 5px 14px 14px;background:#dcecdf}.room-message-body time{display:block;margin:3px 4px 0;color:#8a8d86;font-size:8px}.room-message.own .room-message-body time{text-align:right}.room-composer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;padding:13px 17px 17px}.room-composer textarea{width:100%;min-height:48px;resize:none;border:1px solid var(--line);border-radius:15px;background:#fff;padding:10px 13px;outline:0;font:inherit;font-size:12px;line-height:1.5}.room-composer textarea:focus{border-color:#8fb2a0;box-shadow:0 0 0 3px #8fb2a026}.room-composer .primary-button{min-height:43px;border-radius:13px}.room-join-hint{margin:0;padding:14px 18px;color:var(--muted);font-size:10px;text-align:center}.room-chat.expanded{position:fixed;inset:0;z-index:60;display:flex;width:100%;height:100dvh;flex-direction:column;border:0;background:#fffdfa}.room-chat.expanded>header{flex:0 0 auto;padding-top:max(14px,env(safe-area-inset-top))}.room-chat.expanded .room-message-list{flex:1 1 auto;width:100%;height:auto;min-height:0}.room-chat.expanded .room-composer{position:static;flex:0 0 auto}.room-chat.expanded .room-join-hint{flex:0 0 auto;padding-bottom:max(14px,env(safe-area-inset-bottom))}@media(max-width:600px){.room-chat>header{padding-inline:15px}.room-chat-controls{gap:8px}.room-live-dot{display:none}.room-expand-button{min-width:42px;min-height:38px;justify-content:center;padding:7px}.room-expand-button span{display:none}.room-message-list{height:52vh;min-height:300px;padding:14px 11px}.room-message{max-width:92%}.room-message-body>p{font-size:13px}.room-composer{position:sticky;bottom:0;grid-template-columns:1fr 46px;padding:10px 11px calc(10px + env(safe-area-inset-bottom));background:#fffdfa}.room-composer textarea{min-height:50px;font-size:16px}.room-composer .primary-button{width:46px;min-height:46px;padding:0}.room-composer .primary-button span{display:none}.room-chat.expanded .room-message-list{height:auto;min-height:0;padding-bottom:18px}}:root{color:#2f3b37;background:#f8f7f2;font-family:"M PLUS Rounded 1c",system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--green: #247c65;--green-dark: #17624f;--green-soft: #e5f2ec;--cream: #f8f7f2;--line: #e4e5df;--muted: #75817c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-loading{display:grid;min-height:100vh;place-items:center;background:#f4eadb}.app-loading .brand-mark{animation:retro-pulse 1.1s ease-in-out infinite alternate}.retro-landing{--retro-ink: #172249;--retro-blue: #287c9e;--retro-sky: #83ccd0;--retro-pink: #e56f88;--retro-peach: #f3a279;--retro-yellow: #f7d783;--retro-paper: #f7ead7;position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 84% 12%,rgb(247 215 131 / 45%),transparent 27rem),linear-gradient(180deg,#f8eddd,#f6e2ce 55%,#e8c7ba);color:var(--retro-ink)}.retro-noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:multiply}.retro-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:27px 0 18px;border-bottom:1px solid rgb(23 34 73 / 22%)}.retro-logo{display:flex;align-items:center;gap:10px;font:800 28px/1 Nunito,sans-serif;letter-spacing:-.04em}.retro-logo-mark{display:grid;width:38px;height:38px;place-items:center;border:2px solid var(--retro-ink);border-radius:50% 50% 50% 10%;background:var(--retro-yellow);box-shadow:4px 4px 0 var(--retro-pink);font-size:26px}.retro-header-link{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--retro-ink);padding:5px 0;font-size:12px;font-weight:700;letter-spacing:.08em}.retro-hero{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(30px,5vw,80px);width:min(1180px,calc(100% - 48px));min-height:680px;margin:0 auto;padding:55px 0 75px}.retro-copy{position:relative;z-index:3}.retro-kicker{display:flex;align-items:center;gap:8px;margin:0 0 19px;color:var(--retro-pink);font:800 11px/1.4 Nunito,sans-serif;letter-spacing:.17em;text-transform:uppercase}.retro-copy h1{margin:0;color:var(--retro-ink);font-family:Zen Kurenaido,sans-serif;font-size:clamp(42px,5.2vw,72px);font-weight:400;line-height:1.18;letter-spacing:.02em}.retro-copy h1 em{color:var(--retro-pink);font-style:normal;background:linear-gradient(transparent 72%,#f7d783bf 0)}.retro-lead{margin:25px 0;color:#3f4a68;font-size:14px;line-height:2}.retro-cta{display:inline-flex;align-items:center;gap:22px;border:2px solid var(--retro-ink);background:var(--retro-pink);color:#fff;padding:14px 20px;box-shadow:6px 6px 0 var(--retro-ink);font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.retro-cta:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--retro-ink)}.retro-cta:disabled{opacity:.68;cursor:wait}.retro-caption{margin:14px 0 0;color:#7b7180;font-size:9px;letter-spacing:.04em}.retro-login-notice{margin:10px 0 0;color:#a23e58;font-size:10px;line-height:1.6}.retro-visual{position:relative;min-width:0;padding:18px 8px 45px 20px}.retro-sun{position:absolute;top:-25px;right:-55px;width:270px;height:270px;border-radius:50%;background:repeating-linear-gradient(to bottom,var(--retro-peach) 0 13px,transparent 13px 19px);opacity:.48}.retro-image-frame{position:relative;z-index:2;transform:rotate(1.2deg);border:9px solid #fff8e9;background:#fff8e9;box-shadow:14px 17px #172249e5,0 24px 60px #3e304938}.retro-image-frame:after{position:absolute;inset:0;content:"";box-shadow:inset 0 0 0 1px #17224933;pointer-events:none}.retro-image-frame img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.retro-image-label{position:absolute;right:13px;bottom:12px;display:grid;border:1px solid var(--retro-ink);background:#f7ead7e3;padding:7px 10px;text-align:right;transform:rotate(-2deg)}.retro-image-label span{font:800 12px/1 Nunito,sans-serif;letter-spacing:.2em}.retro-image-label small{margin-top:3px;font-size:7px;letter-spacing:.1em}.retro-tape{position:absolute;z-index:3;width:92px;height:26px;background:#f7d783c2;box-shadow:0 1px 2px #1722491f}.tape-one{top:-14px;left:9%;transform:rotate(-7deg)}.tape-two{right:8%;bottom:-12px;transform:rotate(6deg)}.retro-handwritten{position:absolute;z-index:3;right:15px;bottom:-9px;margin:0;color:var(--retro-blue);font-family:Zen Kurenaido,sans-serif;font-size:20px;transform:rotate(-3deg)}.retro-timeline-demo{position:relative;z-index:3;width:min(960px,calc(100% - 48px));margin:45px auto 0;padding:75px 0 55px}.retro-demo-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}.retro-demo-heading .retro-kicker{margin-bottom:8px}.retro-demo-heading h2{margin:0;color:var(--retro-ink);font-family:Zen Kurenaido,sans-serif;font-size:clamp(29px,4vw,44px);font-weight:400}.retro-demo-heading>span{flex:0 0 auto;border:1px solid var(--retro-ink);background:var(--retro-yellow);padding:6px 10px;font-size:9px;font-weight:700;letter-spacing:.08em;transform:rotate(2deg)}.retro-demo-window{overflow:hidden;border:2px solid var(--retro-ink);background:#fffaf0;box-shadow:12px 12px 0 var(--retro-blue)}.retro-demo-window>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--retro-ink);background:#f2c9c0;padding:11px 15px}.retro-demo-window>header>div{display:flex;gap:6px}.retro-window-dot{width:9px;height:9px;border:1px solid var(--retro-ink);border-radius:50%;background:var(--retro-pink)}.retro-window-dot:nth-child(2){background:var(--retro-yellow)}.retro-window-dot:nth-child(3){background:var(--retro-sky)}.retro-demo-window>header strong{font:800 10px/1 Nunito,sans-serif;letter-spacing:.1em}.retro-demo-window>header small{justify-self:end;color:#6d6576;font-size:8px;letter-spacing:.16em}.retro-demo-posts{display:grid}.retro-demo-post{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:20px 24px 13px;border-bottom:1px solid rgb(23 34 73 / 18%)}.retro-demo-post:last-child{border-bottom:0}.retro-demo-post>img{width:54px;height:54px;border:2px solid var(--retro-ink);border-radius:50%;object-fit:cover;box-shadow:3px 3px 0 var(--retro-yellow)}.retro-demo-post>div{min-width:0}.retro-demo-meta{display:flex;align-items:center;gap:6px;margin:0;color:#787585;font-size:10px}.retro-demo-meta strong{color:var(--retro-ink);font-size:13px}.retro-demo-tag{display:inline-block;margin-top:8px;border:1px solid #d57b8c;background:#f7d9dd;color:#9e4960;padding:3px 8px;font-size:8px;font-weight:700}.retro-demo-tag.blue{border-color:#68a9b5;background:#d8eff0;color:#347686}.retro-demo-body{margin:8px 0 10px;color:#333b59;font-size:12px;line-height:1.8}.retro-demo-actions{display:flex;gap:55px;margin:0;color:#858493;font-size:9px}.retro-demo-actions span{display:flex;align-items:center;gap:6px}.retro-demo-note{margin:20px 0 0;color:#7d7581;font-size:8px;text-align:right}.retro-story{position:relative;width:min(1050px,calc(100% - 48px));margin:0 auto;padding:125px 0 135px}.retro-section-heading{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:18px;margin-bottom:55px}.retro-section-heading>span{grid-row:1 / 3;color:var(--retro-pink);font:800 63px/.8 Nunito,sans-serif;opacity:.85}.retro-section-heading p{margin:0 0 5px;color:var(--retro-blue);font-size:10px;font-weight:700;letter-spacing:.2em}.retro-section-heading h2{margin:0;color:var(--retro-ink);font-family:Zen Kurenaido,sans-serif;font-size:clamp(31px,4vw,48px);font-weight:400;line-height:1.35}.retro-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.retro-feature-grid article{position:relative;min-height:245px;border:2px solid var(--retro-ink);background:#fff8e99e;padding:28px 24px;box-shadow:7px 7px 0 var(--retro-ink)}.retro-feature-grid article:nth-child(2){transform:translateY(22px);background:#83ccd040}.retro-feature-grid article:nth-child(3){background:#e56f881f}.retro-feature-icon{display:grid;width:48px;height:48px;margin-bottom:23px;place-items:center;border:1px solid var(--retro-ink);border-radius:50%;background:var(--retro-yellow);color:var(--retro-ink)}.retro-feature-grid article>small{color:var(--retro-pink);font:800 9px/1 Nunito,sans-serif;letter-spacing:.2em}.retro-feature-grid h3{margin:8px 0 10px;font-family:Zen Kurenaido,sans-serif;font-size:23px;font-weight:400}.retro-feature-grid p{margin:0;color:#5d6073;font-size:11px;line-height:1.9}.retro-login-section{position:relative;display:grid;grid-template-columns:1fr 360px;gap:clamp(40px,8vw,120px);align-items:center;padding:95px max(24px,calc((100% - 1050px)/2));background:var(--retro-ink);color:var(--retro-paper)}.retro-login-section:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 49.7%,rgb(131 204 208 / 12%) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgb(131 204 208 / 10%) 50%,transparent 50.3%);background-size:42px 42px;-webkit-mask-image:linear-gradient(to top,black,transparent 75%);mask-image:linear-gradient(to top,black,transparent 75%)}.retro-login-copy,.retro-auth-wrap{position:relative;z-index:2}.retro-login-copy>svg{color:var(--retro-yellow)}.retro-login-copy h2{margin:13px 0 17px;color:#fff;font-family:Zen Kurenaido,sans-serif;font-size:clamp(34px,4.2vw,52px);font-weight:400;line-height:1.4}.retro-login-copy>p:last-child{max-width:520px;margin:0;color:#bfc7d7;font-size:12px;line-height:1.9}.retro-auth-wrap .auth-card{margin:0;border:2px solid var(--retro-paper);border-radius:0;background:var(--retro-paper);color:var(--retro-ink);padding:25px;box-shadow:9px 9px 0 var(--retro-pink)}.retro-auth-wrap .google-button{border:2px solid var(--retro-ink);border-radius:0;box-shadow:4px 4px 0 var(--retro-ink)}.retro-auth-wrap .eyebrow{color:var(--retro-pink)}.retro-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px;border-top:1px solid rgb(23 34 73 / 22%);padding:40px max(24px,calc((100% - 1180px)/2));background:var(--retro-paper)}.retro-footer>div{display:flex;gap:20px;font-size:10px}.retro-footer>small{color:#77788a;font-size:9px}@keyframes retro-pulse{to{transform:translateY(-5px) rotate(-3deg)}}@media(max-width:820px){.retro-hero{grid-template-columns:1fr;padding-top:38px}.retro-copy{max-width:620px}.retro-visual{width:min(680px,95%);margin:0 auto}.retro-feature-grid{grid-template-columns:1fr}.retro-feature-grid article:nth-child(2){transform:none}.retro-login-section{grid-template-columns:1fr}.retro-auth-wrap{width:min(390px,100%)}}@media(max-width:560px){.retro-header,.retro-hero,.retro-story{width:min(100% - 30px,1180px)}.retro-header{padding-top:18px}.retro-logo{font-size:23px}.retro-logo-mark{width:33px;height:33px;font-size:22px}.retro-hero{min-height:auto;gap:36px;padding-bottom:62px}.retro-copy h1{font-size:43px}.retro-lead br{display:none}.retro-visual{width:100%;padding:7px 2px 34px}.retro-image-frame{border-width:6px;box-shadow:8px 10px 0 var(--retro-ink)}.retro-handwritten{right:0;font-size:16px}.retro-timeline-demo{width:calc(100% - 30px);margin-top:15px;padding-block:70px 30px}.retro-demo-heading{display:grid;gap:15px}.retro-demo-heading>span{justify-self:start}.retro-demo-window{box-shadow:7px 7px 0 var(--retro-blue)}.retro-demo-window>header{grid-template-columns:1fr auto}.retro-demo-window>header strong{display:none}.retro-demo-post{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:16px 13px 10px}.retro-demo-post>img{width:44px;height:44px}.retro-demo-meta{gap:4px}.retro-demo-meta span:first-of-type{overflow:hidden;max-width:92px;text-overflow:ellipsis}.retro-demo-body{font-size:11px}.retro-demo-actions{gap:40px}.retro-story{padding-block:90px}.retro-section-heading{grid-template-columns:1fr}.retro-section-heading>span{grid-row:auto;margin-bottom:18px}.retro-feature-grid article{min-height:220px}.retro-login-section{padding-block:75px}.retro-footer{grid-template-columns:1fr;justify-items:start}}.app-shell{display:grid;grid-template-columns:240px minmax(0,620px) 310px;max-width:1210px;min-height:100vh;margin:0 auto}.sidebar{position:sticky;top:0;height:100vh;padding:30px 22px;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin:0 8px 34px;color:#24433a;font:800 28px/1 Nunito,sans-serif}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:14px 14px 14px 5px;background:var(--green);color:#fff;font-size:27px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:14px;color:#59645f;font-weight:500}.nav-item{width:100%;border:0;background:transparent;font-family:inherit;font-size:inherit;text-align:left;cursor:pointer}.nav-item:hover{background:#efefea}.nav-item.active{background:var(--green-soft);color:var(--green-dark);font-weight:700}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--green);color:#fff;padding:10px 21px;font-weight:700;cursor:pointer;transition:.18s ease}.primary-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.42;cursor:default}.sidebar-post{width:100%;margin-top:27px;padding:13px}.sidebar-note{position:absolute;bottom:26px;left:22px;right:22px;display:flex;gap:10px;color:var(--muted);font-size:12px;line-height:1.6}.timeline{min-height:100vh;border-right:1px solid var(--line)}.timeline-header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:end;min-height:84px;padding:16px 22px;border-bottom:1px solid var(--line);background:#f8f7f2e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0 0 3px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;color:#293732;font-size:22px}.timeline-mode{color:var(--muted);font-size:12px}.composer{display:flex;gap:14px;padding:22px;border-bottom:1px solid var(--line);background:#fbfaf6}.avatar{flex:0 0 auto;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#cddfd9;color:#31574b;font-weight:700}.avatar-0{background:#eadfc8;color:#755e39}.avatar-1{background:#d7e4da;color:#436451}.avatar-2{background:#ddd9e9;color:#5f5676}.self{background:#d8e9e2;color:var(--green)}.avatar img,.public-profile-avatar img,.onboarding-avatar-preview img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.composer-body{flex:1;min-width:0}textarea{width:100%;padding:7px 2px;resize:none;border:0;outline:0;background:transparent;color:#2f3b37;font-size:16px;line-height:1.75}textarea::placeholder{color:#9ba39f}textarea:disabled{cursor:not-allowed;opacity:.72}.composer-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-top:8px;border-top:1px solid #ecece7}.login-hint{margin-right:auto;color:var(--muted);font-size:10px}.counter{color:#9ba39f;font-size:11px}.counter.warning{color:#bc6256}.post{display:flex;gap:14px;padding:21px 22px 12px;border-bottom:1px solid var(--line);background:#fdfcf8;transition:background .18s}.timeline-message{margin:0;padding:17px 22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}.post:hover{background:#fff}.post-body{flex:1;min-width:0}.post-meta{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:12px}.post-meta strong{color:#2f3b37;font-size:14px}.post-meta span:first-of-type{overflow:hidden;text-overflow:ellipsis}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.more{margin-left:auto}.tag{display:inline-block;margin-top:11px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);padding:4px 9px;font-size:10px;font-weight:700}.post p{margin:9px 0 14px;color:#39443f;font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.post-actions{display:flex;max-width:260px;justify-content:space-between}.action{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#87908c;padding:5px;cursor:pointer;font-size:11px}.action:hover,.action.liked{color:#c75f6c}.action.bookmark:hover{color:var(--green)}.right-rail{padding:23px 0 30px 24px}.welcome-card,.topics-card,.auth-card{border:1px solid var(--line);border-radius:20px;background:#fdfcf8;padding:21px}.auth-card{margin-bottom:16px}.google-auth-card h2{margin:3px 0 7px;font-size:17px}.google-auth-copy{margin:0 0 15px;color:var(--muted);font-size:11px;line-height:1.7}.google-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid #d8dcd7;border-radius:999px;background:#fff;color:#35413d;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px #19282214}.google-button:hover:not(:disabled){border-color:#b8c2bd;background:#fdfefd}.google-button:disabled{opacity:.55;cursor:wait}.google-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;color:#4285f4;font:800 16px/1 Arial,sans-serif}.auth-consent{display:block;margin-top:12px;color:#939c98;font-size:9px;line-height:1.6;text-align:center}.auth-tag-details{margin:0 0 13px;border:1px solid var(--line);border-radius:13px;background:#fff}.auth-tag-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;color:#4e5e57;font-size:10px;font-weight:700;cursor:pointer;list-style:none}.auth-tag-details>summary::-webkit-details-marker{display:none}.auth-tag-details>summary:after{content:"＋";margin-left:auto;color:var(--green);font-size:14px}.auth-tag-details[open]>summary:after{content:"−"}.auth-tag-details>summary small{color:var(--muted);font-size:8px;white-space:nowrap}.auth-tag-details .profile-tag-selector{border-top:1px solid var(--line);padding:10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:-8px -8px 14px;padding:4px;border-radius:12px;background:#eeeee8}.auth-tabs button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:8px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--green-dark);box-shadow:0 1px 4px #1e322b1a}.auth-card form{display:grid;gap:10px}.auth-card label{display:grid;gap:5px;color:#59645f;font-size:11px;font-weight:700}.auth-card input{width:100%;border:1px solid #dfe2dc;border-radius:10px;background:#fff;color:#2f3b37;padding:9px 10px;outline:0}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #247c651a}.auth-card form .primary-button{margin-top:4px}.auth-notice{margin:0;color:#8c5c51;font-size:11px;line-height:1.6}.signed-in{display:grid;gap:7px}.signed-in strong,.signed-in small{overflow-wrap:anywhere}.signed-in small{color:var(--muted)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:7px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5d6964;padding:8px 12px;cursor:pointer}.welcome-card{background:linear-gradient(145deg,#e4f0e9,#f4f0e1)}.card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#ffffffad;color:var(--green);font-weight:700}.right-rail h2{margin:13px 0 8px;color:#30423b;font-size:16px;line-height:1.55}.welcome-card p{margin:0;color:#607169;font-size:12px;line-height:1.8}.topics-card{margin-top:16px}.topics-card h2{margin-top:0}.topics-card a{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #ecece7;font-size:12px}.topics-card a span{font-weight:700}.topics-card small{color:var(--muted)}footer{display:flex;flex-wrap:wrap;gap:8px 14px;padding:20px 7px;color:#8c9591;font-size:10px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--green-dark);padding:5px;font-size:11px;font-weight:700;cursor:pointer}.settings-card{margin-bottom:16px;border:1px solid var(--line);border-radius:20px;background:#fdfcf8;padding:18px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title h2{margin:0}.settings-form{display:grid;gap:10px;margin-top:14px}.settings-form label,.standalone-label{display:grid;gap:5px;color:#59645f;font-size:11px;font-weight:700}.settings-form input,.standalone-label input,.settings-form textarea{width:100%;border:1px solid #dfe2dc;border-radius:10px;background:#fff;color:#2f3b37;padding:9px 10px;outline:0}.settings-divider{height:1px;margin:17px 0;background:var(--line)}.full{width:100%}.danger-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:18px;border:1px solid #edc9c9;border-radius:999px;background:#fff8f7;color:#a64848;padding:8px 12px;cursor:pointer}.profile-tag-selector{display:grid;gap:10px;min-width:0;border:1px solid var(--line);border-radius:13px;background:#fbfaf7;padding:12px}.profile-tag-selector-heading{display:flex;align-items:center;justify-content:space-between;color:#4b5a54;font-size:11px}.profile-tag-selector-heading strong{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.profile-tag-selector-heading strong small,.optional-field-badge{border-radius:999px;background:#edf1ef;color:var(--muted);padding:3px 7px;font-size:8px!important;font-weight:500!important}.profile-tag-selector-heading>span{color:var(--green-dark);font-size:10px}.profile-tag-help{margin:0;color:var(--muted);font-size:9px;font-weight:400;line-height:1.6}.profile-tag-groups{display:grid;gap:11px}.profile-tag-selector.compact .profile-tag-groups{max-height:250px;overflow-y:auto;padding-right:3px}.profile-tag-group h4{margin:0 0 6px;color:#68746f;font-size:9px}.profile-tag-options{display:flex;flex-wrap:wrap;gap:6px}.profile-tag-chip,.public-profile-tag{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--tag-border);border-radius:999px;background:var(--tag-bg);color:var(--tag-color);padding:5px 9px;font:inherit;font-size:9px;line-height:1.3}.profile-tag-chip{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.profile-tag-chip:hover:not(:disabled){transform:translateY(-1px)}.profile-tag-chip.selected{box-shadow:0 0 0 2px var(--tag-border);font-weight:700}.profile-tag-chip:disabled{opacity:.38;cursor:default}.profile-tag-limit{margin:0;color:#a26054;font-size:9px}.tone-0{--tag-bg: #e9f4ef;--tag-border: #b9d8cb;--tag-color: #356b59}.tone-1{--tag-bg: #f3efe2;--tag-border: #ddd0aa;--tag-color: #75633a}.tone-2{--tag-bg: #efecf6;--tag-border: #d1c8e3;--tag-color: #675b7e}.tone-3{--tag-bg: #eaf2f6;--tag-border: #bdd3df;--tag-color: #456b7c}.tone-4{--tag-bg: #f7ecee;--tag-border: #e2c3c9;--tag-color: #865864}.tone-5{--tag-bg: #f6f1df;--tag-border: #e1d39d;--tag-color: #796a35}.tone-6{--tag-bg: #f7eee7;--tag-border: #e3c9b5;--tag-color: #805f48}.tone-7{--tag-bg: #edf1ef;--tag-border: #cbd6d1;--tag-color: #596c64}.public-profile-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:410px;margin:18px auto 0}.public-profile-tag{font-size:10px}.public-profile-card{min-height:240px;padding:0 12px 24px;text-align:center}.public-profile-avatar{display:grid;place-items:center;width:78px;height:78px;margin:14px auto 11px;border-radius:50%;background:#d8e9e2;color:var(--green-dark);font-size:27px;font-weight:700}.public-profile-card h2{margin:0;color:#293732;font-size:21px}.public-profile-handle{margin:3px 0 0;color:var(--muted);font-size:11px}.public-profile-bio{max-width:380px;margin:18px auto 0;color:#4f5c57;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.post-menu-wrap{position:relative;margin-left:auto}.post-menu{position:absolute;top:27px;right:0;z-index:8;display:grid;width:190px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;padding:6px;box-shadow:0 12px 34px #23342e29}.post-menu>button,.report-options button{display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:transparent;color:#4e5b56;padding:9px 10px;text-align:left;cursor:pointer}.post-menu>button:hover,.report-options button:hover{background:#f2f3ef}.post-menu button:disabled{opacity:.45;cursor:default}.post-menu .danger-text{color:#ad4f4f}.report-options{display:grid;margin:2px 4px 5px 24px;border-left:2px solid #eee}.report-options button{padding:6px 9px;font-size:11px}.menu-note{padding:8px 10px;color:var(--muted);font-size:10px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#1c26226b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.reply-panel,.notifications-panel,.profile-modal{width:min(520px,100%);max-height:min(720px,88vh);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--cream);box-shadow:0 22px 70px #14231d3d}.reply-panel>header,.notifications-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--line);background:#f8f7f2f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reply-panel h2,.notifications-panel h2{margin:0;font-size:17px}.reply-list{display:grid}.reply{padding:15px 20px;border-bottom:1px solid var(--line);background:#fdfcf8}.reply strong{margin-right:8px;font-size:13px}.reply small{color:var(--muted)}.reply p{margin:7px 0 0;font-size:13px;line-height:1.7;white-space:pre-wrap}.reply-composer{display:grid;gap:10px;padding:16px 20px}.reply-composer textarea{border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px}.reply-composer button{justify-self:end}.empty-note{margin:0;padding:24px;color:var(--muted);font-size:12px;text-align:center}.read-all{margin:10px 16px 4px auto}.notification-list{display:grid}.notification{display:flex;gap:12px;padding:14px 19px;border-bottom:1px solid var(--line);background:#fdfcf8}.notification.unread{background:#edf6f1}.notification .avatar{width:36px;height:36px;font-size:11px}.notification strong{font-size:12px}.notification p{margin:2px 0;font-size:12px}.notification small{color:var(--muted);font-size:10px}.profile-modal{padding:18px}.profile-modal .settings-card{margin:0;border:0;padding:0}.profile-modal-close{display:flex;justify-content:flex-end;margin-bottom:5px}.onboarding-backdrop{--onboarding-ink: #172249;--onboarding-pink: #e56f88;--onboarding-yellow: #f7d783;--onboarding-paper: #f7ead7;position:fixed;inset:0;z-index:80;display:grid;place-items:center;overflow-x:hidden;overflow-y:auto;padding:24px;background:radial-gradient(circle at 85% 10%,rgb(247 215 131 / 60%),transparent 25rem),linear-gradient(145deg,#f8eddd,#e8c7ba)}.onboarding-backdrop:before{position:fixed;inset:0;content:"";pointer-events:none;opacity:.08;background-image:linear-gradient(var(--onboarding-ink) 1px,transparent 1px),linear-gradient(90deg,var(--onboarding-ink) 1px,transparent 1px);background-size:34px 34px}.onboarding-panel{position:relative;z-index:1;width:min(590px,100%);border:2px solid var(--onboarding-ink);border-radius:2px;background:var(--onboarding-paper);padding:30px;box-shadow:10px 10px 0 var(--onboarding-ink)}.onboarding-panel:before{position:absolute;top:-13px;left:12%;width:88px;height:24px;content:"";background:#f7d783c7;transform:rotate(-4deg)}.onboarding-back-button{display:inline-flex;align-items:center;gap:5px;margin:0 0 18px;border:0;background:transparent;color:var(--onboarding-ink);padding:0;font-size:11px;font-weight:700;cursor:pointer}.onboarding-back-button:hover{text-decoration:underline}.onboarding-brand{display:flex;align-items:center;gap:10px;color:var(--onboarding-ink);font:800 24px/1 Nunito,sans-serif}.onboarding-brand .brand-mark{width:34px;height:34px;border:2px solid var(--onboarding-ink);border-radius:50% 50% 50% 10%;background:var(--onboarding-yellow);color:var(--onboarding-ink);box-shadow:3px 3px 0 var(--onboarding-pink);font-size:23px}.onboarding-intro{display:flex;gap:13px;margin:28px 0 22px;color:var(--onboarding-pink)}.onboarding-intro>svg{flex:0 0 auto;margin-top:20px}.onboarding-kicker{margin:0 0 4px!important;color:#287c9e!important;font:800 9px/1.3 Nunito,sans-serif!important;letter-spacing:.16em}.onboarding-intro h1{margin:0;color:var(--onboarding-ink);font-family:Zen Kurenaido,sans-serif;font-size:29px;font-weight:400;line-height:1.35}.onboarding-intro p{margin:7px 0 0;color:#5d6073;font-size:12px;line-height:1.75}.onboarding-avatar-field{display:flex;align-items:center;gap:15px;border:2px solid var(--onboarding-ink);background:#fff8e9;padding:13px}.onboarding-avatar-preview{flex:0 0 auto;width:82px;height:82px;overflow:hidden;border:2px solid var(--onboarding-ink);border-radius:50%;background:var(--onboarding-yellow);box-shadow:4px 4px 0 var(--onboarding-pink)}.onboarding-avatar-actions{display:grid;min-width:0;gap:7px}.onboarding-avatar-actions>strong{color:var(--onboarding-ink);font-size:13px}.onboarding-avatar-actions>strong small,.onboarding-avatar-actions>small{color:#77788a;font-size:10px;font-weight:400}.onboarding-avatar-actions>div{display:flex;flex-wrap:wrap;gap:7px}.avatar-picker,.avatar-reset{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--onboarding-ink);background:var(--onboarding-yellow);color:var(--onboarding-ink);padding:7px 10px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.avatar-reset{background:transparent}.onboarding-panel .avatar-picker input{position:absolute;width:1px;height:1px;min-height:1px;margin:-1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;white-space:nowrap}.onboarding-panel form{display:grid;gap:16px}.onboarding-panel form>label{display:grid;gap:7px;color:var(--onboarding-ink);font-size:13px;font-weight:700}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-counter{justify-self:end;color:var(--muted);font-size:9px!important;font-weight:400!important}.onboarding-panel input,.onboarding-panel textarea{width:100%;min-height:47px;border:2px solid var(--onboarding-ink);border-radius:0;background:#fff8e9;color:var(--onboarding-ink);padding:11px 13px;outline:0;font-size:14px}.onboarding-panel textarea{min-height:96px}.onboarding-panel input:focus,.onboarding-panel textarea:focus{border-color:var(--onboarding-ink);box-shadow:4px 4px 0 var(--onboarding-pink)}.onboarding-panel label small{color:#77788a;font-size:10px;font-weight:400;line-height:1.5}.handle-input{display:flex;align-items:stretch;overflow:hidden;border:2px solid var(--onboarding-ink);background:#fff8e9}.handle-input:focus-within{box-shadow:4px 4px 0 var(--onboarding-pink)}.handle-input span{display:grid;place-items:center;padding-left:13px;color:#77788a}.handle-input input{flex:1;min-width:0;border:0;background:transparent;box-shadow:none!important}.handle-refresh{display:grid;flex:0 0 46px;place-items:center;border:0;border-left:1px solid rgb(23 34 73 / 25%);background:var(--onboarding-yellow);color:var(--onboarding-ink);cursor:pointer}.handle-refresh:hover{background:#f2c960}.onboarding-panel .profile-tag-selector{border:2px solid var(--onboarding-ink);border-radius:0;background:#fff8e9}.privacy-choice,.agreement-check{grid-template-columns:auto auto 1fr!important;align-items:center;border:2px solid var(--onboarding-ink);border-radius:0;background:#fff8e9;padding:13px;cursor:pointer}.privacy-choice input,.agreement-check input{width:17px;height:17px;min-height:17px;padding:0;accent-color:var(--onboarding-pink)}.privacy-choice span{display:grid;gap:3px}.agreement-check{grid-template-columns:auto 1fr!important;font-size:11px!important}.onboarding-submit{width:100%;min-height:50px;margin-top:3px;border:2px solid var(--onboarding-ink);border-radius:0;background:var(--onboarding-pink);box-shadow:5px 5px 0 var(--onboarding-ink);padding-block:12px}.onboarding-submit:hover:not(:disabled){background:#d85f7a;box-shadow:2px 2px 0 var(--onboarding-ink);transform:translate(3px,3px)}@media(max-width:600px){.onboarding-backdrop{place-items:start center;padding:8px 8px calc(24px + env(safe-area-inset-bottom))}.onboarding-panel{width:100%;margin:0;padding:21px 15px 27px;box-shadow:5px 5px 0 var(--onboarding-ink)}.onboarding-panel:before{top:-8px;width:68px;height:17px}.onboarding-brand{font-size:24px}.onboarding-intro{gap:10px;margin:24px 0 20px}.onboarding-avatar-field{gap:12px;padding:11px}.onboarding-avatar-preview{width:76px;height:76px}.onboarding-avatar-actions>strong{font-size:14px}.avatar-picker,.avatar-reset{min-height:38px;font-size:11px}.onboarding-intro>svg{width:20px;margin-top:18px}.onboarding-intro h1{font-size:28px}.onboarding-intro p{font-size:13px;line-height:1.7}.onboarding-panel form{gap:17px}.onboarding-panel form>label{font-size:14px}.onboarding-panel input,.onboarding-panel textarea{min-height:50px;padding:12px;font-size:16px}.onboarding-panel textarea{min-height:104px}.onboarding-panel label small{font-size:11px}.onboarding-panel .privacy-choice input,.onboarding-panel .agreement-check input{width:20px;height:20px;min-height:20px;padding:0}.onboarding-panel .profile-tag-selector-heading{font-size:13px}.onboarding-panel .profile-tag-help,.onboarding-panel .profile-tag-group h4{font-size:11px}.onboarding-panel .profile-tag-chip{min-height:35px;padding:7px 10px;font-size:11px}.privacy-choice,.agreement-check{padding:13px 11px}.privacy-choice strong{font-size:13px}.agreement-check{font-size:12px!important;line-height:1.6}.onboarding-submit{min-height:52px;font-size:14px}}.search-view{min-height:100vh}.search-form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:17px 21px;border-bottom:1px solid var(--line);background:#fbfaf6;color:var(--muted)}.search-form input{min-width:0;border:1px solid var(--line);border-radius:999px;background:#fff;color:#2f3b37;padding:10px 15px;outline:0}.search-results{display:grid}.search-results>section{border-bottom:1px solid var(--line);padding:18px 21px}.search-results h2{margin:0 0 10px;font-size:14px}.search-results h2 span{color:var(--muted);font-size:10px}.search-profile,.search-community{display:flex;align-items:flex-start;gap:11px;width:100%;border:0;border-radius:12px;background:transparent;color:inherit;padding:10px;text-align:left;cursor:pointer}.search-profile:hover,.search-community:hover{background:#f1f2ed}.search-profile>span:last-child,.search-community>span{display:grid;flex:1;gap:2px;min-width:0}.search-profile strong{display:flex;align-items:center;gap:5px}.search-profile small,.search-post small{color:var(--muted)}.search-profile p,.search-community p,.search-post p{margin:4px 0 0;color:#58645f;font-size:11px;line-height:1.6}.search-post{padding:11px 10px;border-bottom:1px solid #edeee9}.search-post strong{margin-right:7px;font-size:12px}.privacy-settings .panel-title h3{margin:0;font-size:14px}.toggle-list{display:grid;margin:12px 0}.toggle-list>label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}.toggle-list label>span{display:grid;gap:3px}.toggle-list strong{font-size:11px}.toggle-list small{color:var(--muted);font-size:9px;line-height:1.5}.toggle-list input{width:34px;height:19px;accent-color:var(--green)}.privacy-list{margin-top:18px}.privacy-list h4{display:flex;align-items:center;gap:6px;margin:0 0 7px;font-size:11px}.privacy-list>p{color:var(--muted);font-size:10px}.privacy-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.privacy-row>span:nth-child(2),.privacy-row>span:first-child:not(.avatar){display:grid;flex:1}.privacy-row .avatar{width:30px;height:30px;font-size:10px}.privacy-row strong{font-size:10px}.privacy-row small{color:var(--muted);font-size:9px}.privacy-row>div{display:flex;gap:5px}.profile-lock{margin-left:6px;vertical-align:-1px;color:var(--muted)}.profile-follow{margin:12px auto 2px}@media(max-width:1000px){.app-shell{grid-template-columns:88px minmax(0,620px) 280px}.sidebar{padding-inline:14px}.brand{justify-content:center;margin-inline:0}.brand>span:last-child,.nav-item span,.sidebar-post:not(svg),.sidebar-note span{display:none}.nav-item{justify-content:center}.sidebar-post{width:52px;height:52px;margin-inline:auto;padding:0;font-size:0}}@media(max-width:760px){.app-shell{display:block;padding-bottom:68px}.timeline{border-right:0}.sidebar{position:fixed;inset:auto 0 0;z-index:10;width:auto;height:66px;padding:8px 14px;border:0;border-top:1px solid var(--line);background:#f8f7f2f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar .brand,.sidebar-post,.sidebar-note{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-item{padding:10px 14px}.nav-item span,.right-rail{display:none}.timeline-header{min-height:70px}}@media(max-width:460px){.composer,.post{padding-inline:15px;gap:11px}.avatar{width:39px;height:39px;font-size:12px}.post-meta{gap:4px}.post-meta span:first-of-type{max-width:90px}}.nav-icon-wrap{position:relative;display:grid;place-items:center;flex:0 0 auto}.notification-badge{position:absolute;top:-7px;right:-11px;display:grid;min-width:18px;height:18px;place-items:center;border:2px solid var(--cream);border-radius:999px;background:#c65d66;color:#fff;padding:0 4px;font-size:8px;font-weight:700;line-height:1}.compact{margin:0;padding:8px 14px;font-size:12px}.community-login-gate,.community-empty{display:grid;justify-items:center;padding:72px 28px;color:var(--muted);text-align:center}.community-login-gate svg,.community-empty svg{color:#9eb8ae}.community-login-gate h2,.community-empty h2{margin:14px 0 5px;color:#34463f;font-size:18px}.community-login-gate p,.community-empty p{max-width:390px;margin:0 0 18px;font-size:12px;line-height:1.8}.community-toolbar{padding:15px 20px;border-bottom:1px solid var(--line);background:#fbfaf6}.community-toolbar label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:9px 14px}.community-toolbar input{width:100%;border:0;outline:0;background:transparent;color:#2f3b37;font:inherit;font-size:12px}.community-notice{margin:0;border-bottom:1px solid #dfebe5;background:#eef6f2;color:#49675b;padding:11px 20px;font-size:11px;line-height:1.6}.community-grid{display:grid;gap:1px;background:var(--line)}.community-card{position:relative;display:flex;align-items:center;gap:14px;width:100%;border:0;background:#fdfcf8;color:inherit;padding:18px 20px;text-align:left;cursor:pointer;transition:background .18s}.community-card:hover{background:#fff}.community-image{flex:0 0 auto;display:grid;width:64px;height:64px;place-items:center;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#d8ebe2,#eee7d7);color:var(--green-dark);font-size:22px;font-weight:700}.community-image.large{width:96px;height:96px;border-radius:25px;font-size:32px}.community-image img{width:100%;height:100%;object-fit:cover}.community-card-copy{display:grid;min-width:0;gap:5px;padding-right:52px}.community-card-title{overflow:hidden;color:#2c3b35;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.community-card-description{display:-webkit-box;overflow:hidden;color:#66736e;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.community-card-meta{display:flex;gap:12px;color:var(--muted);font-size:10px}.community-card-meta span{display:flex;align-items:center;gap:4px}.community-card-copy>small{color:#929b97;font-size:9px}.membership-chip{position:absolute;top:17px;right:18px;border-radius:999px;background:#edf1ef;color:#64716c;padding:4px 8px;font-size:9px;font-weight:700}.membership-chip.owner{background:#e5f2ec;color:var(--green-dark)}.membership-chip.pending{background:#f4ead8;color:#896a35}.community-detail-header{align-items:center}.community-hero{display:flex;gap:18px;padding:24px 22px 20px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#fdfcf8,#edf4ef)}.community-hero-copy{min-width:0}.community-hero h1{margin-top:8px;font-size:23px;overflow-wrap:anywhere}.community-badges{display:flex;flex-wrap:wrap;gap:7px}.community-policy,.owner-badge,.pending-label,.member-label{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#ffffffb8;color:#607068;padding:4px 8px;font-size:10px;font-weight:700}.owner-badge,.member-label{background:var(--green-soft);color:var(--green-dark)}.pending-label{background:#f5ead6;color:#826731}.community-owner,.community-member-count{margin:5px 0 0;color:#68766f;font-size:10px}.community-owner span{color:#89928e}.community-member-count{display:flex;align-items:center;gap:5px}.community-description,.join-request-section,.community-members-section{border-bottom:1px solid var(--line);background:#fdfcf8;padding:20px 22px}.community-description h2,.join-request-section h2,.community-members-section h2{margin:0;color:#34433d;font-size:15px}.community-description p{margin:9px 0 0;color:#53615b;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.community-join-area{display:flex;align-items:center;gap:10px;min-height:64px;border-bottom:1px solid var(--line);background:#fbfaf6;padding:12px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading>span,.request-count{color:var(--muted);font-size:10px}.request-count{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#c65d66;color:#fff}.join-request{display:flex;align-items:center;gap:10px;border-top:1px solid #ecece7;padding:12px 0}.join-request>div:nth-child(2),.member-card>div:nth-child(2){display:grid;min-width:0}.join-request strong,.member-card strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.join-request small,.member-card small{color:var(--muted);font-size:9px}.request-actions{display:flex;gap:6px;margin-left:auto}.approve-button,.reject-button{display:inline-flex;align-items:center;gap:4px;border:1px solid #cfe2d9;border-radius:999px;background:#edf6f1;color:var(--green-dark);padding:6px 10px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.reject-button{border-color:#eadada;background:#fff8f7;color:#965252}.approve-button:disabled,.reject-button:disabled{opacity:.45;cursor:default}.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.member-card{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:13px;background:#fff;padding:9px}.member-card .avatar{width:34px;height:34px;font-size:11px}.member-card .icon-button{margin-left:auto}.member-owner-icon{flex:0 0 auto;margin-left:auto;color:var(--green)}.community-form-panel{width:min(560px,100%);max-height:min(760px,90vh);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--cream);box-shadow:0 22px 70px #14231d3d}.community-form-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#f8f7f2f0;padding:16px 19px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.community-form-panel h2{margin:0;font-size:17px}.community-form{display:grid;gap:14px;padding:20px}.community-form>label{display:grid;gap:6px;color:#59645f;font-size:11px;font-weight:700}.community-form input[type=text],.community-form>label input,.community-form>label textarea{width:100%;border:1px solid #dfe2dc;border-radius:11px;background:#fff;color:#2f3b37;padding:10px 11px;outline:0}.community-form>label input:focus,.community-form>label textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #247c651a}.community-form fieldset{display:grid;gap:8px;margin:0;border:0;padding:0}.community-form legend{margin-bottom:6px;color:#59645f;font-size:11px;font-weight:700}.choice-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px 12px;cursor:pointer}.choice-card:has(input:checked){border-color:#9fc8b9;background:#eef6f2}.choice-card span{display:grid;gap:2px}.choice-card strong{font-size:12px}.choice-card small{color:var(--muted);font-size:9px;font-weight:400}.community-image-editor{display:flex;align-items:center;gap:15px}.community-image-preview{width:78px;height:78px;border-radius:21px}.community-image-editor>div:last-child{display:grid;justify-items:start;gap:5px}.community-image-editor small{color:var(--muted);font-size:9px}.image-picker{margin:0;padding:7px 11px;font-size:10px}.image-picker input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.notification-content{flex:1;min-width:0}.notification-actions{display:flex;gap:6px;margin-top:8px}.notification-link{margin-top:4px;padding-left:0}.notification-error{padding:10px 19px 16px}@media(max-width:600px){.community-card{align-items:flex-start;padding-inline:15px}.community-card-copy{padding-right:0}.community-card-description{padding-right:6px}.membership-chip{position:static;flex:0 0 auto;margin-left:auto}.community-hero{padding-inline:15px}.community-image.large{width:78px;height:78px;border-radius:21px}.community-description,.join-request-section,.community-members-section,.community-join-area{padding-inline:15px}.member-grid{grid-template-columns:1fr}.join-request{align-items:flex-start;flex-wrap:wrap}.request-actions{width:100%;margin-left:44px}}@media(max-width:400px){.community-image{width:54px;height:54px;border-radius:15px}.community-hero{display:grid}.community-join-area{align-items:flex-start;flex-direction:column}}@media(max-width:380px){.onboarding-avatar-field{align-items:flex-start}.onboarding-avatar-preview{width:68px;height:68px}}.app-shell{--app-ink: #172249;--app-blue: #287c9e;--app-pink: #e56f88;--app-yellow: #f7d783;--app-paper: #f7ead7;max-width:1260px;background:#fff9ee;color:var(--app-ink);box-shadow:0 0 0 2px var(--app-ink)}body:has(.app-shell){background:linear-gradient(rgb(23 34 73 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 73 / 6%) 1px,transparent 1px),linear-gradient(145deg,#f8eddd,#e8c7ba);background-size:34px 34px,34px 34px,auto}.app-shell .sidebar{border-right:2px solid var(--app-ink);background:var(--app-paper)}.app-shell .brand{color:var(--app-ink)}.app-shell .brand-mark{border:2px solid var(--app-ink);border-radius:50% 50% 50% 10%;background:var(--app-yellow);color:var(--app-ink);box-shadow:4px 4px 0 var(--app-pink)}.app-shell .nav-item{border:1px solid transparent;border-radius:2px;color:#4c526a}.app-shell .nav-item:hover{border-color:var(--app-ink);background:#fff8e9}.app-shell .nav-item.active{border:2px solid var(--app-ink);background:var(--app-yellow);color:var(--app-ink);box-shadow:4px 4px 0 var(--app-pink)}.app-shell .sidebar-post{border:2px solid var(--app-ink);border-radius:1px;background:var(--app-pink);box-shadow:4px 4px 0 var(--app-ink)}.app-shell .sidebar-note{color:#64677b}.app-shell .timeline{border-right:2px solid var(--app-ink);background:#fffaf0}.app-shell .timeline-header{border-bottom:2px solid var(--app-ink);background:#f7ead7f0;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .timeline-header h1{color:var(--app-ink);font-family:Zen Kurenaido,sans-serif;font-size:27px;font-weight:400}.app-shell .timeline-header .directory-heading{font-family:Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.035em}.app-shell .eyebrow{color:var(--app-blue);font-family:Nunito,sans-serif;letter-spacing:.16em}.app-shell .community-toolbar{border-bottom:2px solid var(--app-ink);background:#f2c9c0}.app-shell .community-toolbar label{border:2px solid var(--app-ink);border-radius:1px;background:#fff8e9}.app-shell .community-grid{gap:11px;background:transparent;padding:14px}.app-shell .community-card{border:2px solid var(--app-ink);background:#fff8e9;padding:16px;box-shadow:5px 5px 0 var(--app-blue)}.app-shell .community-card:nth-child(2n){box-shadow-color:var(--app-pink)}.app-shell .community-card:hover{background:#fff;transform:translate(2px,2px);box-shadow:3px 3px 0 var(--app-blue)}.app-shell .community-image{border:2px solid var(--app-ink);border-radius:50% 50% 50% 12%;background:var(--app-yellow);color:var(--app-ink)}.app-shell .community-card-title{color:var(--app-ink);font-size:16px}.app-shell .membership-chip{border:1px solid var(--app-ink);border-radius:1px;background:var(--app-yellow);color:var(--app-ink)}.app-shell .membership-chip.owner{background:#83ccd0;color:var(--app-ink)}.app-shell .membership-chip.pending{background:#f3a279;color:var(--app-ink)}.app-shell .community-hero{border-bottom:2px solid var(--app-ink);background:linear-gradient(145deg,#f7ead7,#f2c9c0)}.app-shell .community-hero h1{color:var(--app-ink);font-family:Zen Kurenaido,sans-serif;font-size:28px;font-weight:400}.app-shell .community-policy,.app-shell .owner-badge,.app-shell .pending-label,.app-shell .member-label{border:1px solid var(--app-ink);border-radius:1px;background:#fff8e9;color:var(--app-ink)}.app-shell .community-description,.app-shell .join-request-section,.app-shell .community-members-section,.app-shell .community-join-area{border-bottom:2px solid var(--app-ink);background:#fff8e9}.app-shell .primary-button{border:2px solid var(--app-ink);border-radius:1px;background:var(--app-pink);color:#fff;box-shadow:3px 3px 0 var(--app-ink)}.app-shell .primary-button:hover:not(:disabled){background:#d85f7a;transform:translate(2px,2px);box-shadow:1px 1px 0 var(--app-ink)}.app-shell .secondary-button{border:1px solid var(--app-ink);border-radius:1px;background:var(--app-yellow);color:var(--app-ink)}.app-shell .room-chat{border-top:0;background:#fff8e9}.app-shell .room-chat>header{border-bottom:2px solid var(--app-ink);background:var(--app-yellow)}.app-shell .room-message-list{border-bottom:2px solid var(--app-ink);background-color:#f7ead7;background-image:linear-gradient(rgb(23 34 73 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 73 / 6%) 1px,transparent 1px);background-size:22px 22px}.app-shell .room-message-body>p{border:2px solid var(--app-ink);border-radius:2px 13px 13px;background:#fff;box-shadow:3px 3px #83ccd0}.app-shell .room-message.own .room-message-body>p{border-color:var(--app-ink);border-radius:13px 2px 13px 13px;background:#f2c9c0;box-shadow:3px 3px 0 var(--app-pink)}.app-shell .room-composer{border-top:0;background:#fff8e9}.app-shell .room-composer textarea{border:2px solid var(--app-ink);border-radius:1px;background:#fff}.app-shell .right-rail{background:var(--app-paper)}.app-shell .auth-card,.app-shell .welcome-card,.app-shell .topics-card{border:2px solid var(--app-ink);border-radius:1px;background:#fff8e9;box-shadow:5px 5px 0 var(--app-yellow)}.app-shell .community-form-panel,.app-shell .notifications-panel,.app-shell .profile-modal{border:2px solid var(--app-ink);border-radius:1px;background:var(--app-paper);box-shadow:8px 8px 0 var(--app-pink)}@media(max-width:760px){.app-shell{min-height:100dvh;padding-bottom:76px;box-shadow:none}.app-shell .timeline{border:0}.app-shell .timeline-header{min-height:74px;padding:12px 15px}.app-shell .timeline-header h1{font-size:25px}.app-shell .timeline-header .directory-heading{font-size:23px}.app-shell .sidebar{height:72px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:0;border-top:2px solid var(--app-ink);background:var(--app-paper);box-shadow:0 -4px 0 var(--app-pink);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:100%}.app-shell .nav-item{display:flex;min-width:0;min-height:54px;flex-direction:column;justify-content:center;gap:2px;padding:5px 3px;font-size:8px}.app-shell .nav-item span{display:block}.app-shell .nav-icon-wrap{display:grid}.app-shell .nav-item.active{box-shadow:2px 2px 0 var(--app-pink)}.app-shell .community-toolbar{padding:11px}.app-shell .community-grid{gap:10px;padding:11px}.app-shell .community-card{gap:11px;padding:13px 11px;box-shadow:4px 4px 0 var(--app-blue)}.app-shell .community-card-title{font-size:15px}.app-shell .community-card-description{font-size:11px}.app-shell .community-hero{padding:18px 14px}.app-shell .community-description,.app-shell .join-request-section,.app-shell .community-members-section,.app-shell .community-join-area{padding-inline:14px}.app-shell .room-chat>header{padding:12px 14px}.app-shell .room-message-list{height:calc(100dvh - 310px);min-height:330px}.app-shell .room-composer{bottom:72px;border-top:2px solid var(--app-ink)}}@media(max-width:390px){.app-shell .community-image{width:50px;height:50px}.app-shell .membership-chip{font-size:8px}.app-shell .room-message-list{height:calc(100dvh - 295px)}}.profile-page{min-height:100vh;background:#fffaf0}.profile-page>.settings-card{margin:16px;border:2px solid #172249;border-radius:1px;background:#fff8e9;padding:20px;box-shadow:6px 6px #287c9e}.profile-page .panel-title h2,.profile-page .panel-title h3{color:#172249;font-family:Zen Kurenaido,sans-serif;font-weight:400}.profile-page .panel-title h2{font-size:23px}.profile-page .settings-form{gap:14px}.profile-page .settings-form label{color:#172249;font-size:12px}.profile-page .settings-form input,.profile-page .settings-form textarea{border:2px solid #172249;border-radius:1px;background:#fff;color:#172249;padding:11px 12px}.profile-page .settings-form input:focus,.profile-page .settings-form textarea:focus{box-shadow:3px 3px #e56f88}.profile-page .profile-tag-selector{border:2px solid #172249;border-radius:1px;background:#f7ead7}.profile-page .settings-divider{height:2px;background:#172249}.profile-page .profile-visitors{border:2px solid #172249;background:#f7ead7;padding:13px}.profile-page .visitor-button{border:1px solid #172249;border-radius:1px;background:#fff8e9}.profile-page .privacy-settings{margin-top:18px;border-top:2px solid #172249;padding-top:18px}.profile-page .danger-button{border:2px solid #8c3e4d;border-radius:1px;background:#fff0ed}.profile-page>.public-profile-card{min-height:calc(100vh - 84px);margin:16px;border:2px solid #172249;background:#fff8e9;padding:20px 18px 30px;box-shadow:6px 6px #e56f88}.profile-page .public-profile-avatar{border:2px solid #172249;box-shadow:4px 4px #f7d783}.profile-page .public-profile-card h2{color:#172249;font-family:Zen Kurenaido,sans-serif;font-size:26px;font-weight:400}.profile-page .profile-back-button{justify-content:flex-start;width:100%;color:#172249}@media(max-width:760px){.profile-page{min-height:calc(100dvh - 76px)}.profile-page>.settings-card,.profile-page>.public-profile-card{margin:10px 9px 18px;padding:16px 13px 24px;box-shadow:4px 4px #287c9e}.profile-page>.public-profile-card{min-height:calc(100dvh - 170px);box-shadow-color:#e56f88}.profile-page .settings-form input,.profile-page .settings-form textarea{min-height:48px;font-size:16px}.profile-page .profile-tag-selector.compact .profile-tag-groups{max-height:none}.profile-page .visitor-button{min-width:78px}}