:root{--bg:#f3f7ff;--bg-strong:#eef4ff;--text:#14213d;--muted:#62708b;--line:#d8e3f4;--card:rgba(255,255,255,0.8);--card-strong:#ffffff;--surface:rgba(246,249,255,0.88);--primary:#4f46e5;--primary-2:#0ea5e9;--teal:#14b8a6;--shadow:0 24px 60px rgba(31,56,103,0.12);--shadow-soft:0 14px 34px rgba(31,56,103,0.08);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,Hiragino Sans,Noto Sans JP,sans-serif;background:linear-gradient(180deg,#fafdff,#f5f8ff 55%,#eef5ff)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.bg-orb{position:absolute;border-radius:999px;filter:blur(20px);opacity:.55}.orb-a{width:420px;height:420px;left:-140px;top:-100px;background:radial-gradient(circle,rgba(79,70,229,.24),rgba(79,70,229,0))}.orb-b{width:360px;height:360px;right:-100px;top:80px;background:radial-gradient(circle,rgba(14,165,233,.18),rgba(14,165,233,0))}.orb-c{width:420px;height:420px;left:45%;bottom:-220px;background:radial-gradient(circle,rgba(20,184,166,.16),rgba(20,184,166,0))}.shell{width:min(1180px,calc(100% - 34px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;padding-top:10px}.header-shell{padding-bottom:8px}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:14px 18px;border:1px solid rgba(216,227,244,.72);border-radius:28px;backdrop-filter:blur(18px);background:rgba(255,255,255,.68);box-shadow:var(--shadow-soft)}.brandmark{display:inline-flex;align-items:center;gap:14px}.brandmark,.brandmark-copy{min-width:0}.brandmark strong{display:block;font-size:1rem;line-height:1.15;letter-spacing:-.02em}.brandmark small{display:block;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandmark-icon{width:48px;height:48px;border-radius:18px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;font-size:1.3rem;font-weight:800;box-shadow:0 12px 28px rgba(79,70,229,.28);flex-shrink:0}.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.main-nav a{padding:11px 15px;border-radius:999px;color:var(--muted);font-weight:700;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.main-nav a.active,.main-nav a:hover{background:rgba(255,255,255,.96);color:var(--text);box-shadow:0 10px 24px rgba(31,56,103,.08);transform:translateY(-1px)}.site-main{padding:22px 0 38px}.site-footer{padding:6px 0 42px}.footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.footer-brand,.footer-links{padding:24px}.footer-brand h2{margin:10px 0 12px;font-size:1.45rem;letter-spacing:-.03em}.footer-brand p,.footer-link-list a{color:var(--muted)}.footer-link-list{display:grid;gap:12px;margin-top:14px}.footer-link-list a{padding:12px 14px;border-radius:16px;background:rgba(248,251,255,.82);border:1px solid var(--line);font-weight:700}.card{background:var(--card);border:1px solid rgba(216,227,244,.95);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}.board-layout,.feed-list,.home-stack,.mini-feed,.page-stack,.profile-side,.reply-list,.trend-column{display:grid;gap:20px}.board-hero,.composer,.hero,.note-card,.post-card,.profile-preview,.section-card,.stat-panel{padding:26px}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:22px;align-items:stretch}.board-hero h1,.hero-copy h1,.section-heading h1{margin:10px 0 12px;font-size:clamp(2.1rem,4.3vw,3.4rem);line-height:1.03;letter-spacing:-.045em}.board-hero p,.feature-card p,.field small,.hero-copy p,.muted,.note-surface p,.prose-card li,.prose-card p,.section-heading p{color:var(--muted);line-height:1.78}.note-eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.77rem}.accent-row,.guideline-row,.hero-chip-wrap,.hero-cta-row,.hero-tags,.inline-actions,.segment-wrap{display:flex;flex-wrap:wrap;gap:10px}.board-name-chip,.chip-button,.hero-tags span,.mini-badge,.mini-board-chip,.rule-pill,.segment{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.96);font-weight:800;color:#30425f}.mini-board-chip.subtle{background:rgba(248,251,255,.9)}.board-name-chip{color:#fff;border:none;box-shadow:0 14px 28px rgba(31,56,103,.12)}.hero-copy{display:grid;gap:18px;align-content:start}.hero-aside{display:grid;gap:16px}.hero-metrics,.stats-grid{display:grid;gap:14px}.board-side-card>div,.feature-card,.hero-metrics>div,.note-surface,.stats-grid>div{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.92));border:1px solid var(--line)}.board-side-card strong,.hero-metrics strong,.stats-grid strong{display:block;font-size:1.55rem;letter-spacing:-.03em}.board-side-card span,.hero-metrics span,.stats-grid span{color:var(--muted)}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card h2{margin:10px 0 8px;font-size:1.2rem}.discover-grid{display:grid;gap:22px;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr)}.board-card-head,.board-hero-main,.composer-head,.filters-row,.post-footer,.post-head,.reply-head,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.board-card h3,.composer-head h2,.section-heading h2,.section-heading.compact h2{margin:6px 0 0;font-size:1.5rem;letter-spacing:-.03em}.board-grid{margin-top:20px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.board-card{border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:26px;padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.board-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(31,56,103,.1);border-color:rgba(79,70,229,.2)}.board-card-top{display:flex;gap:16px;align-items:flex-start}.board-symbol{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;color:white;font-size:1.5rem;font-weight:800;box-shadow:0 14px 30px rgba(31,56,103,.15);flex-shrink:0}.board-card-body{display:grid;gap:12px;width:100%}.board-card p,.post-text,.reply-item p{margin:0;white-space:pre-wrap;word-break:break-word}.board-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.94rem}.board-card-actions,.post-actions.compact,.post-stats{display:flex;flex-wrap:wrap;gap:10px}.board-hero-main{margin-top:10px;align-items:stretch}.board-side-card{width:min(300px,100%);display:grid;gap:12px}.back-link{color:var(--muted);margin-bottom:8px;display:inline-block;font-weight:700}.composer-grid,.field-grid,.profile-layout,.reply-grid{display:grid;gap:16px}.composer-grid,.field-grid,.profile-layout,.reply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.field{display:grid;gap:8px;font-weight:800}.input,.textarea,select.input{width:100%;border-radius:19px;border:1px solid var(--line);background:rgba(255,255,255,.96);outline:none;padding:14px 15px;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.input:focus,.textarea:focus,select.input:focus{border-color:rgba(79,70,229,.38);box-shadow:0 0 0 4px rgba(79,70,229,.12)}.textarea{resize:vertical;min-height:150px}.textarea.small{min-height:100px}.button,.ghost,.icon-button{border:1px solid var(--line);background:rgba(255,255,255,.96);color:var(--text);border-radius:17px;padding:11px 15px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.button:hover,.chip-button:hover,.ghost:hover,.icon-button:hover,.segment:hover{transform:translateY(-1px)}.button.primary,.chip-button.active,.icon-button.active,.segment.active{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;border-color:transparent;box-shadow:0 12px 28px rgba(79,70,229,.24)}.icon-button span{margin-left:4px}.ghost{background:transparent}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.composer-footer.compact{margin-top:12px}.filters-row{flex-wrap:wrap;margin-top:18px}.filters-row>.input,.filters-row>select.input{flex:1 1 240px}.post-card{display:grid;gap:16px}.post-author{display:flex;gap:12px;align-items:center}.avatar-dot{width:18px;height:18px;border-radius:999px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.78)}.post-head strong,.reply-head strong{display:block}.post-head span,.reply-head span{font-size:.92rem;color:var(--muted)}.post-text{font-size:1rem;line-height:1.9}.post-image-wrap{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#f8fbff}.post-image{width:100%;display:block;max-height:520px;object-fit:cover}.reply-zone{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:16px}.reply-composer{border:1px solid var(--line);border-radius:24px;padding:14px;background:rgba(247,250,255,.9)}.reply-item{border:1px solid var(--line);border-radius:20px;background:rgba(251,253,255,.98);padding:14px}.accent-swatch{width:42px;height:42px;border-radius:999px;border:3px solid rgba(255,255,255,.96);box-shadow:0 0 0 1px var(--line)}.accent-swatch.active{box-shadow:0 0 0 3px rgba(79,70,229,.24)}.profile-card-preview{display:flex;align-items:center;gap:16px}.profile-avatar{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;color:white;font-size:1.55rem;font-weight:800}.prose-card ul{margin:0;padding-left:1.2rem}.empty-state,.state{text-align:center;padding:34px 22px}.empty-state.soft{border:1px dashed var(--line);border-radius:24px;background:rgba(255,255,255,.7)}.error{color:#b42318;margin:0}@media (max-width:1024px){.discover-grid,.feature-strip,.footer-grid,.hero,.profile-layout{grid-template-columns:1fr}.board-hero-main{flex-direction:column}.board-side-card{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.shell{width:min(100% - 18px,1180px)}.board-card-head,.composer-head,.filters-row,.header-bar,.post-footer,.post-head,.section-heading{flex-direction:column;align-items:flex-start}.main-nav{justify-content:flex-start}.composer-grid,.field-grid,.hero,.reply-grid{grid-template-columns:1fr}.board-card-top{flex-direction:column}.board-side-card{grid-template-columns:1fr}.board-hero,.composer,.footer-brand,.footer-links,.hero,.post-card,.section-card{padding:18px}.board-hero h1,.hero-copy h1,.section-heading h1{font-size:2rem}}.brandmark-logo{width:3rem;height:3rem;flex:0 0 auto;display:block}