:root{color-scheme:light;--bg: #f7f4ed;--bg-2: #f2eee4;--surface: #f7f4ed;--surface-soft: rgba(28, 28, 28, .03);--surface-strong: rgba(28, 28, 28, .045);--text: #1c1c1c;--muted: rgba(28, 28, 28, .66);--muted-strong: rgba(28, 28, 28, .82);--border: #eceae4;--border-strong: rgba(28, 28, 28, .18);--accent: #1c1c1c;--accent-2: #5f5f5d;--soft-shadow: rgba(0, 0, 0, .06) 0 12px 28px;--focus-shadow: rgba(0, 0, 0, .1) 0 4px 12px;--inset-shadow: rgba(255, 255, 255, .2) 0 .5px 0 0 inset, rgba(0, 0, 0, .2) 0 0 0 .5px inset, rgba(0, 0, 0, .05) 0 1px 2px 0}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Noto Sans JP,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(28,28,28,.035),transparent 26%),radial-gradient(circle at 90% 0%,rgba(28,28,28,.028),transparent 20%),linear-gradient(180deg,rgba(28,28,28,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,28,.015) 1px,transparent 1px),var(--bg);background-size:auto,auto,30px 30px,30px 30px,auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.app-shell{width:min(1160px,calc(100vw - 16px));margin:0 auto;padding:8px 0 24px}.topbar{position:sticky;top:0;z-index:20;display:grid;gap:10px;padding:10px 12px;margin-bottom:10px;border:1px solid var(--border);border-radius:18px;background:#f7f4edeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow)}.brand{display:flex;flex-direction:column;gap:2px}.brand__mark{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.brand__sub,.muted,.page-hero__subtitle,.affiliate-note,.sidebar__copy{color:var(--muted)}.brand__sub{font-size:.78rem}.topbar__meta{display:flex;flex-wrap:wrap;gap:8px}.nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:9999px;border:1px solid var(--border);background:#ffffff5c;color:var(--muted-strong);white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background .16s ease}.nav a:hover,.nav a.is-active{color:var(--text);background:#1c1c1c0a;border-color:var(--border-strong);transform:translateY(-1px)}.page{display:flex;flex-direction:column;gap:14px}.page-hero{padding:16px;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(28,28,28,.025),transparent 26%),linear-gradient(180deg,#ffffff52,#ffffff14);box-shadow:var(--soft-shadow)}.page-hero__eyebrow,.section-heading__eyebrow{margin:0 0 8px;color:var(--accent-2);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.page-hero h1,.hero-card h2,.card h2,.card h3{margin:0;line-height:1.18;letter-spacing:-.03em}.page-hero h1{font-size:clamp(1.8rem,4.2vw,3rem)}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:12px}.grid--two{grid-template-columns:minmax(0,1fr)}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{padding:16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#ffffff57,#ffffff2e)}.card--tight{padding:12px}.hero-card{display:flex;flex-direction:column;gap:14px;justify-content:space-between;min-height:100%;background:radial-gradient(circle at top right,rgba(28,28,28,.04),transparent 32%),linear-gradient(180deg,#fff6,#ffffff29)}.hero-card__actions,.stream-card__footer,.card__meta,.reward-modal__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.section-heading{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:12px;border:1px solid var(--border);border-radius:14px;background:#1c1c1c08}.metric-card--small{padding:10px}.metric-card strong{display:block;font-size:1.1rem;letter-spacing:-.02em}.metric-card span{display:block;margin-top:4px;color:var(--muted);font-size:.8rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.feature-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#1c1c1c06}.feature-card strong{font-size:1rem}.group-card{display:flex;flex-direction:column;gap:12px}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:9999px;font-size:.76rem;border:1px solid transparent}.badge--default{background:#1c1c1c0b;border-color:var(--border)}.badge--accent{background:#1c1c1c14;border-color:var(--border-strong)}.badge--live{background:#1c1c1c13;border-color:var(--border-strong)}.badge--muted{background:#1c1c1c08;border-color:var(--border)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:9999px;border:1px solid rgba(28,28,28,.4);background:#1c1c1c;color:#fcfbf8;box-shadow:var(--inset-shadow);cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button--ghost{background:transparent;color:var(--text)}.button--small{min-height:38px;padding:0 12px;font-size:.92rem}.button--active{background:#1c1c1ce6}.button:disabled{opacity:.62;cursor:not-allowed;transform:none}.button:focus-visible,.nav a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-shadow)}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.controls label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.88rem}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff75;color:var(--text)}textarea{resize:vertical}.checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.checkbox input{width:auto}.stream-card,.creator-card,.reward-card{position:relative;overflow:hidden}.stream-card:before,.creator-card:before,.reward-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#1c1c1c8c,#1c1c1c29)}.stream-card h3,.creator-card h3{margin-bottom:4px;font-size:1rem}.stream-card p,.creator-card p,.card p,.prose p{margin-top:0;line-height:1.72}.creator-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar{width:48px;height:48px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:#1c1c1c0f;font-weight:700;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.reward-card{background:radial-gradient(circle at top right,rgba(28,28,28,.04),transparent 32%),linear-gradient(180deg,#ffffff57,#ffffff29)}.reward-card__status{font-weight:700}.error{color:#9b2226}.ad-slot{min-height:92px;display:grid;place-items:center;border-radius:16px;border:1px dashed var(--border-strong);color:var(--muted);background:#ffffff38}.ad-slot--footer{min-height:72px}.post-text{white-space:pre-wrap}.prose{max-width:760px}.affiliate-note{padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:#1c1c1c08}.reward-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f7f4edb8;z-index:9999;padding:16px}.reward-modal{width:min(520px,100%);padding:20px;border:1px solid var(--border);border-radius:18px;background:#f7f4edf5;box-shadow:var(--soft-shadow)}.reward-modal__eyebrow{margin-bottom:8px;color:var(--accent-2);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.reward-modal__timer{margin:14px 0;font-size:2rem;font-weight:700;letter-spacing:-.03em}@media (min-width: 760px){.app-shell{width:min(1200px,calc(100vw - 24px))}.topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.page-hero{padding:20px}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (max-width: 520px){.app-shell{width:min(100vw - 12px,100%)}.metric-grid,.metric-grid--compact{grid-template-columns:1fr}.hero-card__actions,.stream-card__footer,.reward-modal__actions{flex-direction:column;align-items:stretch}.button,.button--small{width:100%}}