@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Caveat:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap");@property --dj-angle{syntax:"<angle>";initial-value:0deg;inherits:false}:root{--brand-hi:#FF6B4A;--brand-hi-2:#FF8A6B;--brand-soft:rgba(255,107,74,.16);--ink:#F5F5F7;--ink-2:#A8A8B0;--ink-3:#6F6F7A;--surface:rgba(255,255,255,.055);--surface-sunk:rgba(255,255,255,.08);--bg:#07070C;--bg-2:#0D0D16;--line:rgba(255,255,255,.10);--danger:#FF453A;--glass:rgba(16,16,24,.66);--r-hug:14 95% 68%;--r-same:262 85% 80%;--r-listening:172 62% 62%;--r-proud:105 48% 66%;--r-think:38 100% 62%;--r-here:340 95% 78%;--r-fair:212 22% 72%;--paper-0:#FFF6BD;--paper-1:#DFF5E2;--paper-2:#DAECFF;--paper-3:#FFE1EC;--paper-4:#F0E4FF;--paper-5:#FFE7CF;--paper-ink-0:#4A4020;--paper-ink-1:#254232;--paper-ink-2:#1E3A54;--paper-ink-3:#5A2438;--paper-ink-4:#3B2A57;--paper-ink-5:#5A3520;--e1:0 1px 2px rgba(0,0,0,.45),0 10px 28px -14px rgba(0,0,0,.65);--e2:0 6px 20px -6px rgba(0,0,0,.55);--e3:0 24px 70px -18px rgba(0,0,0,.8);--paper-shadow:0 1px 1px rgba(0,0,0,.4),0 10px 26px -12px rgba(0,0,0,.65);--ease-out:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;background:radial-gradient(1100px 700px at 72% -8%,rgba(96,76,168,.2),transparent 60%),radial-gradient(900px 650px at 8% 112%,rgba(255,107,74,.12),transparent 55%),radial-gradient(700px 500px at 90% 90%,rgba(64,140,180,.1),transparent 60%),linear-gradient(180deg,var(--bg-2),var(--bg) 55%);color:var(--ink);font-size:15px;line-height:24px;-webkit-font-smoothing:antialiased;min-height:100vh}::selection{background:rgba(255,107,74,.35)}a{color:var(--brand-hi-2);text-decoration:none}a,button{cursor:pointer}button{font-family:inherit;color:inherit}#starfield{position:fixed;inset:0;z-index:0;pointer-events:none}.app-root{position:relative;z-index:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.logo{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}.logo s{text-decoration-thickness:2.5px;text-decoration-color:var(--brand-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:600;border:none;transition:transform .12s,box-shadow .12s,filter .12s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg,#FF7A5C,#E8502E);color:#fff;box-shadow:0 4px 18px -4px rgba(255,107,74,.5),inset 0 1px 0 rgba(255,255,255,.25)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 8px 26px -6px rgba(255,107,74,.65),inset 0 1px 0 rgba(255,255,255,.25)}.btn-ghost{background:rgba(255,255,255,.04);color:var(--ink-2);border:1px solid rgba(255,255,255,.14)}.btn-ghost:hover{border-color:rgba(255,255,255,.3);color:var(--ink);background:rgba(255,255,255,.07)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{height:32px;padding:0 14px;font-size:12.5px}.btn-lg{height:48px;padding:0 26px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.03);font-size:13px;font-weight:500;color:var(--ink-3);transition:transform .18s var(--ease-out),background .24s,border-color .24s,color .24s,box-shadow .24s;user-select:none}.chip:hover{transform:translateY(-1px)}.chip:active{transform:scale(.94)}.chip[data-level="1"]{background:hsl(var(--hue)/.16);border-color:hsl(var(--hue)/.42)}.chip[data-level="2"]{background:hsl(var(--hue)/.26);border-color:hsl(var(--hue)/.55);color:var(--ink-2)}.chip[data-level="3"]{background:hsl(var(--hue)/.4);border-color:hsl(var(--hue)/.7);color:var(--ink)}.chip[data-level="4"]{background:hsl(var(--hue)/.55);border-color:hsl(var(--hue)/.85);color:#fff;font-weight:600}.chip[data-level="5"]{background:hsl(var(--hue)/.75);border-color:hsl(var(--hue)/1);color:#fff;font-weight:600;box-shadow:0 0 18px -2px hsl(var(--hue)/.55)}.chip[data-self=true]{box-shadow:inset 0 0 0 2px hsl(var(--hue)/.95),0 0 16px -2px hsl(var(--hue)/.45)}.chip .e{font-size:16px;line-height:1}.chip.anim .e{animation:pop .32s var(--ease-out)}.chip.ro{opacity:.7;cursor:default}.chip.ro:hover{transform:none}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}.post-card{position:relative;border-radius:18px;padding:20px 24px 16px;background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.03));--heat-w:1.5px;--heat-stops:var(--line) 0deg 360deg;--heat-glow:transparent;--heat-dominant-hue:var(--r-here);box-shadow:var(--e1),0 0 0 1px rgba(255,255,255,.05),0 0 12px -2px var(--heat-glow),0 0 30px -6px var(--heat-glow),0 0 68px -14px var(--heat-glow);transition:box-shadow .48s ease-out,background .48s;cursor:pointer;backdrop-filter:blur(14px)}.post-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--heat-w);background:conic-gradient(from calc(var(--dj-angle, 0deg) + 218deg),var(--heat-stops));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:padding .48s ease-out}.post-card[data-single=true]:before{background:hsl(var(--heat-dominant-hue)/.95)}.post-card.flow:before{animation:djspin 7s linear infinite,neonPulse 2.8s ease-in-out infinite}@keyframes djspin{to{--dj-angle:360deg}}@keyframes neonPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.55)}}.post-card .ph{gap:10px;margin-bottom:12px}.avatar,.post-card .ph{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;justify-content:center;font-size:20px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.avatar.sm{width:32px;height:32px;font-size:16px}.post-card .handle{font-size:15px;font-weight:600}.post-card .time{font-size:13px;color:var(--ink-3)}.post-card .more{margin-left:auto;color:var(--ink-3);font-size:16px;letter-spacing:2px;background:none;border:none;padding:4px 8px;border-radius:8px}.post-card .more:hover{background:rgba(255,255,255,.07)}.post-card .title{font-size:20px;font-weight:600;line-height:28px;margin-bottom:10px;letter-spacing:-.01em}.post-card .title-lg{font-size:22px;font-weight:700;line-height:30px}.take-bar{height:4px;width:18px;background:var(--brand-hi);border-radius:2px;margin:2px 0 10px;box-shadow:0 0 10px rgba(255,107,74,.6)}.post-card .mood{font-size:18px;letter-spacing:4px;margin-bottom:10px}.post-card .body{font-size:15px;line-height:24px;color:var(--ink-2);margin-bottom:14px;white-space:pre-wrap}.post-card .tags{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tag-pill{font-size:13px;font-weight:500;color:var(--ink-2);background:rgba(255,255,255,.07);padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.06)}.post-card .divider{height:1px;background:rgba(255,255,255,.09);margin-bottom:12px}.post-card .reaction-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;position:relative;z-index:1}.post-card .ccomment{margin-left:auto;font-size:13px;color:var(--ink-3);background:none;border:none;font-weight:500;padding:6px 8px;border-radius:8px}.post-card .ccomment:hover{color:var(--ink);background:rgba(255,255,255,.07)}.module-flag{font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px}.mf-unfiltered{background:rgba(255,255,255,.1);color:var(--ink-3)}.mf-hottakes{background:var(--brand-soft);color:#FFB59F}.mf-vent{background:rgba(140,190,255,.14);color:#A9C8FF}.heat-particles{position:absolute;inset:-18px -10px;pointer-events:none;z-index:0}.hp{position:absolute;bottom:-4px;width:var(--sz);height:var(--sz);border-radius:50%;background:hsl(var(--hd));opacity:0;filter:blur(.6px);animation:hpUp var(--dur) linear infinite;animation-delay:var(--dl)}@keyframes hpUp{0%{transform:translate(0) scale(.4);opacity:0}16%{opacity:.85}to{transform:translate(var(--sway,0),-52px) scale(1.2);opacity:0}}.sticky{position:relative;width:100%;border-radius:3px;padding:30px 18px 14px;box-shadow:var(--paper-shadow);transition:transform .2s var(--ease-out),box-shadow .2s;font-family:Caveat,Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:18px;line-height:26px;transform:rotate(var(--tilt,0deg));break-inside:avoid;margin-bottom:20px;cursor:pointer}.sticky:hover{transform:rotate(0deg) translateY(-3px) scale(1.015)}.sticky .tape{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:32px;height:16px;background:rgba(255,255,255,.6);box-shadow:inset 0 -1px 0 rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.75);z-index:1}.sticky .smood{font-size:15px;margin-top:8px;transition:opacity .6s linear}.sticky .stags{font-size:12px;margin-top:6px;font-family:Inter;opacity:.75;transition:opacity .6s linear}.sticky .fade-meter{font-family:Inter;font-size:11px;opacity:.6;margin-top:10px}.sticky .mini-reactions{display:flex;gap:8px;margin-top:8px;font-size:14px;position:relative;z-index:1}.sticky .mini-reactions .mr{opacity:.55;transition:opacity .2s;cursor:pointer;user-select:none}.sticky .mini-reactions .mr:hover{opacity:1}.sticky .ghost{font-size:16px;opacity:.22;text-align:center;padding:16px 0;font-family:Caveat,Segoe Print,Bradley Hand,Comic Sans MS,cursive}.sticky[data-heat="1"]{box-shadow:var(--paper-shadow),0 0 0 2px hsl(var(--hd)/.1),0 4px 30px -6px hsl(var(--hd)/.18)}.sticky[data-heat="2"]{box-shadow:var(--paper-shadow),0 0 0 2px hsl(var(--hd)/.15),0 4px 30px -6px hsl(var(--hd)/.28)}.sticky[data-heat="3"]{box-shadow:var(--paper-shadow),0 0 0 3px hsl(var(--hd)/.2),0 4px 32px -6px hsl(var(--hd)/.38)}.sticky[data-heat="4"]{box-shadow:var(--paper-shadow),0 0 0 3px hsl(var(--hd)/.22),0 6px 34px -6px hsl(var(--hd)/.48)}.sticky[data-heat="5"]{box-shadow:var(--paper-shadow),0 0 0 4px hsl(var(--hd)/.3),0 8px 40px -6px hsl(var(--hd)/.62)}.sticky .fade-body{transition:opacity .6s linear,filter .6s linear}.shell{max-width:1252px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:240px minmax(0,640px) 300px;gap:24px;justify-content:center}.leftnav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 0;gap:4px}.center{min-width:0;padding:20px 0 80px}.rightrail{position:sticky;top:20px;height:calc(100vh - 40px);overflow:auto;padding:20px 0;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.nav-group{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--ink-3);text-transform:uppercase;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;font-size:15px;font-weight:500;color:var(--ink-2);cursor:pointer;border:none;background:none;position:relative;text-align:left}.nav-item:hover{background:rgba(255,255,255,.06);color:var(--ink)}.nav-item.active{background:rgba(255,255,255,.09);color:var(--ink)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--nav-c,var(--brand-hi));box-shadow:0 0 10px var(--nav-c,var(--brand-hi))}.nav-item .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-hi-2);margin-left:auto;box-shadow:0 0 8px var(--brand-hi-2)}.nav-item .nic{font-size:18px;line-height:1}.nav-cta{margin:8px 0 12px;padding:0 4px}.nav-footer{font-size:11px;line-height:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.nav-footer,.nav-footer a{color:var(--ink-3)}.topbar{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:12px;background:rgba(10,10,16,.66);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid transparent;margin:0 -24px;padding:0 24px;transition:border-color .2s}.topbar.scrolled{border-bottom-color:rgba(255,255,255,.1)}.topbar h1{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-size:24px;font-weight:600;line-height:1.2;background:linear-gradient(180deg,#FFFFFF,#B9B9C6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tb-brand{display:none}.topbar .sub{font-size:13px;color:var(--ink-3)}.seg{display:inline-flex;background:rgba(255,255,255,.08);border-radius:999px;padding:3px}.seg button{border:none;background:none;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--ink-2);transition:all .15s}.seg button.active{background:rgba(255,255,255,.16);color:var(--ink);box-shadow:0 2px 8px -2px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.07)}.rail-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.rail-card h3{font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:10px}.rail-card p{line-height:20px}.rail-card .rule,.rail-card p{font-size:13px;color:var(--ink-2)}.rail-card .rule{padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.12);display:flex;gap:8px}.rail-card .rule:last-child{border-bottom:none}.rail-card .rule b{color:#FFB59F;font-weight:600}.menu-divider{font-size:11.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin:12px 12px 4px}.rail-link{display:flex;align-items:center;gap:10px;padding:9px 4px;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;border-radius:8px;background:none;border:none;text-align:left}.rail-link:hover{background:rgba(255,255,255,.07);color:var(--ink)}.rail-link .ic{font-size:16px}#rulesCard{position:relative;overflow:hidden}#rulesCard>:not(.aurora){position:relative;z-index:1}.aurora{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:0}.aurora i{position:absolute;top:-12%;display:block;border-radius:50% 50% 0 0/100% 100% 0 0;mix-blend-mode:screen;transform:skewX(-9deg);background:linear-gradient(180deg,rgba(9,9,15,.02),rgba(9,9,15,.5) 62%,rgba(9,9,15,.92)),linear-gradient(90deg,#FF5F6D,#FF9F45,#FFE259,#8FD36F,#4DD2FF,#7D7BFF,#C471ED)}.aurora .a1{left:-10%;width:48%;height:80%;filter:blur(13px) hue-rotate(0deg);animation:aurA 14s ease-in-out infinite alternate}.aurora .a2{left:24%;width:40%;height:64%;filter:blur(13px) hue-rotate(85deg);animation:aurB 18s ease-in-out infinite alternate}.aurora .a3{left:50%;width:42%;height:72%;filter:blur(13px) hue-rotate(190deg);animation:aurA 22s ease-in-out infinite alternate-reverse}.aurora .a4{left:10%;width:30%;height:50%;filter:blur(13px) hue-rotate(300deg);animation:aurB 16s ease-in-out infinite alternate}@keyframes aurA{0%{transform:skewX(-9deg) translateX(0) scaleY(1);opacity:.75}50%{opacity:.95}to{transform:skewX(-9deg) translateX(52px) scaleY(1.14);opacity:.8}}@keyframes aurB{0%{transform:skewX(-9deg) translateX(0) scaleY(1);opacity:.7}50%{opacity:.92}to{transform:skewX(-9deg) translateX(-58px) scaleY(.9);opacity:.78}}.feed{display:flex;flex-direction:column;gap:16px;margin-top:16px}.empty-state{text-align:center;padding:48px 24px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16);border-radius:18px;backdrop-filter:blur(10px)}.empty-state .ic{font-size:32px;opacity:.5;margin-bottom:8px}.empty-state h4{font-size:17px;font-weight:600;color:var(--ink-2);margin-bottom:4px}.empty-state p{font-size:14px;color:var(--ink-3)}.feed-end{text-align:center;font-size:13px;color:var(--ink-3);padding:28px 0 8px}.wall-filter{display:flex;gap:6px;align-items:center;margin-top:14px;flex-wrap:wrap}.wall{columns:260px;column-gap:20px;margin-top:16px}.modal-mask{position:fixed;inset:0;background:rgba(4,4,10,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:9vh 24px 24px;overflow:auto}.modal{background:rgba(22,22,32,.92);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:var(--e3);width:100%;max-width:720px;max-height:84vh;overflow:auto;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:modalIn .2s var(--ease-out)}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-head h2{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-size:20px;font-weight:600}.modal-x{background:none;border:none;font-size:18px;color:var(--ink-3);padding:6px;border-radius:8px}.modal-x:hover{background:rgba(255,255,255,.08);color:var(--ink)}.modal-body{padding:16px 24px 24px}.paw-icon{display:inline-block;width:1em;height:1em;vertical-align:-.18em;color:currentColor;fill:currentColor}.paw-coin{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(255,176,92,.12);border:1px solid rgba(255,176,92,.28);color:hsl(28 95% 70%);font-weight:600;font-size:14.5px}.paw-coin .paw-icon{width:18px;height:18px}.checkin-card{padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.checkin-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.checkin-cell{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:var(--ink-3);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.checkin-cell.future{opacity:.32}.checkin-cell.stamped{background:linear-gradient(180deg,rgba(255,176,92,.16),rgba(255,176,92,.04));border-color:rgba(255,176,92,.32);color:hsl(28 95% 75%)}.checkin-cell.stamped .paw-icon{position:absolute;width:54%;height:54%;color:hsl(28 92% 70%);opacity:.85}.checkin-cell.stamped .day{position:relative;z-index:1}.checkin-cell.today{border-color:rgba(255,176,92,.55);box-shadow:inset 0 0 0 1px rgba(255,176,92,.45),0 0 22px -4px rgba(255,176,92,.45)}.checkin-cell .day{position:absolute;bottom:4px;right:6px;font-size:10.5px;color:inherit;opacity:.7;letter-spacing:.03em}.stamp-scene{position:relative;border-radius:14px;overflow:hidden}.dialog-paw{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:hsl(28 92% 70%);opacity:0}.dialog-paw svg{width:190px;height:190px;filter:drop-shadow(0 10px 30px rgba(255,150,80,.4))}.dialog-paw.go{animation:dialogStamp .9s cubic-bezier(.2,.7,.3,1) forwards}@keyframes dialogStamp{0%{opacity:0;transform:scale(2.6) rotate(-20deg)}35%{opacity:1;transform:scale(1.06) rotate(-8deg)}55%{opacity:.92;transform:scale(.98) rotate(-6deg)}78%{opacity:.4;transform:scale(.98) rotate(-6deg)}to{opacity:0;transform:scale(.98) rotate(-6deg)}}.compose-tabs{display:inline-flex;background:rgba(255,255,255,.08);border-radius:999px;padding:3px;margin-bottom:18px;gap:2px}.compose-tabs button{border:none;background:none;height:36px;padding:0 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-2);transition:all .15s}.compose-tabs button.active{background:rgba(255,255,255,.15);color:var(--ink);box-shadow:0 2px 10px -2px rgba(0,0,0,.5);border-bottom:3px solid var(--tab-c,var(--brand-hi))}.field-body textarea,.field-title input{border:none;outline:none;background:none;width:100%;font-family:inherit;color:var(--ink)}.field-title input{font-size:20px;font-weight:600;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}.field-title input:focus{border-bottom-color:var(--ink-2)}.field-body textarea::placeholder,.field-title input::placeholder{color:var(--ink-3)}.field-body textarea{font-size:15px;line-height:24px;min-height:150px;padding:14px 0;resize:vertical}.char-count{font-size:12px;color:var(--ink-3);text-align:right;margin-top:4px}.dropzone{border:1.5px dashed rgba(255,255,255,.18);border-radius:12px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:13.5px;gap:8px;margin:14px 0;cursor:pointer;transition:border-color .15s}.dropzone:hover{border-color:rgba(255,255,255,.4)}.opt-label{font-size:13px;font-weight:500;color:var(--ink-2);margin:14px 0 8px}.mood-row{display:flex;gap:6px;flex-wrap:wrap}.mood-btn{width:40px;height:40px;font-size:20px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;transition:all .12s}.mood-btn:hover{background:rgba(255,255,255,.1)}.mood-btn.sel{background:var(--brand-soft);border-color:var(--brand-hi);box-shadow:inset 0 0 0 1px var(--brand-hi),0 0 14px -2px rgba(255,107,74,.5)}.picker-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:8px 12px;min-height:46px;background:rgba(255,255,255,.03)}.picker-field input{border:none;outline:none;flex:1;font-family:inherit;font-size:14px;background:none;min-width:120px;color:var(--ink)}.picker-field input::placeholder{color:var(--ink-3)}.circle-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;background:rgba(255,255,255,.09);padding:4px 10px;border-radius:999px;color:var(--ink-2)}.circle-chip .x{cursor:pointer;color:var(--ink-3);font-size:12px}.compose-foot{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.compose-legal{margin-top:14px;text-align:center;font-size:11.5px;color:var(--ink-3)}.compose-legal a{color:var(--brand-hi-2);cursor:pointer;text-decoration:none}.compose-legal a:hover{text-decoration:underline}.compose-hint{font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:6px}.sticky-preview{width:100%;max-width:420px;margin:0 auto 14px;border-radius:3px;padding:30px 22px 16px;font-family:Caveat,Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:20px;line-height:28px;box-shadow:var(--paper-shadow);transform:rotate(-1.2deg);position:relative;transition:background .2s}.sticky-preview .tape{position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:32px;height:16px;background:rgba(255,255,255,.6)}.paper-pick{display:flex;gap:8px;justify-content:center;margin-bottom:6px}.paper-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.5)}.paper-dot.sel{border-color:var(--ink)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.toggle-row .info b{display:block;font-size:14px;font-weight:600}.toggle-row .info span{font-size:12.5px;color:var(--ink-3)}.switch{width:44px;height:26px;border-radius:999px;background:rgba(255,255,255,.2);position:relative;cursor:pointer;border:none;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 2px 6px rgba(0,0,0,.4)}.switch.on{background:var(--brand-hi)}.switch.on:after{left:21px}.fade-opts{display:flex;gap:8px}.fade-opts button{flex:1;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-size:13px;font-weight:600;color:var(--ink-2);transition:all .12s}.fade-opts button.active{background:#F5F5F7;color:#15151A;border-color:#F5F5F7}.setting-box{background:rgba(255,255,255,.06);border-radius:12px;padding:6px 16px;margin-top:14px}.setting-box .sep{height:1px;background:rgba(255,255,255,.1)}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:#F5F5F7;color:#15151A;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:all .3s var(--ease-out);z-index:80;box-shadow:0 16px 44px -10px rgba(0,0,0,.6)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.landing{min-height:100vh;max-width:1080px;margin:0 auto;padding:0 32px}.land-top{gap:20px;height:72px}.land-top,.land-top .links{display:flex;align-items:center}.land-top .links{margin-left:auto;gap:8px}.land-top .links a{color:var(--ink-2);font-size:13.5px;font-weight:500;padding:6px 12px;border-radius:999px}.hero{padding:64px 0 40px;text-align:center}.hero h1{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-size:clamp(36px,6vw,56px);line-height:1.15;font-weight:700;letter-spacing:-.02em;max-width:760px;margin:0 auto 16px;background:linear-gradient(180deg,#FFFFFF 20%,#B9B9C6 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h1 .hl{background:linear-gradient(180deg,transparent 58%,rgba(255,107,74,.55) 0);padding:0 4px;-webkit-text-fill-color:currentColor}.hero p.lead{font-size:16.5px;color:var(--ink-2);max-width:560px;margin:0 auto 28px}.hero .ctas{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.hero .trust{font-size:12px;color:var(--ink-3)}.hero-demo{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px;margin:40px auto;max-width:640px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--e2)}.hero-demo .hd-label{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--ink-3);text-transform:uppercase;margin-bottom:12px;text-align:center}.hero-demo .demo-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hero-demo .demo-note{font-size:12.5px;color:var(--ink-3);text-align:center;margin-top:12px}.module-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0}.mp-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .15s var(--ease-out),box-shadow .15s}.mp-card:hover{transform:translateY(-3px);box-shadow:var(--e2)}.mp-card h3{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-size:18px;font-weight:600;margin-bottom:4px}.mp-card p{font-size:13px;color:var(--ink-3);font-style:italic;margin-bottom:12px}.mp-card .mini-post{font-size:13px;color:var(--ink-2);background:rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;line-height:19px}.rules-sect{margin:48px 0}.rules-sect h2{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-size:26px;font-weight:700;text-align:center;margin-bottom:24px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.rule-line{font-size:15px;font-weight:600;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.12);display:flex;gap:10px;align-items:baseline}.rule-line .emo{font-size:18px}.rule-line small{display:block;font-size:12.5px;font-weight:400;color:var(--ink-3)}.land-footer{text-align:center;padding:40px 0 60px;color:var(--ink-3);font-size:13px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--ink-2);margin-bottom:14px;background:none;border:none;padding:6px 0;cursor:pointer}.gate{background:rgba(255,255,255,.05);border-radius:14px;padding:36px 24px;text-align:center;border:1px solid rgba(255,255,255,.1)}.gate .lock{font-size:30px;opacity:.5;margin-bottom:8px}.gate h4{font-size:17px;font-weight:600;color:var(--ink-2);margin-bottom:4px}.gate p{font-size:14px;color:var(--ink-3)}.gate-author{background:rgba(255,107,74,.12);border:1px solid rgba(255,107,74,.4);border-radius:14px;padding:24px;text-align:center}.gate-author h4{font-size:16px;font-weight:600;margin-bottom:6px}.gate-author p{font-size:13px;color:var(--ink-2);margin-bottom:14px}.invite-banner{background:rgba(255,107,74,.14);border-left:4px solid var(--brand-hi);border-radius:0 14px 14px 0;padding:16px 20px;margin-bottom:14px}.invite-banner .pre{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--ink-3);text-transform:uppercase;margin-bottom:4px}.invite-banner .txt{font-family:Caveat,Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:22px;line-height:30px}.cbox{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.045);margin-bottom:10px;backdrop-filter:blur(12px)}.cbox .who{font-size:13px;font-weight:600}.cbox .when{font-size:12px;color:var(--ink-3);font-weight:400}.cbox .txt{font-size:14.5px;line-height:22px;color:var(--ink-2);margin-top:2px}.cbox .op{font-size:10px;font-weight:700;letter-spacing:.06em;background:var(--ink);color:#15151A;padding:2px 6px;border-radius:6px;margin-left:6px;vertical-align:2px}.reply-nest{border-left:2px solid rgba(255,255,255,.16);margin-left:42px;padding-left:12px}.reply-lock{font-size:12px;color:var(--ink-3);text-align:center;margin-top:12px}.composer{display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);padding:10px 14px;margin-bottom:16px;transition:box-shadow .15s}.composer input{flex:1;border:none;outline:none;font-family:inherit;font-size:14px;background:transparent;color:var(--ink)}.composer input::placeholder{color:var(--ink-3)}.ask-banner{background:rgba(139,92,246,.12);border-left:4px solid #8b5cf6;border-radius:0 12px 12px 0;padding:10px 14px;font-size:13px;color:var(--ink-2);margin-bottom:12px;display:flex;align-items:center;gap:8px}.gate-ask{margin-top:12px}.gate-ask .asked{font-size:13px;color:var(--ink-3)}.compose-fab{display:none}.demo-ribbon{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.demo-ribbon .chip2{background:rgba(26,26,36,.88);border:1px solid rgba(255,255,255,.12);color:var(--ink);font-size:12px;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:var(--e3);display:flex;gap:8px;align-items:center;backdrop-filter:blur(16px)}.demo-ribbon input[type=range]{accent-color:var(--brand-hi)}@media (max-width:1080px){.rightrail{display:none}.shell{grid-template-columns:76px minmax(0,640px);justify-content:center}.leftnav .nav-item span.t,.nav-cta .btn span.t,.nav-footer,.nav-group{display:none}.nav-item{justify-content:center;padding:0}.nav-item .dot{display:none}.nav-cta .btn{padding:0;width:40px;justify-content:center}.module-preview,.rules-grid{grid-template-columns:1fr}}@media (max-width:767px){.shell{display:block;max-width:none;padding:0 0 76px}.center{padding:10px 14px 40px}.leftnav{position:fixed;bottom:0;top:auto;left:0;right:0;height:58px;flex-direction:row;align-items:stretch;justify-content:space-around;padding:0 calc(4px + env(safe-area-inset-right)) calc(env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left));gap:0;background:rgba(12,12,18,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-top:1px solid rgba(255,255,255,.1);z-index:50}.leftnav .logo,.leftnav .nav-cta,.leftnav .nav-footer,.leftnav .nav-group{display:none}.leftnav .nav-item{flex:1;flex-direction:column;height:100%;gap:1px;padding:6px 0 4px;justify-content:center;font-size:10px;border-radius:10px}.leftnav .nav-item span{font-size:20px;line-height:1}.leftnav .nav-item .t{font-size:10px;font-weight:500;letter-spacing:.01em}.leftnav .nav-item.active{background:rgba(255,255,255,.08)}.leftnav .nav-item.active:before{top:auto;bottom:-1px;left:20%;right:20%;width:auto;height:3px;border-radius:3px}.leftnav .nav-item .dot{position:absolute;top:7px;right:calc(50% - 20px)}.leftnav .nav-item[data-nav=circles],.leftnav .nav-item[data-nav=nudges],.leftnav .nav-item[data-nav=settings]{display:none}.topbar{margin:0 -14px;padding:0 14px;height:58px;gap:8px;background:linear-gradient(180deg,rgba(8,8,14,.9),rgba(8,8,14,.5) 55%,rgba(8,8,14,0));backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}.topbar.scrolled{border-bottom-color:transparent}.tb-brand{display:inline-block;white-space:nowrap}.topbar .sub,.topbar .tb-title,.topbar h1{display:none}.topbar .seg button{height:26px;padding:0 9px;font-size:11.5px}#tbSearch{display:none}#tbMore{display:inline-flex}.post-card{padding:16px 16px 12px;border-radius:16px}.post-card .title{font-size:17px;line-height:24px}.post-card .title-lg{font-size:19px;line-height:26px}.post-card .body{font-size:14px;line-height:22px}.reaction-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch}.reaction-bar::-webkit-scrollbar{display:none}.reaction-bar .chip{flex:none}.wall{column-gap:12px;margin-top:12px}.sticky{padding:26px 14px 12px;font-size:16px;line-height:22px;margin-bottom:12px}.sticky .mini-reactions{font-size:13px}.wall-filter{margin-top:10px;gap:4px}.modal-mask{padding:0;align-items:flex-end}.modal{max-width:100%;border-radius:20px 20px 0 0;max-height:92vh}.modal-body{padding:14px 18px 22px}.checkin-grid{gap:4px}.checkin-cell{border-radius:8px}.checkin-cell .day{font-size:9.5px;bottom:2px;right:4px}.dialog-paw svg{width:150px;height:150px}.stamp-scene{border-radius:12px}.compose-foot{flex-wrap:wrap}.field-body textarea{min-height:120px}.gate,.gate-author{padding:26px 16px}.cbox{padding:10px 12px}.reply-nest{margin-left:28px;padding-left:10px}.composer{padding:8px 12px}.demo-ribbon{display:none}.landing{padding:0 16px}.land-top .links a{display:none}.hero{padding:36px 0 24px}.hero-demo{padding:20px 16px;margin:24px auto}.mp-card{padding:16px}.land-footer{padding:28px 0 96px}.hero h1{font-size:34px;line-height:1.2}.compose-fab{display:flex;position:fixed;right:16px;bottom:74px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(180deg,#FF7A5C,#E8502E);color:#fff;font-size:24px;align-items:center;justify-content:center;box-shadow:0 8px 26px -6px rgba(255,107,74,.6);z-index:55}.compose-fab:active{transform:scale(.94)}}@media (hover:none){.chip:hover,.mp-card:hover,.nav-item:hover,.post-card:hover,.rail-link:hover,.sticky:hover{transform:none;background:inherit}.chip:hover{transform:none}}@media (prefers-reduced-motion:reduce){.hp,.post-card.flow:before{animation:none}.hp{opacity:.45}.aurora i{animation:none;opacity:.5}}