:root{--bg:#f7f4fb;--bg-soft:#ffffff;--card:#ffffff;--text:#1f1f29;--muted:#6c6478;--border:#e5dff0;--accent:#8b4fd6;--accent-soft:#f0e4ff;--shadow:0 12px 32px rgba(88, 56, 120, 0.12)}:root[data-theme=dark]{--bg:#11131a;--bg-soft:#171a23;--card:#1d202b;--text:#e9e4f2;--muted:#aaa2b8;--border:#333646;--accent:#b16cff;--accent-soft:#2a2038;--shadow:0 12px 32px rgba(0, 0, 0, 0.35)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-soft) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:28px}.site-logo{display:grid;line-height:1.2;margin-right:auto}.logo-main{font-size:1.45rem;font-weight:800;color:var(--accent)}.logo-sub{font-size:.75rem;color:var(--muted)}.site-nav{display:flex;gap:20px;font-size:.92rem;font-weight:700}.theme-toggle{width:44px;height:44px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);cursor:pointer;box-shadow:var(--shadow)}:root[data-theme=light] .theme-icon-dark,:root[data-theme=dark] .theme-icon-light{display:none}.layout{max-width:1180px;margin:32px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr)310px;gap:28px}.main-content{min-width:0}.sidebar{display:grid;gap:18px;align-content:start}.side-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.side-card h2{margin:0 0 14px;font-size:1rem;color:var(--accent)}.profile-box{display:flex;gap:14px;align-items:center}.profile-box img{width:72px;height:72px;border-radius:999px;object-fit:cover;background:var(--accent-soft)}.profile-box h3{margin:0 0 4px}.profile-box p{margin:0;font-size:.88rem;color:var(--muted)}.ranking-list,.recommend-list,.site-footer ul{padding-left:1.2em;margin:0}.ranking-list li,.recommend-list li{margin:8px 0;font-size:.9rem}.ad-card{text-align:center}.ad-card p{margin-top:0;color:var(--muted);font-size:.8rem}.ad-box{display:grid;place-items:center;min-height:250px;border:1px dashed var(--border);border-radius:14px;background:var(--accent-soft);color:var(--muted)}.site-footer{margin-top:56px;border-top:1px solid var(--border);background:var(--bg-soft)}.footer-inner{max-width:1180px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;align-items:start}.site-footer h2{color:var(--accent);margin:0 0 8px}.site-footer h3{margin:0 0 10px}.site-footer p,.site-footer li{color:var(--muted);font-size:.9rem}.footer-bottom{border-top:1px solid var(--border);padding:16px;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:900px){.header-inner{gap:14px}.site-nav{display:none}.layout{grid-template-columns:1fr}.sidebar{order:2}.footer-inner{grid-template-columns:1fr}}.layout{max-width:1180px;margin:32px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr)310px;gap:28px;align-items:start}.main-content{min-width:0;overflow:hidden}.sidebar{position:relative;z-index:1}.main-content img,.article-body img,.post-content img{max-width:100%;height:auto;display:block}.article-body{overflow:hidden}.article-body p{margin:0 0 24px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{width:100%}}.hero-visual{width:100%;height:auto;display:block}.hero-text{line-height:1.4}:root[data-theme=dark] .hero-visual-light{display:none}:root[data-theme=light] .hero-visual-dark{display:none}.talk{display:flex;flex-direction:column;gap:1.2rem;margin:2rem 0}.talk-row{display:flex;align-items:flex-start;gap:.8rem}.talk-row::before{content:"";width:56px;height:56px;border-radius:50%;background-size:cover;background-position:50%;flex-shrink:0}.talk-row.right{flex-direction:row-reverse}.talk-row.aachan::before{background-image:url(/images/profile/aachan.webp)}.talk-row.haruki::before{background-image:url(/images/profile/haruki.webp)}.talk-row.hatahata::before{background-image:url(/images/profile/hatahata.webp)}.talk-row.daichi::before{background-image:url(/images/profile/daichi.webp)}.talk-row.nori::before{background-image:url(/images/profile/nori.webp)}.talk-row img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.bubble{max-width:min(680px,75%);padding:.9rem 1rem;border-radius:16px;background:var(--bubble-bg,#fff);border:1px solid var(--bubble-border,#ddd);line-height:1.8}.talk-row.left .bubble{border-top-left-radius:4px}.talk-row.right .bubble{border-top-right-radius:4px}.talk-row{--bubble-bg:#ffffff;--bubble-text:#222;--bubble-border:#ddd}.talk-row .bubble{background:var(--bubble-bg);color:var(--bubble-text);border:1px solid var(--bubble-border)}[data-theme=dark] .talk-row,.dark .talk-row{--bubble-bg:#242424;--bubble-text:#f1f1f1;--bubble-border:#444}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;h2{line-height:1.4}}.post-card{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.post-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.card-grid{grid-template-columns:1fr}}.more{display:block;width:fit-content;margin:1em auto 0;padding:.25em 1em;border:solid 1px #8b4fd6;border-radius:4px}