:root{--accent:#f86c4f;--accent-dark:#e2502f;--accent-soft:#fff0ec;--amber:#f5b73c;--text:#241c18;--text-sub:#6c5f57;--text-mute:#9c8f86;--bg:#fff;--bg-soft:#f7f1ec;--bg-warm:#fbf6f2;--border:#ece2da;--side-bg:#221b18;--side-bg-2:#2c2421;--side-text:#d8ccc4;--side-mute:#8c7d74;--side-border:#38302b;--radius:16px;--radius-sm:10px;--sidebar-w:256px;--header-h:64px;--gap:16px;--shadow-sm:0 1px 2px #281c140f, 0 2px 8px #281c140a;--shadow-md:0 4px 12px #281c1414, 0 12px 28px #281c1412;--shadow-lg:0 12px 32px #281c1424}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body), system-ui, "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;color:var(--text);background:var(--bg-warm);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.01em}.app-header{z-index:30;min-height:var(--header-h);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#ffffffd1;align-items:center;gap:14px;padding:10px 22px;display:flex;position:sticky;top:0}.app-logo{font-family:var(--font-display), sans-serif;color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.app-logo .logo-mark{background:linear-gradient(135deg, var(--accent), var(--amber));color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:9px;place-items:center;font-size:16px;display:inline-grid}.app-header .searchbox{flex:1;max-width:560px;margin:0}.hamburger{cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:22px;display:none}.hamburger:hover{background:var(--bg-soft)}.app-body{align-items:flex-start;display:flex}.sidebar{width:var(--sidebar-w);top:var(--header-h);height:calc(100vh - var(--header-h));background:radial-gradient(120% 60% at 0% 0%, #f86c4f1f, transparent 60%), linear-gradient(180deg, var(--side-bg-2), var(--side-bg));border-right:1px solid var(--side-border);flex-shrink:0;padding:18px 14px 28px;position:sticky;overflow-y:auto}.sidebar h3{font-family:var(--font-body), sans-serif;color:var(--side-mute);text-transform:uppercase;letter-spacing:.12em;margin:20px 10px 8px;font-size:11px;font-weight:700}.sidebar-link{border-radius:var(--radius-sm);color:var(--side-text);align-items:center;gap:9px;padding:9px 11px;font-size:14px;font-weight:500;transition:background .15s,color .15s,transform .15s;display:flex}.sidebar-link:before{content:"";background:var(--side-mute);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s,transform .15s}.sidebar-link:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.sidebar-link:hover:before{background:var(--accent)}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#f86c4f38,#f86c4f0f);font-weight:700}.sidebar-link.active:before{background:var(--accent);transform:scale(1.3);box-shadow:0 0 10px #f86c4fcc}.sidebar-home{font-family:var(--font-display), sans-serif;color:#fff;margin-bottom:4px;font-weight:700}.sidebar-home:before{background:var(--amber)}.sidebar-ad{border:1px dashed var(--side-border);border-radius:var(--radius-sm);color:var(--side-mute);text-align:center;background:#00000026;margin-top:22px;padding:16px;font-size:12px}.main{flex:1;min-width:0}.container{max-width:1000px;margin:0 auto;padding:30px 22px 60px}.lead{color:var(--text-sub);margin-top:2px;font-size:15px}.drawer-overlay{display:none}@media (max-width:820px){.app-header{flex-wrap:wrap;min-height:0;padding:10px 16px}.app-header .searchbox{flex-basis:100%;order:3;max-width:none;margin-top:4px}.hamburger{display:block}.app-logo{font-size:15px}.sidebar{z-index:50;width:270px;height:100vh;box-shadow:var(--shadow-lg);transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.drawer-overlay.show{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140e0a80;display:block;position:fixed;inset:0}.container{padding:22px 16px 50px}}.searchbox{gap:8px;margin:16px 0;display:flex}.searchbox input{border:1.5px solid var(--border);background:var(--bg);border-radius:999px;flex:1;padding:11px 15px;font-size:14px;transition:border-color .15s,box-shadow .15s}.searchbox input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.searchbox button{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:999px;padding:11px 22px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .15s}.searchbox button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.searchbox button:active{transform:translateY(0)}.hero{border-radius:var(--radius);background:radial-gradient(80% 120% at 100% 0%, #f5b73c38, transparent 55%), radial-gradient(90% 130% at 0% 100%, #f86c4f2e, transparent 50%), linear-gradient(135deg, #fff, var(--bg-soft));border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:30px;padding:34px 30px;position:relative;overflow:hidden}.hero h1{color:var(--text);margin:0;font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1.25}.hero h1 .hl{background:linear-gradient(120deg, var(--accent), var(--accent-dark));color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{max-width:640px;font-size:15px}.sec{margin-top:40px}.sec-head{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.sec-head h2{align-items:center;gap:9px;margin:0;font-size:21px;font-weight:900;display:flex}.sec-head h2 .ic{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-dark);border-radius:8px;place-items:center;font-size:15px;display:inline-grid}.section-lead{color:var(--text-sub);margin:0 0 14px;font-size:13px}.cat-list{flex-wrap:wrap;gap:8px;margin:18px 0 6px;display:flex}.chip{background:var(--bg);color:var(--text-sub);border:1.5px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft);transform:translateY(-1px)}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s,border-color .18s;animation:.5s both cardIn;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#e3d3c8;transform:translateY(-4px)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-top{background:linear-gradient(90deg, var(--accent), var(--amber));height:5px}.card-body{flex-direction:column;gap:9px;height:100%;padding:16px 17px 17px;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-en{font-family:var(--font-display), sans-serif;color:var(--text);word-break:break-word;font-size:16.5px;font-weight:700;line-height:1.3}.card-ja{color:var(--text-mute);margin-top:1px;font-size:12.5px;font-weight:500}.card-desc{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:4px;display:flex}.tag{color:var(--text-mute);background:var(--bg-soft);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:11px;display:flex}.card-foot-left{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.card-star{color:var(--text-sub);align-items:center;gap:3px;font-size:12px;font-weight:600;display:inline-flex}.card-star .s{color:var(--amber)}.list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.list-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border-left:3px solid #0000;padding:15px 17px;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.list-item:hover{box-shadow:var(--shadow-md);border-left-color:var(--accent);transform:translate(3px)}.li-head{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.li-name{font-family:var(--font-display), sans-serif;color:var(--text);font-size:16px;font-weight:700}.list-item:hover .li-name{color:var(--accent-dark)}.li-nameja{color:var(--text-mute);margin:2px 0 0;font-size:12.5px;font-weight:500}.li-desc{color:var(--text-sub);justify-content:space-between;align-items:center;gap:14px;margin:6px 0 0;font-size:13px;display:flex}.li-desc-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.li-star{color:var(--text-sub);white-space:nowrap;font-size:12px;font-weight:600}.li-foot{text-align:right;color:var(--text-mute);margin-top:5px;font-size:11px}.toolbar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;padding:12px 14px;display:flex}.toolbar select{border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500}.toolbar select:focus{border-color:var(--accent);outline:none}.toolbar .count{color:var(--text-sub);margin-left:auto;font-size:13px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:12px;margin:28px 0 8px;display:flex}.pagination a,.pagination span{font-size:14px}.pagination .pg-link{border:1.5px solid var(--border);color:var(--accent-dark);background:var(--bg);border-radius:999px;padding:8px 18px;font-weight:600;transition:all .15s}.pagination .pg-link:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.pagination .pg-disabled{color:var(--text-mute);border:1.5px solid var(--border);border-radius:999px;padding:8px 18px}.pagination .pg-info{color:var(--text-sub);font-weight:600}.badge{color:#3730a3;background:#eef2ff;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.badge-platform{color:#0a7a4e;background:#e7f7ef}.badge-category{background:var(--accent-soft);color:var(--accent-dark)}.badge-diff{color:#b45309;background:#fef3e2}.back{color:var(--accent-dark);margin-bottom:14px;font-weight:600;display:inline-block}.back:hover{text-decoration:underline}section{margin-top:8px}.detail-head{flex-flow:column wrap;gap:6px;margin-bottom:8px;display:flex}.detail-head h1{margin:4px 0 0;font-size:28px;font-weight:900}.detail-badges{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.catchphrase{color:var(--text-sub);margin:4px 0 0;font-size:15px}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:18px 0;display:grid}.meta-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:12px 14px}.meta-label{color:var(--text-mute);font-size:12px}.meta-val{font-size:20px;font-weight:700;font-family:var(--font-display), sans-serif}.detail-desc{font-size:15px}h2{margin-top:26px;font-size:19px;font-weight:900}.case-list{flex-direction:column;gap:8px;display:flex}.case-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:11px 13px;font-size:14px}.ex-list{flex-direction:column;gap:8px;display:flex}.ex-item{color:#f3e9e2;border-radius:var(--radius-sm);background:#2a211d;padding:11px 13px;font-family:ui-monospace,monospace;font-size:13px;display:block}pre{color:#f3e9e2;border-radius:var(--radius-sm);background:#2a211d;padding:13px 15px;overflow-x:auto}.install{flex-direction:column;gap:10px;display:flex}.install-method{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);padding:13px 15px}.install-title{margin-bottom:4px;font-weight:700}.install-code{background:var(--bg-soft);border-radius:var(--radius-sm);padding:9px 11px;font-family:ui-monospace,monospace;font-size:13px;display:block}.install-paths{color:var(--text-sub);font-size:13px;line-height:1.8}.detail-links{gap:14px;margin-top:18px;display:flex}.related{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.en-name{color:var(--text-mute);font-size:15px;font-weight:400}.search-meta{color:var(--text-sub);font-size:14px;font-weight:500}.search-meta .mode{color:var(--text-mute);margin-left:6px;font-size:13px}.articles{margin-top:18px}.link-list{flex-direction:column;gap:10px;display:flex}.link-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);padding:13px 15px;transition:transform .15s,box-shadow .15s;display:block}.link-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.link-title{color:var(--accent-dark);font-weight:700}.link-domain{color:var(--text-mute);margin-top:2px;font-size:12px}.link-snippet{color:var(--text-sub);margin-top:6px;font-size:13px;line-height:1.6}.manga-banner{border-radius:var(--radius);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);margin:12px 0 4px;display:block}