*,:before,:after{box-sizing:border-box}:root{--bg:#fdfdfd;--fg:#1b1b1f;--muted:#5f6570;--line:#e3e5e9;--accent:#e8305f;--accent-dark:#c31f49;--card:#fff;--ok:#157a4a;--radius:10px}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.7}a{color:var(--accent-dark)}.wrap{max-width:720px;margin:0 auto;padding:0 12px}.site-header{border-bottom:1px solid var(--line);background:var(--card)}.site-header .wrap{align-items:center;gap:12px;min-height:48px;display:flex}.site-header .logo{color:var(--fg);font-size:15px;font-weight:700;text-decoration:none}.nav{border-bottom:1px solid var(--line);background:var(--card);overflow-x:auto}.nav ul{white-space:nowrap;gap:4px;margin:0;padding:0 12px;list-style:none;display:flex}.nav a{color:var(--muted);padding:8px 10px;font-size:13px;text-decoration:none;display:block}.nav a:hover{color:var(--accent-dark)}h1{margin:16px 0 8px;font-size:20px;line-height:1.4}h2{margin:28px 0 10px;font-size:17px}.lead{color:var(--muted);margin:0 0 12px;font-size:13px}.rotation-notice{color:var(--muted);border-left:3px solid var(--accent);background:#f4f6f9;border-radius:0 6px 6px 0;margin:0 0 14px;padding:7px 10px;font-size:12px}.post-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.post-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.post-meta .nickname{color:var(--fg);font-weight:600}.post-meta .used{color:var(--ok);font-weight:600}.post-comment{word-break:break-word;margin:0 0 10px;font-size:14px}.invite-link{text-align:center;background:var(--accent);color:#fff;border-radius:8px;padding:12px;font-size:15px;font-weight:700;text-decoration:none;display:block}.invite-link:hover{background:var(--accent-dark)}.invite-code{letter-spacing:.06em;border:1px dashed var(--line);text-align:center;background:#f4f6f9;border-radius:6px;margin:8px 0 0;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.post-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:6px;padding:7px 12px;font-size:13px}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:11px 16px;font-size:15px;font-weight:700}button.primary:hover:not(:disabled){background:var(--accent-dark);color:#fff}button.link-like{color:var(--muted);background:0 0;border:none;padding:4px 2px;font-size:12px;text-decoration:underline}.qr-box{text-align:center;margin-top:10px}.qr-box img{width:200px;max-width:100%;height:200px}.replies{border-top:1px dashed var(--line);margin:10px 0 0;padding:10px 0 0}.replies summary{color:var(--muted);cursor:pointer;font-size:13px}.replies ul{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.reply{background:#f7f8fa;border-radius:6px;padding:8px 10px;font-size:13px}.reply .who{color:var(--muted);font-size:11px;display:block}.post-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:14px}.post-form label{margin:12px 0 4px;font-size:13px;font-weight:600;display:block}.post-form input,.post-form textarea,.post-form select{width:100%;font:inherit;border:1px solid var(--line);color:var(--fg);background:#fff;border-radius:6px;padding:9px 10px;font-size:16px}.post-form .hint{color:var(--muted);margin:4px 0 0;font-size:12px}.post-form details summary{color:var(--muted);cursor:pointer;margin-top:12px;font-size:13px}.msg{border-radius:6px;margin:12px 0 0;padding:9px 11px;font-size:13px}.msg.error{color:#a3102f;background:#fdecef}.msg.ok{color:var(--ok);background:#eaf6ef}.new-posts-bar{margin:0 0 12px}.new-posts-bar button{border-color:var(--accent);width:100%;color:var(--accent-dark);font-weight:600}.pager{flex-wrap:wrap;gap:6px;margin:24px 0;padding:0;list-style:none;display:flex}.pager a,.pager span{text-align:center;border:1px solid var(--line);min-width:36px;color:var(--muted);border-radius:6px;padding:7px 8px;font-size:13px;text-decoration:none;display:block}.pager .current{background:var(--accent);color:#fff;border-color:var(--accent)}.ad-slot{min-height:100px;margin:18px 0}.breadcrumb{color:var(--muted);margin:12px 0 0;font-size:12px}.breadcrumb a{color:var(--muted)}.article-meta{color:var(--muted);margin:0 0 20px;font-size:12px}.article-body{font-size:15px}.article-body h2{border-bottom:2px solid var(--accent);margin:36px 0 12px;padding-bottom:6px;font-size:19px}.article-body h3{margin:24px 0 8px;font-size:16px}.article-body p{margin:0 0 16px}.article-body ul,.article-body ol{margin:0 0 16px;padding-left:1.4em}.article-body li{margin-bottom:6px}.article-body strong{font-weight:700}.article-body table{border-collapse:collapse;white-space:nowrap;width:100%;margin:0 0 16px;font-size:14px;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;padding:7px 10px}.article-body th{background:#f4f6f9;font-weight:600}.article-body blockquote{border-left:3px solid var(--accent);background:#f4f6f9;border-radius:0 6px 6px 0;margin:0 0 16px;padding:10px 14px;font-size:14px}.article-body blockquote p:last-child{margin-bottom:0}.article-body code{background:#f4f6f9;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.article-list{margin:0 0 24px;padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:12px 0;display:flex}.article-list a{font-size:15px;font-weight:600;text-decoration:none}.article-list a:hover{text-decoration:underline}.article-list .excerpt{color:var(--muted);font-size:12px;line-height:1.6}.cta-board{border-radius:var(--radius);background:#fff5f7;border:1px solid #f7c9d4;margin:28px 0;padding:14px}.cta-board p{margin:0 0 12px;font-size:14px}.cta-board p:last-child{margin-bottom:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:18px 0 32px;font-size:12px}.site-footer ul{flex-wrap:wrap;gap:12px;margin:0 0 10px;padding:0;list-style:none;display:flex}.disclaimer{margin:0}@media (min-width:640px){h1{font-size:24px}.qr-box img{width:240px;height:240px}}