@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--bg:#121412;--ink:#eeefe7;--muted:#9ba294;--line:#343a31;--green:#ceff66;--mono:"IBM Plex Mono",monospace;--sans:"Space Grotesk",Arial,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);background-image:radial-gradient(#b2c69b0b .7px,#0000 .7px);background-size:5px 5px;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,color .18s,transform .18s,border-color .18s}a{color:inherit;text-decoration:none}button:hover{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}button:disabled{cursor:wait;opacity:.6}.topbar{border-bottom:1px solid var(--line);background:#121412ee;align-items:center;gap:65px;height:82px;padding:0 max(28px,5%);display:flex}.brand{letter-spacing:-6px;align-items:center;font-size:47px;font-weight:700;line-height:1;display:flex;transform:skew(-7deg)}.brand-dot{color:var(--green)}.brand>span:last-child:not(.brand-dot){letter-spacing:-1.2px;margin-left:16px;font-size:23px;font-weight:600}.topbar nav{align-items:center;gap:30px;height:100%;display:flex}.topbar nav button{height:100%;font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);position:relative}.topbar nav button:hover,.topbar nav .nav-active{color:var(--green)}.nav-active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 14px #ceff6630}.top-actions{margin-left:auto}.avatar{width:58px;height:58px;color:var(--green);background:#293122;border-radius:3px;place-items:center;font-size:27px;font-weight:500;display:grid}.avatar.small{width:32px;height:32px;font:13px var(--mono);border:1px solid #68794c;border-radius:50%}main{max-width:1040px;margin:auto;padding:0 42px}.demo-banner{border-bottom:1px dashed var(--line);color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 0;padding:12px 0;display:flex}.demo-banner>span:before{content:"↳ ";color:var(--green)}.demo-banner button{color:var(--green);align-items:center;gap:7px;font-size:9px;display:flex}.profile-hero{align-items:center;gap:25px;padding:43px 0 27px;display:flex}.portrait{color:#121412;background:var(--green);border:0;flex-shrink:0;width:90px;height:90px;font-size:52px;position:relative;transform:rotate(-4deg);box-shadow:5px 5px #ceff661c}.portrait:after{content:"///";font:9px var(--mono);letter-spacing:1px;color:#455827;position:absolute;bottom:6px;right:7px}.profile-copy{flex:1;min-width:0;max-width:560px}.handle{font:11px var(--mono);color:var(--muted)}h1{font-family:var(--sans);letter-spacing:-2.8px;margin:9px 0 13px;font-size:53px;font-weight:600;line-height:1.06}.profile-copy>p{color:#b9c0b1;max-width:480px;margin:0 0 12px;font-size:13px;line-height:1.8}.meta{font:9px var(--mono);color:var(--muted)}.meta>span{align-items:center;gap:5px;display:flex}.profile-buttons{flex-direction:column;align-items:center;gap:16px;min-width:135px;margin-left:auto;display:flex}.outline{font:9px var(--mono);text-transform:uppercase;letter-spacing:.5px;border:1px solid #66744f;border-radius:2px;align-items:center;gap:8px;padding:11px 15px;display:flex}.outline:hover{border-color:var(--green);background:#ceff660c}.text-button{color:var(--muted);font:9px var(--mono);align-items:center;gap:6px;display:flex}.compact-player{border:1px solid var(--line);border-left:2px solid var(--green);background:#1b1f18;align-items:center;gap:14px;padding:14px 17px;display:flex}.compact-player>svg{color:var(--green)}.sound-title{flex:1}.sound-title h3{font:500 12px var(--sans);margin:0 0 5px}.sound-title p{font:9px var(--mono);color:var(--muted);margin:0}.play-button{width:32px;height:32px;color:var(--green);border:1px solid #68794c;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.play-button:hover{background:var(--green);color:#121412;transform:scale(1.06)}.journal-grid{margin-top:41px;display:block}.section-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}h2{letter-spacing:-1px;margin:0;font-size:28px;font-weight:500}.section-top h2:before{content:"// ";color:#6e795f;font-weight:400}.primary{background:var(--green);color:#15200a;border:1px solid var(--green);font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.3px;border-radius:2px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;display:inline-flex}.primary:hover{color:#121412;background:#e0ff9e;transform:translateY(-1px)}.tabs{border-bottom:1px solid var(--line);gap:31px;display:flex}.tabs button{font:10px var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:14px 0 16px;display:flex;position:relative}.tabs button>span{font:8px var(--mono);color:#acb3a3;margin-left:3px}.tabs button>span:before{content:"["}.tabs button>span:after{content:"]"}.tabs .active,.tabs button:hover{color:var(--green)}.tabs .active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.entry-toolbar{color:var(--muted);justify-content:flex-end;padding:19px 0 0;display:flex}.entry-toolbar label{align-items:center;gap:8px;display:flex}.entry-toolbar input{font:10px var(--mono);color:var(--ink);background:0 0;border:0;width:115px}.entry-toolbar input::placeholder{color:#9aa28f}.entry{border-bottom:1px solid var(--line);gap:27px;padding:28px 0;animation:.3s ease-out arrive;display:flex}.entry-copy{flex:1;min-width:0}.entry-label{font:8px var(--mono);letter-spacing:1px;color:var(--muted);justify-content:space-between;gap:12px;display:flex}.entry-label>span{align-items:center;gap:6px;display:flex}.entry-label time{letter-spacing:0}.entry h3{letter-spacing:-.7px;margin:10px 0 6px;font-size:25px;font-weight:500}.creator{font:10px var(--mono);color:var(--muted);margin:0}.stars{letter-spacing:3px;color:var(--green);margin-top:12px;font-size:12px}.stars>span{color:#879578}.review-body{color:#c0c6b8;white-space:pre-wrap;max-width:670px;margin:12px 0 0;font-size:13px;line-height:1.85}.entry-bottom{color:var(--muted);justify-content:flex-end;margin-top:7px;display:flex}.entry-bottom:empty{display:none}.cover{text-align:center;color:#f6f5e9;filter:saturate(.7);border-radius:1px;flex-direction:column;justify-content:space-between;width:98px;min-width:98px;height:142px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:3px 3px #0006}.cover>span{font:5px var(--mono);letter-spacing:1.1px;z-index:1}.cover strong{z-index:1;overflow-wrap:anywhere;font:700 23px/1.05 Georgia,serif}.cover small{font:6px var(--mono);z-index:1}.perfect{background:linear-gradient(160deg,#c1c49d 0%,#8da17f 30%,#395a51 31%,#829e8d 32%,#1e453a 63%,#929a71 64%,#c4b779 66%,#355c4c 100%)}.perfect:after{content:"";background:repeating-linear-gradient(78deg,#0000 0 24px,#1b362952 25px 28px,#0000 29px 45px);position:absolute;inset:0}.kids{color:#272b29;background:#dedbcb;border:5px solid #c4c3b4}.kids strong{text-transform:uppercase;font-size:25px}.kids:after{content:"";opacity:.4;background:linear-gradient(100deg,#26332d 40%,#999a8d 41%,#c1c0ae 60%,#565d51 61%);height:50px;position:absolute;top:45px;left:5px;right:5px}.rainbows{background:repeating-linear-gradient(13deg,#123a39 0 9px,#d85926 10px 14px,#e3b24b 15px 17px,#263e3e 18px 24px,#18332f 25px 33px);justify-content:center}.rainbows strong{text-transform:uppercase;font:700 17px/1.15 Arial,sans-serif}.rainbows small{margin-top:9px}.aftersun{background:linear-gradient(155deg,#9bc8ca,#6394a5 47%,#d3ba8e 48%,#93aea1 80%)}footer{border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:45px;padding:22px 0 30px;display:flex}footer .brand{letter-spacing:-4px;font-size:29px}.eyebrow{font:9px var(--mono);letter-spacing:1.4px;color:var(--green)}.discover{min-height:65vh;padding-top:55px}.discover h1{max-width:650px;font-size:48px}.discover>p{color:var(--muted);line-height:1.7}.discover>button{font:10px var(--mono);margin:12px 0}.people{grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0;display:grid}.people>a{border:1px solid var(--line);background:#1b1f18;padding:24px;transition:border-color .2s}.people>a:hover{border-color:var(--green)}.people h2{margin:18px 0 9px;font-size:24px}.people p{color:var(--muted);font-size:12px;line-height:1.8}.people .avatar{border-radius:2px}.people>a>svg{color:var(--green);margin-top:15px}.empty{text-align:center;color:var(--muted);padding:55px 20px;line-height:1.8}.empty>svg{color:var(--green);margin:0 auto}.empty h3{color:var(--ink);margin:18px 0 10px;font-size:20px;font-weight:500}.empty button{color:var(--green);margin:20px auto;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;background:#060906b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#191d17;border:1px solid #4a5640;width:510px;max-height:92vh;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 90px #0006}.modal h2{margin:12px 0 25px;font-size:30px}.close{position:absolute;top:17px;right:17px}.modal label{font:10px var(--mono);color:#b8c0ac;margin:15px 0;display:block}.modal input,.modal textarea,.modal select{width:100%;color:var(--ink);font:13px var(--sans);background:#11150f;border:1px solid #48503e;border-radius:1px;margin-top:9px;padding:11px;display:block}.modal small{font:10px/1.8 var(--mono);color:var(--muted);display:block}.modal .primary{width:100%;margin-top:22px}.form-divider{font:9px var(--mono);letter-spacing:1.2px;color:var(--green);border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.error{color:#ffad8e;font-size:12px;line-height:1.7}.toast{background:var(--green);color:#15200a;z-index:20;max-width:90vw;font:11px/1.5 var(--mono);border:1px solid #e0ff9e;align-items:center;gap:10px;padding:15px 22px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 35px #0006}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.topbar{gap:27px;height:70px;padding:0 21px}.brand{letter-spacing:-5px;font-size:37px}.brand>span:last-child:not(.brand-dot){letter-spacing:-1px;margin-left:12px;font-size:18px}.topbar nav{gap:18px}.topbar nav button{letter-spacing:.4px;font-size:8px}.avatar.small{width:28px;height:28px;font-size:11px}main{padding:0 22px}.demo-banner{letter-spacing:.7px;margin-top:13px;font-size:8px}.demo-banner button{font-size:8px}.profile-hero{flex-wrap:wrap;gap:18px;padding:30px 0 24px}.portrait{width:64px;height:70px;font-size:39px}.profile-copy{min-width:180px}.handle{font-size:10px}h1{letter-spacing:-1.8px;margin:8px 0 12px;font-size:37px}.profile-copy>p{margin-bottom:10px;font-size:12px}.meta{font-size:9px}.profile-buttons{flex-direction:row;justify-content:flex-start;gap:22px;width:100%;margin-left:82px}.outline{padding:10px 12px;font-size:8px}.text-button{font-size:8px}.compact-player{gap:12px;padding:13px 14px}.sound-title h3{font-size:12px}.sound-title p{font-size:8px}.journal-grid{margin-top:32px}.section-top h2{font-size:26px}.primary{padding:11px 13px;font-size:9px}.section-top{margin-bottom:15px}.tabs{gap:23px}.tabs button{letter-spacing:0;gap:5px;font-size:9px}.tabs button>span{margin-left:0;font-size:7px}.tabs button>svg{width:12px}.entry-toolbar{padding:16px 0 0}.entry-toolbar input{width:105px;font-size:9px}.entry{gap:18px;padding:24px 0}.cover{width:77px;min-width:77px;height:116px;padding:8px}.cover strong{font-size:19px}.cover>span{letter-spacing:.6px;font-size:4px}.cover small{font-size:5px}.kids{border-width:4px}.kids strong{font-size:21px}.rainbows strong{font-size:13px}.entry h3{margin:9px 0 6px;font-size:22px}.entry-label{letter-spacing:.5px;font-size:7px}.creator{font-size:9px;line-height:1.6}.stars{margin-top:9px;font-size:11px}.review-body{font-size:12px;line-height:1.8}.people{grid-template-columns:1fr}.discover{padding-top:35px}.discover h1{font-size:39px}.modal{padding:27px}.modal h2{font-size:27px}footer{letter-spacing:.7px;font-size:7px}}@media (max-width:390px){.topbar{gap:20px}.brand>span:last-child:not(.brand-dot){font-size:16px}.topbar nav{gap:13px}.tabs{gap:17px}.tabs button>span{display:none}.profile-buttons{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shelf-views{border:1px solid var(--line);background:#181c16;border-radius:3px;gap:3px;width:fit-content;margin-top:22px;padding:4px;display:flex}.shelf-views button{font:10px var(--mono);color:var(--muted);border-radius:1px;align-items:center;gap:8px;padding:10px 17px;display:flex}.shelf-views button[aria-selected=true]{color:#e6eed9;background:#353f2b;box-shadow:inset 0 0 0 1px #627348}.shelf-views button>span{color:var(--green);font-size:13px}.recommendations{padding-top:30px}.rec-intro{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.rec-intro h3{letter-spacing:-1px;margin:10px 0;font-size:30px;font-weight:500}.rec-intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.preview-label{font:8px var(--mono);letter-spacing:1px;color:#a9b696;white-space:nowrap;border:1px dashed #4a573d;padding:7px 9px}.taste-signals{font:9px var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;margin:20px 0 23px;display:flex}.taste-signals>svg{color:#b6c89c}.signal{color:#c0d3a7;background:#242b1e;border:1px solid #37442b;padding:6px 8px}.rec-controls{font:9px var(--mono);color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 0;display:flex}.rec-controls>button{align-items:center;gap:7px;display:flex}.rec-controls>button[aria-pressed=true]{color:var(--green)}.rec-controls button>span{color:#d1e5b5;background:#303a25;padding:3px 5px}.rec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.rec-card{border:1px solid var(--line);background:#191d17;min-width:0;transition:border-color .2s,transform .2s;animation:.25s ease-out arrive}.rec-card:hover{border-color:#728754;transform:translateY(-3px)}.rec-art{color:#f3f1e7;border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;height:185px;padding:17px;display:flex;position:relative;overflow:hidden}.rec-art>span{font:7px var(--mono);letter-spacing:1.5px;z-index:1;position:relative}.rec-art>strong{letter-spacing:-1.4px;z-index:1;max-width:210px;font-size:29px;font-weight:600;line-height:1.05;position:relative}.rec-art .art-footer{letter-spacing:1.5px;justify-content:space-between;align-items:center;font-size:6px;display:flex}.rec-paterson{background:linear-gradient(155deg,#1c4342,#63827b 48%,#b4a172 49%,#6f6247 50%,#213e3c 72%)}.rec-past{background:linear-gradient(120deg,#3b3d28 0%,#68774c 48%,#2b4549 49%,#192d30 100%)}.rec-columbus{background:repeating-linear-gradient(90deg,#0000 0 45px,#142d3466 46px 49px),linear-gradient(25deg,#2e494b 50%,#8a9b96 51%)}.rec-mtrain{background:repeating-linear-gradient(10deg,#0000 0 16px,#ffffff05 17px 18px),#4d4b43}.rec-bluets{background:linear-gradient(135deg,#2441a0,#112653 80%)}.rec-year{color:#262d25;background:#b7b298}.rec-moon{background:repeating-radial-gradient(at 0 100%,#323d38 0 7px,#a4aba1 8px 12px,#58665b 13px 20px)}.rec-blake{background:linear-gradient(20deg,#161e20 20%,#4e6564 50%,#a3afa3 51%,#313e3c 52%,#0d2420)}.rec-process{background:repeating-linear-gradient(75deg,#6b3428 0 12px,#3c2924 13px 24px,#956142 25px 34px)}.rec-content{padding:18px 15px 13px}.rec-reason{font:9px/1.7 var(--mono);color:#bbcf9e;min-height:46px}.rec-reason>span{color:var(--green)}.rec-content h4{letter-spacing:-.5px;margin:10px 0 7px;font-size:20px;font-weight:500;line-height:1.2}.rec-creator{font:9px/1.6 var(--mono);color:var(--muted);margin:0}.rec-body{font:12px/1.8 var(--sans);color:#bec5b5;min-height:108px;margin:15px 0}.rec-tags{flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:47px;display:flex}.rec-tags>span{font:8px var(--mono);color:#9cae89;background:#232c1c;padding:5px 6px}.save-pick{color:#d0e5b2;width:100%;font:9px var(--mono);border:1px solid #5e7147;justify-content:center;align-items:center;gap:8px;margin-top:5px;padding:11px 6px;display:flex}.save-pick:hover,.save-pick.is-saved{border-color:var(--green);color:var(--green);background:#ceff6612}.rec-feedback{border-top:1px solid var(--line);justify-content:space-between;gap:4px;margin-top:13px;padding-top:12px;display:flex}.rec-feedback button{font:8px/1.6 var(--mono);color:#a2ab97;padding:3px 0}.rec-feedback button:hover,.rec-feedback button[aria-pressed=true]{color:var(--green)}.rec-dismissed{font:10px var(--mono);color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;padding:12px 0;display:flex}.rec-dismissed button{color:var(--green);align-items:center;gap:7px;display:flex}.rec-preview-note{font:9px/1.9 var(--mono);color:#9ba98d;border-left:1px solid #4a593b;max-width:650px;margin:24px 0 0;padding-left:12px}@media (max-width:760px){.shelf-views{margin-top:18px}.shelf-views button{padding:9px 15px;font-size:9px}.rec-intro h3{max-width:260px;font-size:26px}.rec-intro{gap:13px}.preview-label{letter-spacing:.7px;padding:6px;font-size:6px}.rec-intro .eyebrow{font-size:8px}.rec-intro p{font-size:11px}.rec-grid{grid-template-columns:1fr;gap:20px}.rec-card{grid-template-columns:105px minmax(0,1fr);display:grid}.rec-art{border-bottom:0;border-right:1px solid var(--line);height:auto;min-height:100%;padding:13px 10px}.rec-art>strong{letter-spacing:-1px;overflow-wrap:anywhere;font-size:22px}.rec-art>span{letter-spacing:.7px;font-size:5px}.rec-art .art-footer{letter-spacing:.5px;flex-wrap:wrap;gap:7px;font-size:5px}.rec-content{padding:15px 13px}.rec-reason{min-height:0;font-size:8px}.rec-body{min-height:0;margin:12px 0;font-size:11px;line-height:1.8}.rec-tags{min-height:0;margin-bottom:12px}.rec-content h4{font-size:20px}.rec-feedback{flex-wrap:wrap;gap:6px 10px}.rec-feedback button{font-size:7px}.taste-signals{gap:7px;font-size:8px}.rec-tags>span{font-size:7px}.rec-preview-note{font-size:8px}.recommendations{padding-top:25px}}.entry-picker{width:580px}.entry-picker h2{max-width:420px;margin-bottom:11px}.picker-intro{color:var(--muted);margin:0 0 26px;font-size:13px}.entry-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.entry-types>button{text-align:left;background:#20271b;border:1px solid #4b5a3b;flex-direction:column;align-items:flex-start;gap:16px;min-height:175px;padding:21px 15px;display:flex;position:relative}.entry-types>button:hover{border-color:var(--green);background:#2a361e;transform:translateY(-3px)}.entry-types>button>svg:first-child{color:var(--green)}.entry-types strong{letter-spacing:-.5px;font-size:20px;font-weight:500}.entry-types span{font:9px/1.7 var(--mono);color:var(--muted)}.entry-types>button>svg:last-child{color:#91a67b;position:absolute;top:18px;right:13px}.picker-note{font:9px/1.8 var(--mono);color:var(--muted);margin:22px 0 0}.selected-entry-type{font:10px var(--mono);background:#242e1b;border:1px solid #52643f;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px;display:flex}.selected-entry-type>span{color:var(--green);align-items:center;gap:9px;display:flex}.selected-entry-type>button{color:#bdcfa7;font-size:9px}.character-count{text-align:right;font:9px var(--mono);color:var(--muted);margin-top:7px;display:block}@media (max-width:560px){.entry-types{grid-template-columns:1fr;gap:10px}.entry-types>button{grid-template-columns:30px 1fr;align-items:center;gap:8px 13px;min-height:88px;padding:16px;display:grid}.entry-types>button>svg:first-child{grid-row:span 2}.entry-types strong{font-size:20px}.entry-types span{grid-column:2}.entry-types>button>svg:last-child{top:20px;right:17px}.entry-picker h2{max-width:260px;font-size:28px}}button{transition:background .22s,color .22s,transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s}button:active{transform:translateY(1px)scale(.97)}.primary{background:linear-gradient(110deg,#e7ffb3 0% 49%,#ceff66 50% 100%) 100% 0/220% 100%;transition:background-position .35s,transform .18s,box-shadow .25s}.primary:hover,.primary:focus-visible{background-position:0 0;transform:translate(-1px,-1px);box-shadow:4px 4px #ceff6620}.primary:active{transform:translate(1px,2px)scale(.97);box-shadow:0 0 #ceff6600}.primary>svg,.text-button>svg,.entry-types>button>svg:last-child{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.primary:hover>svg,.primary:focus-visible>svg{transform:rotate(90deg)}.primary:hover>svg:last-child:not(:first-child){transform:translate(2px,-2px)rotate(0)}.text-button:hover>svg,.entry-types>button:hover>svg:last-child{transform:translate(2px,-2px)}.outline:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #ceff661c}.outline:active{box-shadow:none;transform:translate(1px,1px)}.tabs{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);isolation:isolate;background:#121412f5;padding-top:7px;position:sticky;top:0;box-shadow:0 8px 15px #12141288}.tabs .active:after{display:none}.tabs>.tab-marker{pointer-events:none;background:var(--green);z-index:-1;height:2px;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-1px;left:0;box-shadow:0 0 15px #ceff6640}.tabs button{transition:color .25s,transform .18s}.tabs button:hover{transform:translateY(-2px)}.tabs button:active{transform:translateY(0)}.shelf-views button{transition:background .25s,color .25s,box-shadow .25s}.entry-list{animation:.28s ease-out shelf-in}.entry{transition:opacity .5s,transform .5s,border-color .25s}.entry:hover{border-color:#526242}.cover{cursor:pointer;isolation:isolate;transform-origin:50% 85%;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .3s;overflow:visible}.cover:before{content:"";z-index:-1;opacity:0;border:1px solid #ceff6680;transition:transform .3s,opacity .3s;position:absolute;inset:0;transform:translate(0)}.cover:hover,.cover:focus-visible{filter:saturate();transform:translateY(-5px)rotate(-2deg);box-shadow:7px 9px #0005}.cover:hover:before,.cover:focus-visible:before{opacity:1;transform:translate(6px,6px)}.cover:active{transform:translateY(-1px)rotate(-1deg)scale(.98)}.cover strong{overflow-wrap:anywhere;max-width:100%;overflow:hidden}.portrait{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.portrait:hover{transform:rotate(2deg)translateY(-3px);box-shadow:-6px 8px #ceff6624}.portrait.is-playing{outline-offset:5px;outline:1px solid #ceff6655;animation:2s ease-in-out infinite profile-pulse}.compact-player>svg{transition:color .3s}.compact-player.is-playing>svg{animation:8s linear infinite disc-turn}.equalizer{opacity:.35;order:-1;align-items:center;gap:3px;height:22px;display:flex}.equalizer i{background:var(--green);width:2px;height:3px;transition:height .25s;display:block}.compact-player>.equalizer{order:0}.is-playing .equalizer{opacity:1}.is-playing .equalizer i{animation:.8s ease-in-out infinite alternate equalize}.is-playing .equalizer i:nth-child(2){animation-delay:-.4s}.is-playing .equalizer i:nth-child(3){animation-delay:-.6s}.is-playing .equalizer i:nth-child(4){animation-delay:-.2s}.save-pick.is-saved>svg{animation:.3s cubic-bezier(.2,1.6,.4,1) bookmark-snap}.rec-card{transition:transform .3s,border-color .3s,opacity .5s}.entry.reveal-ready,.rec-card.reveal-ready{opacity:0;transform:translateY(15px)}.entry.revealed,.rec-card.revealed{opacity:1}.modal{animation:.24s cubic-bezier(.22,1,.36,1) modal-in}.modal-backdrop{animation:.18s ease-out backdrop-in}.rating-picker{border:0;margin:18px 0 22px;padding:0}.rating-picker legend{font:10px var(--mono);color:#b8c0ac;margin-bottom:10px}.rating-picker>div{gap:8px;width:fit-content;display:flex}.rating-picker button{color:#647255;padding:2px;font-size:32px;line-height:1.2;transition:color .12s,transform .18s,text-shadow .2s}.rating-picker button.lit{color:var(--green)}.rating-picker button:hover,.rating-picker button:focus-visible{text-shadow:0 0 20px #ceff6633;transform:translateY(-3px)rotate(-8deg)}.rating-picker button:active{transform:scale(.85)}.rating-picker>span{font:9px var(--mono);color:var(--muted);margin-top:10px;display:block}.character-count{transition:color .2s}.character-count.near-limit{color:var(--green)}.reading-progress{display:none}.review-detail .review-body{margin:24px 0 8px;font-size:15px;line-height:1.9}.review-detail h2{margin-bottom:13px}.review-detail .stars{margin-top:18px}@supports (animation-timeline:scroll()){.reading-progress{background:var(--green);transform-origin:0;z-index:30;pointer-events:none;height:2px;animation:linear reading-progress;animation-timeline:scroll(root);display:block;position:fixed;top:0;left:0;right:0}}@keyframes reading-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shelf-in{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes bookmark-snap{0%{transform:scale(.5)rotate(-15deg)}to{transform:scale(1)rotate(0)}}@keyframes profile-pulse{50%{outline-offset:8px;outline-color:#ceff66aa}}@keyframes disc-turn{to{transform:rotate(360deg)}}@keyframes equalize{0%{height:4px}to{height:19px}}@media (hover:none){.cover:hover,.portrait:hover,.tabs button:hover,.primary:hover,.outline:hover{box-shadow:none;transform:none}.cover:hover:before{opacity:0}.cover:active,.primary:active{transform:scale(.97)}}@media (max-width:760px){.tabs{padding-top:9px}.tabs button{padding-top:12px;padding-bottom:15px}.equalizer{gap:2px}.rating-picker button{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.entry.reveal-ready,.rec-card.reveal-ready{opacity:1;transform:none}.cover:hover,.cover:focus-visible,.portrait:hover,.tabs button:hover{transform:none}.reading-progress{display:none}.is-playing .equalizer i{height:10px}.is-playing .equalizer i:nth-child(2n){height:17px}}.section-top .primary{background-image:linear-gradient(115deg,#e7ffb1 0%,#d6ff83 24%,#c0ee60 49%,#dfff9c 50%,#cefb75 74%,#b8e858 100%);background-size:220% 100%;border-color:#d4f995;box-shadow:inset 0 1px #f5ffd960,inset 0 -1px #648b2620}.section-top .primary:hover,.section-top .primary:focus-visible{background-image:linear-gradient(115deg,#e7ffb1 0%,#d6ff83 24%,#c0ee60 49%,#dfff9c 50%,#cefb75 74%,#b8e858 100%);box-shadow:inset 0 1px #f5ffd980,4px 4px #ceff6620}.section-top .primary:active{box-shadow:inset 0 1px 3px #466b2725}.portrait{background:radial-gradient(at 15% 5%,#efffc44d,#0000 65%),linear-gradient(135deg,#ddff9a 0%,#cefa76 48%,#b6e75c 100%);box-shadow:inset 0 1px #f3ffd280,inset 0 -1px #4e731d25,5px 5px #ceff661c}.portrait:hover{box-shadow:inset 0 1px #f3ffd280,-6px 8px #ceff6624}.community-page{min-height:75vh;padding-top:45px}.community-heading{justify-content:space-between;align-items:center;gap:20px;margin:10px 0 30px;display:flex}.community-heading h1{margin:0 0 13px;font-size:47px}.community-heading p,.group-muted{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.community-nav,.group-filters{border-bottom:1px solid var(--line);gap:25px;display:flex}.community-nav button{font:11px var(--mono);color:var(--muted);align-items:center;gap:8px;padding:15px 0;display:flex;position:relative}.community-nav button[aria-selected=true],.group-filters button[aria-selected=true]{color:var(--green)}.community-nav button[aria-selected=true]:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.group-filters{border:0;flex-wrap:wrap;gap:9px;margin:23px 0 27px}.group-filters button{font:10px var(--mono);color:var(--muted);border:1px solid #0000;padding:10px 13px}.group-filters button[aria-selected=true]{background:#25301c;border-color:#53663e}.group-filters button>span{background:var(--green);color:#18220e;margin-left:9px;padding:2px 5px}.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.group-grid>.empty{grid-column:1/-1;width:100%}.group-card{text-align:left;border:1px solid var(--line);background:linear-gradient(140deg,#242e1a55,#181c17 75%);flex-direction:column;min-height:275px;padding:22px;display:flex}.group-card:hover{border-color:#91a96d;transform:translateY(-4px);box-shadow:4px 4px #ceff660c}.group-card-mark{color:var(--green);justify-content:space-between;margin-bottom:25px;display:flex}.group-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-badges>span{font:8px var(--mono);letter-spacing:.4px;text-transform:uppercase;color:#b2c69a;border:1px solid #465438;align-items:center;gap:5px;padding:5px 7px;display:flex}.group-card h3{letter-spacing:-.7px;color:var(--ink);overflow-wrap:anywhere;margin:16px 0 9px;font-size:23px;font-weight:500;line-height:1.2}.group-card p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.8}.group-card-foot{border-top:1px solid var(--line);font:9px var(--mono);color:var(--muted);justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;display:flex}.group-card-foot>span:last-child{color:#cce6a4}.group-privacy-note{color:var(--muted);align-items:baseline;gap:9px;padding:24px 0;display:flex}.group-privacy-note p{font:9px/1.8 var(--mono);max-width:660px;margin:0}.group-privacy-note>svg{flex-shrink:0}.group-feedback{font:11px/1.8 var(--mono);color:#d0e0b9;overflow-wrap:anywhere;background:#28351d;border-left:2px solid #a7c97c;margin:20px 0;padding:15px}.group-feedback.error{color:#ffbc9c;background:#36231c;border-color:#de9672}.group-feedback button{margin-left:15px;text-decoration:underline}.group-create{max-width:670px;padding-top:28px}.group-create h2{margin:25px 0 12px}.group-create form{margin:25px 0}.group-create label,.group-post-form label{font:10px var(--mono);color:#b8c0ac;margin:18px 0;display:block}.group-create input,.group-create textarea,.group-create select,.group-invite input,.group-post-form textarea{width:100%;color:var(--ink);font:13px var(--sans);background:#11150f;border:1px solid #48503e;border-radius:1px;margin-top:9px;padding:12px;display:block}.group-privacy{border:0;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;padding:0;display:grid}.group-privacy legend{font:10px var(--mono);color:#b8c0ac;margin-bottom:12px}.group-privacy button{text-align:left;color:var(--muted);background:#1a2015;border:1px solid #414e33;grid-template-columns:25px 1fr;gap:10px;padding:18px;display:grid}.group-privacy button[aria-pressed=true]{border-color:var(--green);background:#29371b}.group-privacy strong{color:var(--ink);font-size:14px;font-weight:500}.group-privacy svg{color:var(--green)}.group-privacy span{grid-column:2;font-size:11px;line-height:1.8}.group-account{border:1px solid var(--line);margin-top:25px;padding:25px}.group-account p{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.8}.group-detail{padding-top:27px}.group-detail-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;padding:28px 0;display:flex}.group-detail-heading h2{overflow-wrap:anywhere;margin:17px 0 14px;font-size:38px;line-height:1.15}.group-detail-heading p{color:#bdc7b0;white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px;margin:0 0 17px;font-size:13px;line-height:1.8}.group-meta{font:9px/1.8 var(--mono);color:var(--muted)}.group-detail-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:15px;display:flex}.owner-label{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.group-invite{background:#20291a;border:1px solid #485a36;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:25px;padding:22px;display:flex}.group-invite h3{align-items:center;gap:9px;margin:0 0 9px;font-size:15px;font-weight:500;display:flex}.group-invite h3 svg{color:var(--green)}.group-invite p{color:#abbc97;margin:0;font-size:11px;line-height:1.8}.group-invite form{flex:1;gap:9px;min-width:250px;max-width:350px;display:flex}.group-invite input{min-width:0;font:11px var(--mono);margin:0}.group-invite .primary{flex-shrink:0}.group-pending{border-top:1px solid #435333;width:100%;padding-top:17px}.group-pending>span{font:8px var(--mono);letter-spacing:1px;color:#a8bd91}.group-pending>div{justify-content:space-between;align-items:center;gap:15px;padding:14px 0 0;font-size:12px;display:flex}.group-pending small{font:9px var(--mono);color:var(--muted);margin-left:8px}.group-pending button{font:9px var(--mono);color:#c1d8a4;text-decoration:underline}.group-conversation{grid-template-columns:minmax(0,1fr) 220px;gap:40px;margin-top:33px;display:grid}.group-conversation h3{letter-spacing:-.4px;margin:0 0 20px;font-size:21px;font-weight:500}.group-conversation>div:only-child{grid-column:1/-1}.group-post-form{border:1px solid var(--line);margin-bottom:25px;padding:18px}.group-post-form label{margin:0 0 10px}.group-post-form textarea{resize:vertical}.group-post-form>div{justify-content:space-between;align-items:center;gap:15px;margin-top:13px;display:flex}.group-post-form>div>span{font:9px var(--mono);color:var(--muted)}.group-post{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:20px 0;display:flex}.group-post>a{font-size:12px}.group-post>a span{font:9px var(--mono);color:var(--muted);margin-left:6px}.group-post time{font:8px var(--mono);color:var(--muted)}.group-post p{white-space:pre-wrap;overflow-wrap:anywhere;color:#c7cebe;width:100%;margin:5px 0 0;font-size:13px;line-height:1.9}.group-quiet{color:var(--muted);align-items:center;gap:13px;padding:25px 0;display:flex}.group-quiet>span{color:var(--green);font-size:22px}.group-quiet p{font-size:12px;line-height:1.9}.group-member-list h3{font-size:14px}.group-member-list h3>span{color:var(--muted);font:9px var(--mono);margin-left:10px}.group-member-list>a{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;font-size:11px;display:flex}.group-member-list .avatar{border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:13px}.group-member-list small{font:8px var(--mono);color:var(--muted);margin-top:5px;display:block}.group-invitations article{background:#20291a;border:1px solid #52663e;margin-bottom:18px;padding:25px}.group-invitations .eyebrow{align-items:center;gap:7px;display:flex}.group-invitations h3{letter-spacing:-.5px;margin:15px 0 10px;font-size:26px;font-weight:500}.group-invitations p{color:#b7c5a7;font-size:12px;line-height:1.8}.group-invitations article>span{font:10px var(--mono);color:var(--muted)}.group-invitations article>div:last-child{gap:13px;margin-top:22px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.community-page{padding-top:30px}.community-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:20px}.community-heading h1{font-size:37px}.community-heading p{max-width:280px;font-size:11px}.group-grid{grid-template-columns:1fr}.group-card{min-height:230px}.group-card-mark{margin-bottom:18px}.group-privacy{grid-template-columns:1fr}.group-privacy button{padding:15px}.group-create h2{font-size:27px}.group-detail-heading{flex-direction:column;gap:20px}.group-detail-heading h2{font-size:32px}.group-detail-actions{flex-direction:row;gap:18px}.group-invite{padding:17px}.group-invite form{min-width:100%;max-width:100%}.group-conversation{grid-template-columns:1fr;gap:30px}.group-member-list{max-width:100%}.group-filters{gap:5px}.group-filters button{padding:9px 10px;font-size:9px}.group-post-form{padding:15px}.group-invitations article{padding:20px}.group-invitations article>div:last-child{flex-wrap:wrap}.community-nav{gap:25px}.community-nav button{font-size:10px}}.profile-name-row{flex-wrap:wrap;align-items:center;gap:8px 17px;margin:9px 0 13px;display:flex}.profile-name-row h1{overflow-wrap:anywhere;max-width:100%;margin:0}.culture-level{position:relative}.culture-badge{color:#d5ebba;font:9px var(--mono);white-space:nowrap;background:linear-gradient(120deg,#2b391e,#1b2416);border:1px solid #667c48;border-radius:3px;align-items:center;gap:7px;padding:8px 9px;display:flex}.culture-badge:hover,.culture-badge[aria-expanded=true]{border-color:var(--green);color:var(--green);background:#2d3b20}.culture-count{color:#a9c28e;border-left:1px solid #52653b;padding-left:7px}.culture-badge>svg:last-child{transition:transform .2s}.culture-badge .is-open{transform:rotate(180deg)}.culture-panel{z-index:8;width:325px;color:var(--ink);background:#1b2117;border:1px solid #647c45;padding:21px;animation:.18s ease-out modal-in;position:absolute;top:calc(100% + 12px);left:0;box-shadow:6px 8px #0005,0 15px 45px #0004}.culture-panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.culture-panel-heading>.eyebrow{letter-spacing:1.2px;font-size:8px}.culture-panel-heading>span:last-child{font:9px var(--mono);color:var(--muted)}.culture-panel h3{letter-spacing:-.7px;margin:13px 0 20px;font-size:26px;font-weight:500}.culture-breakdown{border-bottom:1px solid #3f4d32;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:20px;display:grid}.culture-breakdown>div{color:#adc68e;flex-wrap:wrap;align-items:center;gap:7px;display:flex}.culture-breakdown strong{color:var(--ink);font-size:21px;font-weight:500}.culture-breakdown>div>span{width:100%;font:9px var(--mono);color:var(--muted);display:block}.culture-progress-caption{font:9px/1.7 var(--mono);color:#bbceaa;justify-content:space-between;gap:12px;margin:17px 0 10px;display:flex}.culture-progress-caption>span:last-child{white-space:nowrap;color:var(--muted)}.culture-progress{background:#39452e;height:4px;overflow:hidden}.culture-progress>span{background:linear-gradient(90deg,#83af4b,#d8ff83);height:100%;transition:width .4s;display:block}.culture-scale{font:9px/1.8 var(--mono);color:var(--muted);margin-top:18px}.culture-scale summary{cursor:pointer;color:#c2d7a4;list-style-position:inside}.culture-scale dl{margin:15px 0 0}.culture-scale dl>div{border-bottom:1px solid #323e29;justify-content:space-between;padding:6px 0;display:flex}.culture-scale dd{margin:0}.culture-scale .current{color:var(--green)}.culture-scale p{font:9px/1.8 var(--mono);color:var(--muted);margin:15px 0 0}@media (max-width:760px){.profile-name-row{gap:12px;margin:8px 0 13px}.culture-badge{padding:7px 8px;font-size:8px}.culture-panel{width:auto;max-height:75vh;padding:22px;position:fixed;inset:auto 20px 20px;overflow:auto;box-shadow:0 0 0 100vmax #0006,0 10px 40px #0009}.culture-panel h3{font-size:25px}.culture-level:has(.culture-panel) .culture-badge{z-index:9;position:relative}}@media (prefers-reduced-motion:reduce){.culture-panel{animation:none}.culture-badge>svg:last-child,.culture-progress>span{transition:none}}.culture-close{color:var(--muted);padding:4px;position:absolute;top:12px;right:10px}.culture-panel-heading{padding-right:22px}.brand.afterimage-brand{letter-spacing:normal;align-items:center;gap:12px;transform:none}.afterimage-mark{flex-shrink:0;width:62px;height:45px;transition:transform .3s cubic-bezier(.22,1,.36,1),filter .3s;display:block}.brand.afterimage-brand>span.afterimage-wordmark{letter-spacing:-1.2px;transform-origin:0;color:#eeefe7;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-style:italic;font-weight:900;line-height:1;transform:scaleX(1.03)}.afterimage-brand:hover .afterimage-mark,.afterimage-brand:focus-visible .afterimage-mark{filter:drop-shadow(3px 0 #ceff6614);transform:translate(-2px)}footer .brand.afterimage-brand .afterimage-mark{width:47px;height:35px}footer .afterimage-brand{opacity:.8}footer .afterimage-brand:hover{opacity:1}@media (max-width:760px){.brand.afterimage-brand{gap:8px}.afterimage-mark{width:45px;height:34px}.brand.afterimage-brand>span.afterimage-wordmark{letter-spacing:-1px;font-size:19px}.topbar{gap:24px}.topbar nav{gap:16px}}@media (max-width:390px){.brand.afterimage-brand{gap:5px}.afterimage-mark{width:37px;height:29px}.brand.afterimage-brand>span.afterimage-wordmark{font-size:16px}.topbar{gap:18px}.topbar nav{gap:12px}}@media (prefers-reduced-motion:reduce){.afterimage-mark{transition:none}.afterimage-brand:hover .afterimage-mark{filter:none;transform:none}}.user-avatar{flex-shrink:0;position:relative;overflow:hidden}.user-avatar.has-art{background:#121412;border:0;padding:0}.avatar-art{width:100%;height:100%;display:block;overflow:hidden}.user-avatar.portrait{font-size:34px}.user-avatar.portrait:after{pointer-events:none}.user-avatar.portrait.has-art:after{display:none}.profile-menu-avatar{border:0;border-radius:50%;padding:0;display:block}.profile-menu-avatar:hover{transform:translateY(-2px)}.profile-menu-avatar .user-avatar{pointer-events:none}.avatar-picker{border:0;min-width:0;margin:0 0 24px;padding:0}.avatar-picker>legend{font:10px var(--mono);color:#b8c0ac;margin-bottom:12px}.avatar-picker-preview{background:#20291a;border:1px solid #4a5a38;align-items:center;gap:13px;padding:13px;display:flex}.picker-avatar{border-radius:5px;width:56px;height:56px;font-size:24px}.avatar-picker-preview>div{flex:1;min-width:0}.avatar-picker-preview strong{font-size:13px;font-weight:500}.avatar-picker-preview p{font:9px/1.7 var(--mono);color:var(--muted);margin:5px 0 0}.avatar-picker-preview .outline{white-space:nowrap;padding:9px;font-size:8px}.avatar-picker-options{background:#151a12;border:1px solid #4a5a38;border-top:0;padding:15px}.avatar-picker-intro{font:10px/1.8 var(--mono);color:#bfd5a4;margin:0 0 14px}.initials-option{border:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:11px;display:flex}.initials-option>span:nth-child(2){flex:1;font-size:12px}.initials-option small{font:8px/1.6 var(--mono);color:var(--muted);margin-top:3px;display:block}.initials-option.chosen{border-color:var(--green);background:#29371b}.initials-option>svg{color:var(--green)}.avatar-collections{flex-wrap:wrap;gap:5px;margin:17px 0;display:flex}.avatar-collections button{font:8px var(--mono);color:var(--muted);border:1px solid #3f4e31;padding:7px 8px}.avatar-collections button[aria-pressed=true]{color:var(--green);background:#2c3a1e;border-color:#8fa76c}.avatar-option-grid{overscroll-behavior:contain;scrollbar-color:#789456 #20271a;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 9px;max-height:345px;padding:4px;display:grid;overflow-y:auto}.avatar-option-grid>button{text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:5px;display:flex}.avatar-option-grid>button:hover{background:#2a351f;transform:translateY(-2px)}.avatar-option-grid>button.chosen{border-color:var(--green);background:#2e3d20}.avatar-option-art{aspect-ratio:1;background:#141713;border-radius:9px;width:100%;display:block;position:relative;overflow:hidden}.avatar-option-grid>button>span:last-child{font:8px/1.5 var(--mono);color:#c2cdb4}.avatar-check{background:var(--green);color:#121412;border:2px solid #121412;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:3px;right:3px}.avatar-picker-hint{font:9px/1.8 var(--mono);color:var(--muted);margin:14px 0 0}.group-post-author{align-items:center;gap:9px;display:flex}.group-post-author .user-avatar{width:27px;height:27px;font-size:10px}.group-post-author>span:not(.avatar){margin-left:0}.people .user-avatar{border-radius:5px}@media (max-width:760px){.user-avatar.portrait{font-size:26px}.avatar-picker-preview{gap:10px;padding:11px}.picker-avatar{width:48px;height:48px}.avatar-picker-preview strong{font-size:12px}.avatar-picker-preview p{font-size:8px}.avatar-picker-preview .outline{padding:8px;font-size:7px}.avatar-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px;max-height:330px}.avatar-picker-options{padding:12px}.avatar-option-grid>button>span:last-child{font-size:8px}.avatar-collections button{padding:7px;font-size:7px}}.profile-icon-button{flex-shrink:0;padding:0;display:block;position:relative}.profile-icon-button .portrait{pointer-events:none}.profile-icon-edit{width:23px;height:23px;color:var(--green);background:#202b16;border:1px solid #799359;border-radius:50%;place-items:center;transition:transform .2s;display:grid;position:absolute;bottom:-7px;right:-5px}.profile-icon-button:hover .profile-icon-edit,.profile-icon-button:focus-visible .profile-icon-edit{transform:rotate(-8deg)scale(1.1)}.profile-icon-button:hover .portrait{transform:rotate(2deg)translateY(-3px)}:root{--bg:#151615}body{background-color:#151615;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.115'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath fill='%23ffffff' d='M0 0h190v190H0z' filter='url(%23grain)'/%3E%3C/svg%3E"),radial-gradient(at 10% 0,#34363360 0%,#0000 58%),radial-gradient(at 95% 75%,#080a0980 0%,#0000 64%),linear-gradient(145deg,#222421 0%,#191b19 37%,#111311 75%,#1c1f1b 100%);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:190px 190px,100% 100%,100% 100%,100% 100%;background-attachment:fixed}@media (max-width:760px){body{background-attachment:scroll}}main.landing{isolation:isolate;background:#0e110f;grid-template-rows:auto 1fr auto;width:100%;max-width:none;min-height:100svh;margin:0;padding:31px 42px 26px;display:grid;position:relative;overflow:hidden}.vhs-atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(at 47% 48%,#20271f 0%,#161d17 35%,#101510 67%,#0b0e0c 100%);position:absolute;inset:0;overflow:hidden}.vhs-haze{opacity:.55;filter:blur(40px);background:radial-gradient(at 15% 35%,#42625345,#0000 48%),radial-gradient(at 84% 65%,#3d385b30,#0000 43%),radial-gradient(at 80% 10%,#68735c15,#0000 40%);animation:32s ease-in-out infinite alternate tape-drift;position:absolute;inset:-18%}.vhs-grain{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h170v170H0z' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");background-size:170px 170px;position:absolute;inset:0}.vhs-scanlines{opacity:.16;background:repeating-linear-gradient(#0000 0 2px,#000 3px 4px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0005,#000);mask-image:radial-gradient(#0005,#000)}.vhs-tracking{opacity:0;background:linear-gradient(#0000,#d8e3d107 40%,#b8d5ab0c 49%,#0002 50%,#0000 70%);height:14vh;animation:20s linear infinite tape-track;position:absolute;top:0;left:0;right:0}.vhs-vignette{background:radial-gradient(#0000 20%,#05080635 64%,#030504b3 100%);position:absolute;inset:0;box-shadow:inset 0 0 150px #0003}.landing-corners{color:#a1ac96;font:8px/1.7 var(--mono);letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-corners>span{opacity:.65}.landing-corners>a{color:#b7c9a2;letter-spacing:.5px;align-items:center;gap:7px;padding:8px 0;font-size:10px;display:flex}.landing-corners>a:hover{color:var(--green)}.landing-corners>a>svg{transition:transform .2s}.landing-corners>a:hover>svg{transform:translate(2px,-2px)}.landing-center{text-align:center;flex-direction:column;place-self:center;align-items:center;padding:45px 20px 65px;animation:.9s ease-out both landing-appear;display:flex;position:relative}.landing-identity{flex-direction:column;align-items:center;gap:28px;display:flex}.landing-mark{filter:drop-shadow(0 8px 32px #0003);width:224px;height:auto;transition:transform .5s cubic-bezier(.22,1,.36,1);display:block}.landing-identity:hover .landing-mark{transform:translateY(-3px)}.landing-identity h1{letter-spacing:-4px;color:#eeefe7;text-shadow:1px 0 #d5ffb112,-1px 0 #aaa7f512;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:78px;font-style:italic;font-weight:900;line-height:1}.landing-tagline{color:#a6b29b;letter-spacing:.2px;margin:23px 0 38px;font-size:15px;line-height:1.7}.landing-enter{color:#16200d;min-width:230px;font:500 11px var(--mono);letter-spacing:.3px;background:linear-gradient(110deg,#d7ff8a,#beeb66);border:1px solid #93ab64;justify-content:center;align-items:center;gap:36px;padding:15px 22px;transition:background .3s,transform .25s,box-shadow .25s;display:flex}.landing-enter:hover,.landing-enter:focus-visible{background:#e0ff9c;transform:translateY(-2px);box-shadow:4px 4px #ceff6618}.landing-enter:active{transform:translateY(1px)scale(.98)}.landing-enter>svg{transition:transform .25s}.landing-enter:hover>svg{transform:translate(2px,-2px)}.landing-invitation{font:8px/1.8 var(--mono);color:#7e8b72;letter-spacing:.2px;margin-top:18px}.landing footer.landing-footer{font:8px/1.7 var(--mono);letter-spacing:1.7px;color:#6e7e65;border:0;justify-content:space-between;align-items:center;gap:25px;margin:0;padding:0;display:flex;position:relative}.landing-footer>span:first-child{align-items:center;gap:12px;display:flex}.landing-footer i{background:#93aa724f;border-radius:50%;width:3px;height:3px;display:inline-block}.landing footer.landing-footer>span:last-child{font:inherit;letter-spacing:inherit;color:inherit;opacity:.75;margin:0;display:block}@keyframes tape-drift{0%{transform:translate(-1%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.05)}}@keyframes tape-track{0%,58%{opacity:0;transform:translateY(-20vh)}60%{opacity:.5}78%{opacity:.5}80%,to{opacity:0;transform:translateY(120vh)}}@keyframes landing-appear{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:760px){main.landing{padding:20px 22px 22px}.landing-corners{letter-spacing:.8px;font-size:6px}.landing-corners>a{letter-spacing:0;font-size:9px}.landing-center{width:100%;padding:38px 0 55px}.landing-mark{width:175px}.landing-identity{gap:22px}.landing-identity h1{letter-spacing:-2.5px;font-size:clamp(43px,11vw,66px)}.landing-tagline{margin:22px 0 32px;font-size:13px}.landing-enter{min-width:220px;padding:14px 20px;font-size:10px}.landing-invitation{font-size:7px}.landing footer.landing-footer{letter-spacing:.8px;flex-direction:column;gap:9px;font-size:6px}.landing-footer>span:first-child{gap:9px}}@media (max-height:650px) and (min-width:761px){.landing-mark{width:150px}.landing-identity{gap:16px}.landing-identity h1{font-size:60px}.landing-tagline{margin:16px 0 24px}.landing-center{padding:25px 0}.landing-invitation{margin-top:13px}}@media (prefers-reduced-motion:reduce){.vhs-haze,.vhs-tracking,.landing-center{animation:none}.vhs-tracking{display:none}.landing-mark,.landing-enter,.landing-enter>svg{transition:none}.landing-enter:hover,.landing-identity:hover .landing-mark{transform:none}}.landing-mark-shell{filter:drop-shadow(-1.3px 0 #d8618d80)drop-shadow(1.6px 0 #76e4d870);display:block;position:relative}.landing-mark-tape{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#10151048 2px 3px,#0000 3px 5px),linear-gradient(0deg,#0000 0 34%,#18201a80 34% 35.2%,#edfff544 35.2% 36%,#0000 36% 69%,#10151060 69% 70%,#0000 70%);animation:8s step-end infinite identity-tape;position:absolute;inset:0;-webkit-mask:url(/afterimage-mark-mask.svg) 50%/contain no-repeat;mask:url(/afterimage-mark-mask.svg) 50%/contain no-repeat}.landing-identity h1{color:#0000;filter:drop-shadow(-1.3px 0 #dc729b80)drop-shadow(1.6px 0 #7ee1d480);text-shadow:none;background-image:repeating-linear-gradient(0deg,#eeefe7 0 2px,#bdc5b9 2px 3px,#eeefe7 3px 5px);-webkit-background-clip:text;background-clip:text;margin:-.1em -.15em -.18em;padding:.1em .15em .18em;animation:8s step-end infinite wordmark-tape}@keyframes identity-tape{0%,to{opacity:.85;background-position:0 0}23%{opacity:.7;background-position:0 2px}24%{opacity:.95;background-position:0 -3px}25%,61%{opacity:.85;background-position:0 0}62%{opacity:1;background-position:0 7px}63%{opacity:.85;background-position:0 1px}}@keyframes wordmark-tape{0%,to{background-position:0 0}23%{background-position:0 1px}24%{background-position:0 -2px}25%,61%{background-position:0 0}62%{background-position:0 2px}63%{background-position:0 0}}@media (prefers-reduced-motion:reduce){.landing-mark-tape,.landing-identity h1{animation:none}}.auth-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;padding:36px 20px;display:flex}.auth-page>p{color:#a6b29b;font-size:14px}.auth-page>a:last-child{font:10px var(--mono);color:#b7c9a2}.top-actions{align-items:center}