:root{--bg:#f7f7f5;--panel:#ffffff;--ink:#1f2328;--muted:#6b7280;--line:#e5e7eb;--accent:#d9480f;--accent-ink:#fff;--chip:#f1f3f5;--pr:#fff7ed;--pr-line:#fdba74}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;font-size:15px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}.hdr{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}.hdr-in{max-width:1100px;margin:0 auto;padding:8px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logo{font-weight:800;letter-spacing:.02em;font-size:20px;white-space:nowrap}.logo small{font-weight:500;color:var(--muted);font-size:11px;margin-left:6px}.hdr form{flex:1 1 200px;display:flex;gap:4px;min-width:160px}.hdr input{flex:1 1;font:inherit;min-width:0}.hdr .btn,.hdr input{padding:7px 10px;border:1px solid var(--line);border-radius:8px}.hdr .btn{background:var(--panel);white-space:nowrap}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.ura{background:#111;color:#fff;border-color:#111}@media (max-width:639px){.hdr{position:static}.hdr-in{gap:6px}.hdr .btn{padding:5px 8px;font-size:12px}.logo{font-size:18px}.logo small{display:block;margin:0}}.magnav{display:flex;gap:6px;overflow-x:auto;padding:6px 12px;max-width:1100px;margin:0 auto;scrollbar-width:none}.magnav::-webkit-scrollbar{display:none}.magnav a{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--chip);font-size:13px;border-left:4px solid var(--c,#999)}.magnav a.on{background:var(--ink);color:#fff}.wrap{max-width:1100px;margin:0 auto;padding:12px}.grid2{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:900px){.grid2{grid-template-columns:300px 1fr}.grid2>.side{order:-1}}section.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}section.box h2{font-size:15px;margin:0 0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}section.box h2 .more{font-weight:500}.sub,section.box h2 .more{font-size:12px;color:var(--muted)}.camp{display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr}@media (min-width:640px){.camp{grid-template-columns:repeat(3,1fr)}}.camp .c{border:1px dashed var(--pr-line);background:var(--pr);border-radius:10px;padding:10px}.camp .c b{display:block}.camp .st{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff;margin-right:4px}.camp .st.pl{background:var(--muted)}.roll{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.roll select{padding:7px;border:1px solid var(--line);border-radius:8px;font:inherit}.roll .dice{font-size:22px;padding:6px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.roll .dice:hover{background:var(--chip)}.cards{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.cards.c4{grid-template-columns:repeat(4,1fr)}}.card{display:block;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);position:relative}.card:hover{text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.08)}.card .th{aspect-ratio:4/3;background:var(--chip);display:grid;place-items:center;color:#fff;font-weight:800;font-size:26px}.card .bd{padding:6px 8px}.card .t{font-weight:700;font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .a{font-size:12px;color:var(--muted)}.card .m{left:6px;background:var(--mc,#333)}.card .ep,.card .m{position:absolute;top:6px;font-size:10px;padding:1px 6px;border-radius:4px;color:#fff}.card .ep{right:6px;background:rgba(0,0,0,.65)}.card .pr{position:absolute;bottom:44px;right:6px;font-size:10px;padding:1px 6px;border-radius:4px;background:var(--accent);color:#fff}.card .meta{font-size:11px;color:var(--muted);display:flex;gap:8px}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:56px 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.row .th{width:56px;height:42px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:800}.row .t{font-weight:700;font-size:14px}.row .a,.row .r{font-size:12px;color:var(--muted)}.row .r{text-align:right;white-space:nowrap}.row .r b{display:block;color:var(--ink)}.badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:4px;color:#fff;background:var(--mc,#333);margin-right:4px;vertical-align:middle}.badge.fmt{background:var(--chip);color:var(--ink)}.badge.dorm{background:#9ca3af}.badge.src{background:#111}.rank{counter-reset:r}.rank .row{grid-template-columns:28px 56px 1fr auto}.rank .row:before{counter-increment:r;content:counter(r);font-weight:800;font-size:18px;color:var(--muted);text-align:center}.rank .row:nth-child(-n+3):before{color:var(--accent)}.tabs{display:flex;gap:6px;margin-bottom:8px}.tabs button{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:12px}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.side .chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--chip);font-size:12px}.chip.on{background:var(--ink);color:#fff}.notice li{font-size:13px;padding:4px 0;border-top:1px solid var(--line)}.notice li:first-child{border-top:0}.notice ul{list-style:none;padding:0;margin:0}.notice time{color:var(--muted);font-size:11px;margin-right:6px}.work-hd{display:grid;grid-template-columns:120px 1fr;grid-gap:14px;gap:14px}.work-hd .th{aspect-ratio:3/4;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:36px}.work-hd h1{font-size:20px;margin:0 0 4px}.work-hd .stat{display:flex;gap:12px;font-size:13px;color:var(--muted);margin:6px 0;flex-wrap:wrap}.work-hd .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.btn.fav{padding:7px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}.btn.fav.on{background:#fde68a;border-color:#f59e0b}.eplist{list-style:none;padding:0;margin:0;max-height:360px;overflow:auto}.eplist li{display:flex;justify-content:space-between;align-items:center;padding:7px 4px;border-top:1px solid var(--line);font-size:14px}.eplist li:first-child{border-top:0}.eplist li .d{color:var(--muted);font-size:12px}.eplist li.latest a{font-weight:700}.warn{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:8px 10px;font-size:13px}.viewer{background:#111;color:#eee;border-radius:12px;padding:12px}.viewer .vhd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.viewer .vhd a{color:#fff}.viewer .vhd .nav a,.viewer .vhd .nav span{padding:5px 10px;border:1px solid #444;border-radius:8px;margin-left:4px;font-size:13px}.viewer .vhd .nav span{opacity:.4}.embed{background:#000;border-radius:8px;overflow:hidden;display:flex;justify-content:center}.embed .yt{position:relative;width:100%;padding-top:56.25%}.embed .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed .xw{max-width:550px}.embed .nt,.embed .xw{width:100%;padding:8px}.embed .nt{max-width:494px}.embed .px{width:100%;max-width:600px;padding:8px}.embed .px iframe{border:0;width:100%;aspect-ratio:600/315}.embed .site{padding:16px;text-align:center;color:#ddd;font-size:14px;width:100%;max-width:600px}.embed .site .og{border:1px solid #444;border-radius:10px;overflow:hidden;background:#1a1a1a;text-align:left}.embed .site .og .im{aspect-ratio:1200/630;background:linear-gradient(135deg,#333,#555);display:grid;place-items:center;color:#888;font-size:12px}.embed .site .og .tx{padding:10px}.embed .site .og .tx b{display:block;color:#fff}.embed .site .og .tx span{font-size:12px;color:#999;word-break:break-all}.embed .nt iframe{border:0;width:100%}.embed .ext{padding:30px 16px;text-align:center;color:#ccc;font-size:14px}.embed .ext a{display:inline-block;margin-top:10px;padding:8px 14px;background:#fff;color:#111;border-radius:8px;font-weight:700}.srcline{font-size:12px;color:#aaa;margin-top:6px;word-break:break-all}.cmt textarea{width:100%;min-height:60px;border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit}.cmt .ct{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;color:var(--muted)}.cmt ul{list-style:none;padding:0;margin:10px 0 0}.cmt li{padding:8px 0;border-top:1px solid var(--line);font-size:14px}.cmt li .who{font-size:12px;color:var(--muted)}.clap{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}.author-hd h1{font-size:20px;margin:0}.sns a{display:inline-block;margin-right:10px;text-decoration:underline}.sns a,.wf{font-size:13px}.wf{background:var(--chip);border-radius:8px;padding:10px;white-space:pre-wrap}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.filters input,.filters select{padding:7px;border:1px solid var(--line);border-radius:8px;font:inherit}.gate{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:50;display:grid;place-items:center;padding:16px}.gate .g{background:#fff;color:#111;border-radius:14px;padding:22px;max-width:420px;width:100%}.gate h2{margin:0 0 8px}.gate p{font-size:13px;color:#444}.gate .ga{display:flex;gap:8px;margin-top:12px}.gate .ga button{flex:1 1;padding:10px;border-radius:8px;border:1px solid #ddd;background:#fff}.gate .ga button.yes{background:#111;color:#fff;border-color:#111}.ura-page{background:#111;color:#eee;min-height:60vh;border-radius:12px;padding:16px}.ura-page .rta{font-size:11px;color:#888;margin-top:16px}.ura-page ul{padding-left:18px}.ftr{text-align:center;color:var(--muted);font-size:12px;padding:24px 12px}.ftr a{margin:0 6px;text-decoration:underline}.empty{color:var(--muted);font-size:13px;padding:10px 0}.reg label{display:block;font-size:13px;margin:10px 0 4px;font-weight:700}.reg input[type=text],.reg input[type=url],.reg select,.reg textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;font:inherit}.reg .chk{display:flex;flex-wrap:wrap;gap:6px 12px;font-weight:400;font-size:13px}.reg .chk label{display:inline-flex;gap:4px;align-items:center;margin:0;font-weight:400}.reg .hint{font-size:12px;color:var(--muted)}.reg .decl{background:var(--pr);border:1px solid var(--pr-line);border-radius:8px;padding:10px;margin-top:12px;font-size:13px}.reg .decl label{font-weight:700;margin:4px 0}.detected{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;background:#111;color:#fff;margin-left:6px}.zpost{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;background:var(--panel)}.zpost:hover{text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.08)}.zpost .zh{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);flex-wrap:wrap}.zpost .zt{font-weight:700;font-size:15px;margin:4px 0}.zpost .zb{font-size:13px;color:#444;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zpost .zw{display:flex;gap:6px;margin-top:8px}.zpost .zw .mini{width:44px;height:44px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}.zpost .zf{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-top:6px}.badge.bot{background:#0ea5e9}.badge.reader{background:#84cc16}.zdetail .zbody{font-size:15px;white-space:pre-wrap;margin:8px 0 14px}.site-aizine{min-height:100vh;background:var(--bg);--bg:#eaf4f6;--accent:#0e7490;--panel:#fff;--chip:#dbeef2;--pr:#e0f2fe;--pr-line:#7dd3fc}.hdrz{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#0f3d47;color:#fff;border-bottom:3px solid #22b8cf}.hdrz .hdr-in{flex-wrap:wrap}.logoz{font-weight:900;font-size:22px;letter-spacing:.04em;color:#fff;white-space:nowrap}.logoz span{color:#7fe3f0;font-weight:700;font-size:16px;margin-left:2px}.logoz small{display:block;font-weight:500;font-size:11px;color:#9fd8e2;letter-spacing:0}.znav{display:flex;gap:4px;flex:1 1 260px;overflow-x:auto;scrollbar-width:none}.znav a{padding:6px 10px;border-radius:999px;font-size:13px;color:#dff7fb;white-space:nowrap}.znav a.on,.znav a:hover{background:rgba(255,255,255,.14);text-decoration:none}.hdrz .btn{padding:7px 10px;border:1px solid transparent;border-radius:8px;white-space:nowrap}.hdrz .btn.primary{background:#22b8cf;border-color:#22b8cf;color:#062a31;font-weight:700}.hdrz .btn.back{background:transparent;color:#cfeff4;border:1px solid #3f6f79}@media (max-width:639px){.hdrz{position:static}.hdrz .btn{padding:5px 8px;font-size:12px}}.site-aizine .grid2>.side{order:1}.zhero{background:linear-gradient(120deg,#0f3d47,#146b7a);color:#fff;border-radius:14px;padding:18px;margin-bottom:14px}.zhero h1{margin:0 0 4px;font-size:22px}.zhero p{margin:0;font-size:13px;color:#cfeff4}.zhero .zt2{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.zhero .zt2 a{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px}.zhero .zt2 a.on{background:#22b8cf;color:#062a31;font-weight:700}.ftrz{border-top:3px solid #22b8cf;background:#0f3d47;color:#9fd8e2}.ftrz a{color:#dff7fb}.zpost .zw .mini{border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.zrank{list-style:none;padding:0;margin:0}.zrank li{display:flex;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:13px}.zrank li:first-child{border-top:0}.zrank .n{font-weight:800;color:var(--accent);width:18px}.zrank .mini{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px}.zrank .r{margin-left:auto;white-space:nowrap}.btn.plain{padding:7px 12px;border:1px solid var(--line);border-radius:8px;display:inline-block;background:var(--panel)}.btn.plain.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.badge.user{background:#84cc16}.badge.staff{background:#f59e0b}.magnav a[href="/news/"]{font-weight:700}.lnks{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr}@media (min-width:640px){.lnks{grid-template-columns:repeat(2,1fr)}}.lnk{display:grid;grid-template-columns:110px 1fr;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.lnk:hover{text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.08)}.lnk .im{aspect-ratio:1/1;background:var(--chip);display:grid;place-items:center}.lnk .tx{padding:8px 8px 8px 0;min-width:0;font-size:13px}.lnk .tx b{display:block;line-height:1.3}.lnk .tx p{margin:4px 0}.lnk .tx .u{display:block;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.reader{border:1px dashed #0e7490;background:#ecfeff;display:inline-flex;gap:4px;align-items:center}.chip.reader small{color:var(--muted)}.chip.reader button{border:0;background:transparent;padding:0 2px;font-size:12px;cursor:pointer}.detected.ng{background:#b91c1c}.subnav{display:flex;gap:6px;overflow-x:auto;padding:6px 12px 2px;max-width:1100px;margin:0 auto;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav a{flex:0 0 auto;padding:5px 12px;border-radius:8px;background:var(--chip);font-size:13px;font-weight:700;border:1px solid var(--line)}.subnav a:hover{text-decoration:none;background:var(--line)}.subnav a.ura{background:#111;color:#fff;border-color:#111}.ftr .rta{font-size:11px;color:var(--muted);margin-top:4px}.site-ura{min-height:100vh;background:var(--bg);--bg:#0f1115;--panel:#181b22;--ink:#e6e6e6;--muted:#9aa3ad;--line:#2a2f3a;--accent:#f0506e;--accent-ink:#fff;--chip:#242936;--pr:#2a1f26;--pr-line:#7a3a4d;color:var(--ink)}.site-ura input,.site-ura select,.site-ura textarea{background:var(--panel);color:var(--ink);border-color:var(--line)}.site-ura input::placeholder,.site-ura textarea::placeholder{color:var(--muted)}.site-ura .warn{background:#2a1f0f;border-color:#7a5a1f;color:#f3c969}.site-ura .btn.fav.on{background:#4a3a12;border-color:#f0506e;color:#f3c969}.site-ura .zpost .zb{color:var(--muted)}.site-ura .chip.reader{background:#0b2f38;border-color:#0e7490;color:#bef0f7}.site-ura .chip.reader small{color:var(--muted)}.site-ura .subnav a.back{border-color:var(--ink)}.site-ura .magnav a.on,.site-ura .subnav a.back,.site-ura .tabs button.on{background:var(--ink);color:var(--bg)}