:root{--green: oklch(.52 .12 145);--green-dark: oklch(.45 .115 145);--green-wash: oklch(.93 .02 145);--red: oklch(.5 .15 25);--red-bg: oklch(.96 .02 25);--amber: #92400e;--amber-bg: #fffbeb;--amber-border: #fcd34d;--ink: oklch(.22 .02 145);--ink-soft: oklch(.45 .012 145);--ink-faint: oklch(.53 .012 145);--line: oklch(.9 .008 145);--line-soft: oklch(.93 .008 145);--surface: oklch(.99 .004 90);--surface-sunk: oklch(.975 .005 145);--canvas: oklch(.955 .006 145);--gate: oklch(.24 .02 145);--gate-dark: oklch(.18 .02 145);--radius: 4px;--radius-panel: 5px;--panel-pad: 1.125rem;--font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--hatch: repeating-linear-gradient( 135deg, oklch(.975 .005 145) 0 10px, oklch(.955 .007 145) 10px 20px )}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--canvas);line-height:1.5}h1,h2,h3{line-height:1.25;margin:0 0 8px}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 12px}a{color:var(--green-dark)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--canvas);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.muted{color:var(--ink-faint)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 24px}.brand{font-weight:700;letter-spacing:.14em;font-size:.75rem;color:var(--green);text-transform:uppercase;text-decoration:none;margin:0 0 8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card-list{display:grid;gap:12px}.section{margin-bottom:28px}.empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);padding:28px 20px;text-align:center;color:var(--ink-soft)}.empty strong{display:block;color:var(--ink);margin-bottom:4px}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:.875rem;font-weight:600}.field input,.field select,.field textarea{font:inherit;font-size:1rem;padding:9px 11px;border:1px solid #cbd5e1;border-radius:6px;background:var(--surface);color:inherit;width:100%}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}.field input[aria-invalid=true]{border-color:var(--red)}.hint{font-size:.8125rem;color:var(--ink-faint);margin:0}.field-error,.form-error{color:var(--red);font-size:.875rem;margin:0}.form-error{background:var(--red-bg);border:1px solid #fecaca;border-radius:6px;padding:8px 10px}.form-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:8px 10px;font-size:.875rem;margin:0}button{font:inherit}.button-primary,.button-secondary,.button-danger,.button-quiet{border-radius:6px;padding:9px 14px;font-size:.925rem;font-weight:600;cursor:pointer;border:1px solid transparent}.button-primary{background:var(--green);color:#fff}.button-secondary{background:var(--surface);border-color:#cbd5e1;color:var(--ink)}.button-danger{background:var(--surface);border-color:#fca5a5;color:var(--red)}.button-quiet{background:transparent;border-color:var(--line);color:var(--ink-soft);font-weight:500}button:disabled{opacity:.6;cursor:default}.button-link{background:none;border:none;padding:8px 0 0;color:var(--green-dark);text-decoration:underline;cursor:pointer;font-size:.875rem}.notice{border:1px solid var(--line);border-left-width:4px;border-radius:6px;padding:12px 14px;background:var(--surface);margin-bottom:20px}.notice h2,.notice h3{font-size:.95rem;margin-bottom:4px}.notice p:last-child{margin-bottom:0}@media (max-width: 720px){h1{font-size:1.3rem}}.landing{max-width:44rem;margin:0 auto;padding:2rem 1.25rem 4rem}.landing-eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin:0 0 .5rem;color:var(--ink-faint)}.landing-hero h1{font-size:2rem;line-height:1.2;margin:0 0 .75rem}.landing-lede{font-size:1.05rem;line-height:1.6;margin:0 0 1.5rem;color:var(--ink-soft)}.landing-cta{display:inline-block;text-decoration:none}.landing-section,.landing-closing{margin-top:3rem}.landing-section h2,.landing-closing h2{font-size:1.35rem;margin:0 0 1rem}.landing-list{margin:0;padding-left:1.25rem;line-height:1.7}.landing-features{display:grid;gap:1rem}.landing-feature h3{font-size:1rem;margin:0 0 .35rem}.landing-feature p{margin:0;line-height:1.6}@media (min-width: 720px){.landing{padding-top:4rem}.landing-hero h1{font-size:2.75rem}.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-notfound{text-align:center;padding-top:4rem}.user-page{max-width:36rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.profile-page{text-align:left}.profile-name{margin-bottom:2px}.profile-handle{margin-top:0}.profile-bio{margin-top:20px;white-space:pre-wrap}.profile-counts{display:flex;gap:20px;margin-top:16px}.profile-count{color:inherit;text-decoration:none}.profile-count:hover{text-decoration:underline}.profile-count strong{margin-right:4px}.membership-offer{margin-top:24px;text-align:left}.membership-tiers{list-style:none;margin:0;padding:0;display:grid;gap:12px}.membership-tier{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.membership-tier p{margin:2px 0 0}.membership-tier a.button-secondary{text-decoration:none;display:inline-block}.jelajah-search{display:flex;gap:8px;margin-bottom:24px}.jelajah-search input{flex:1;font:inherit;font-size:1rem;padding:9px 11px;border:1px solid #cbd5e1;border-radius:6px;background:var(--surface);color:inherit}.jelajah-search input:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green)}.follow-list-back{margin:0 0 12px;font-size:.925rem}.follow-list-back a{color:var(--ink-faint);text-decoration:none}.follow-list-back a:hover{color:inherit;text-decoration:underline}.follow-list-capped{margin-top:12px;font-size:.8125rem}.follow-list{list-style:none;padding:0;margin:0}.follow-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.follow-row-identity{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}.follow-row-name{font-weight:600}.follow-control{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.follow-error{color:var(--red);font-size:.8125rem;text-align:right;max-width:15rem}.landing-entry-points{margin-top:16px;font-size:.925rem}.landing-entry-points a{color:inherit}.app-shell{min-height:100vh}.app-shell-main{padding-bottom:72px}.side-rail{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:8px 4px}.bottom-nav a{color:var(--ink-faint);text-decoration:none;font-size:.8rem;text-align:center;padding:4px 10px}.bottom-nav a.active{color:var(--green-dark);font-weight:600}.post-card{border-bottom:1px solid var(--line);padding:12px 0}.post-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.post-card-identity{display:flex;align-items:baseline;gap:6px;text-decoration:none;color:inherit;min-width:0}.post-card-name{font-weight:600}.post-card-handle{color:var(--ink-faint)}.post-card-meta{color:var(--ink-faint);font-size:.8125rem;flex-shrink:0}.post-card-body{margin:6px 0 0;white-space:pre-wrap}.post-card-actions{display:flex;gap:12px;margin-top:8px}.post-card-media{display:grid;grid-template-columns:1fr;gap:4px;margin-top:8px;border-radius:var(--radius);overflow:hidden}.post-card-media img{display:block;width:100%;height:auto;object-fit:cover;background:var(--line)}.post-card-media:not([data-count="1"]) img{aspect-ratio:1 / 1}.post-card-media[data-count="2"],.post-card-media[data-count="3"],.post-card-media[data-count="4"]{grid-template-columns:repeat(2,1fr)}.post-card-media[data-count="3"] img:first-child{grid-row:span 2}.post-card-media[data-count="5"]{grid-template-columns:repeat(6,1fr)}.post-card-media[data-count="5"] img:nth-child(-n+2){grid-column:span 3}.post-card-media[data-count="5"] img:nth-child(n+3){grid-column:span 2}.post-feed .empty{margin-top:12px}.post-feed .feed-error{color:var(--red);font-size:.875rem;margin:12px 0 0}.post-feed>button{display:block;margin:16px auto 0}.feed-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:12px 0 4px}.feed-tabs button{flex:1;background:none;border:none;padding:10px 8px;font:inherit;color:var(--ink-faint);cursor:pointer}.feed-tabs button[aria-current=true]{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--green-dark)}.post-composer{display:block;margin:12px 0}.post-composer-body{width:100%;box-sizing:border-box;resize:vertical;font:inherit;padding:8px;border:1px solid var(--line);border-radius:6px}.post-composer-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.post-composer-counter{margin-right:auto;color:var(--ink-faint);font-size:.8125rem;font-variant-numeric:tabular-nums}.post-composer-counter.over{color:var(--red)}.media-strip{margin-bottom:8px}.media-strip-items{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}.media-strip-item{position:relative;width:96px}.media-strip-preview{display:block;width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--line)}.media-strip-item.uploading .media-strip-preview{opacity:.5}.media-strip-progress,.media-strip-error{display:block;margin:4px 0 0;font-size:.75rem}.media-strip-progress{color:var(--ink-faint)}.media-strip-error{color:var(--red)}.media-strip-remove{position:absolute;top:4px;right:4px;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:#0009;color:#fff;font-size:1rem;line-height:1;cursor:pointer}.media-strip-remove:disabled{opacity:.5;cursor:default}.media-strip-actions{display:flex;align-items:center;gap:8px}.media-strip-picker{display:none}.media-strip-notice{color:var(--red);font-size:.8125rem;margin:8px 0 0}.media-strip-counter{color:var(--ink-faint);font-size:.8125rem;font-variant-numeric:tabular-nums}.post-composer-error{color:var(--red);font-size:.875rem;margin:8px 0 0}.beranda-page .feed-notice{color:var(--ink-soft);font-size:.875rem;margin:12px 0 0}.beranda-page .feed-error{color:var(--red);font-size:.875rem;margin:12px 0 0}.delete-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px}.delete-confirm p{margin:0 auto 0 0}.signed-out-notice{margin:16px 0}@media (min-width: 768px){.bottom-nav{display:none}.side-rail{display:flex;flex-direction:column;gap:4px;position:fixed;z-index:10;top:0;bottom:0;left:0;width:220px;padding:24px 16px;border-right:1px solid var(--line);background:var(--surface)}.side-rail a{color:var(--ink-soft);text-decoration:none;font-size:.95rem;padding:8px 10px;border-radius:6px}.side-rail a.active{color:var(--ink);font-weight:600;background:var(--canvas)}.app-shell-main{margin-left:220px;padding-bottom:0}}.user-page h1,.profile-name,.landing-hero h1,.landing-notfound h1,.landing-section>h2,.landing-closing h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.landing-hero h1{font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.06;letter-spacing:-.015em;text-wrap:pretty}.landing-lede,.profile-bio,.post-card-body{text-wrap:pretty}.landing-eyebrow{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}.brand{letter-spacing:.22em;font-weight:600}.side-rail{background:var(--surface-sunk);border-right:1px solid var(--line-soft)}.side-rail a,.bottom-nav a{border-radius:var(--radius)}.side-rail a.active,.bottom-nav a.active{background:var(--green-wash);color:var(--ink);font-weight:600}.feed-tabs button{font-family:inherit;font-size:.9375rem;color:var(--ink-faint);background:none;border:none;padding:0 0 .875rem;margin-right:1.5rem;cursor:pointer}.post-composer,.stream-composer{padding:var(--panel-pad);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden}.post-composer-actions{margin:.875rem calc(var(--panel-pad) * -1) 0;padding:.75rem var(--panel-pad) 0;border-top:1px solid var(--line-soft)}.post-composer-members-only{margin:0 0 .75rem}.post-composer-members-only label{display:inline-flex;align-items:center;gap:.375rem;height:26px;padding:0 .625rem;border:1px solid var(--line);border-radius:13px;font-size:.8125rem;color:var(--ink-soft)}.post-composer-hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--ink-soft)}.post-card-locked{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.375rem;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--hatch)}.post-card-locked-count{margin:0;font-size:.9375rem;color:var(--ink-soft)}.post-card-locked-link{display:inline-flex;align-items:center;height:38px;padding:0 1.125rem;border-radius:var(--radius);background:var(--gate);color:var(--surface);font-size:.875rem;font-weight:600;text-decoration:none}.post-card-locked-link:hover{background:var(--gate-dark)}.stream-card{position:relative;display:flex;flex-direction:column;gap:.625rem}.stream-card>.stream-lock,.stream-card>.stream-player{order:-1}.stream-card-header{display:flex;flex-direction:column;gap:.125rem}.stream-card-header h2{margin:0;font-size:1rem;font-weight:600;text-wrap:pretty}.stream-lock{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;border-radius:var(--radius);border:1px solid var(--line);background:var(--hatch);text-decoration:none;font-size:.875rem;font-weight:600}.stream-lock-cta{display:inline-flex;align-items:center;height:38px;padding:0 1.125rem;border-radius:var(--radius);background:var(--gate);color:var(--surface)}.stream-lock:hover .stream-lock-cta{background:var(--gate-dark)}.badge-members{position:absolute;z-index:1;top:10px;left:10px;display:inline-flex;align-items:center;height:24px;padding:0 .625rem;border-radius:3px;background:var(--gate);color:var(--surface);font-size:.6875rem;font-weight:600;letter-spacing:.06em}.stream-card-owner{margin:0;font-size:.8125rem;color:var(--ink-faint)}.stream-player{aspect-ratio:16 / 9;width:100%;border-radius:var(--radius);overflow:hidden;background:#252b25}.stream-player video{display:block;width:100%;height:100%;object-fit:contain}.stream-player-blocked,.stream-player-unsupported{margin:0;padding:var(--panel-pad);color:var(--surface);font-size:.875rem;text-align:center;text-wrap:pretty}.stream-obs-details code{display:block;padding:.5625rem .6875rem;background:#f1f5f1;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;white-space:normal;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.stream-composer-live .button-danger{background:none;border:1px solid oklch(.6 .14 25);color:var(--red)}.stream-composer-live .button-danger:hover{background:var(--red-bg)}.membership-offer{border:1px solid var(--line);border-radius:var(--radius-panel);overflow:hidden;background:var(--surface)}.membership-tiers{gap:0}.membership-tier{padding:1.125rem;border:none;border-bottom:1px solid var(--line-soft);border-radius:0}.membership-tier:last-child{border-bottom:none}.membership-tier .price{font-family:var(--font-display);font-size:1.625rem;color:var(--ink)}.jelajah-page h2{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:400}.follow-row{padding:.875rem 0;border-bottom:1px solid var(--line-soft)}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.landing-feature{background:var(--surface);padding:1.75rem;margin:0;border:none;border-radius:0}.landing-feature h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.landing-steps{display:grid;gap:1px;background:var(--line-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin:0;padding-left:0;line-height:1.7}.landing-steps>*{padding:2.5rem 2.5rem 2.75rem;background:var(--canvas)}.button-primary{background:var(--green);border-radius:var(--radius);font-weight:600}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-secondary{border:1px solid var(--green);color:var(--green-dark);background:none;border-radius:var(--radius);font-weight:600}.button-secondary:hover{background:var(--green-wash)}@media (min-width: 768px){.landing-steps{grid-auto-flow:column;grid-auto-columns:1fr}.landing-steps>*{padding:2.5rem}}