:root{--bg:#171718;--side:#131314;--surface:#1d1c1d;--line:#3b3434;--ivory:#f0e7dc;--muted:#aca29c;--wine:#6f2137;--rose:#e05c71;--soft:#c98996}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 58% 0,#252123 0,#181718 42%,#151516 100%);color:var(--ivory);font:14px 'Noto Sans JP',sans-serif;min-height:100vh}button,input,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}.shell{margin-left:236px;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:236px;background:linear-gradient(135deg,#161516,#101011);border-right:1px solid var(--line);z-index:2}.brand{height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;font:500 29px 'Playfair Display',serif;letter-spacing:3px;border-bottom:1px solid var(--line)}.brand small{font:600 9px 'Noto Sans JP';color:var(--rose);letter-spacing:4px;margin-top:3px}nav{padding-top:17px}.nav{height:61px;width:100%;padding-left:24px;text-align:left;display:flex;align-items:center;gap:18px;font-size:16px;color:#ddd4cb;border-left:3px solid transparent}.nav i{font-style:normal;font-size:25px;color:#c7bdb5}.nav.active{background:linear-gradient(90deg,#792539 0%,#421d27 100%);border-color:#ee6374}.nav.active i{color:#f0d0d1}.setting{position:absolute;bottom:23px}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 35px;background:#171718cc;backdrop-filter:blur(8px);position:sticky;top:0;z-index:1}header strong{font-size:15px}header span{flex:1}.menu{font-size:20px}.date,.filtertop{border:1px solid #494040;border-radius:3px;padding:9px 13px;color:#d5cbc2;font-size:12px}.filtertop{color:#cdb6b6}main{padding:26px 36px 48px;max-width:1450px;margin:auto}h1{font:600 32px 'Playfair Display','Noto Sans JP';margin:0 0 20px;letter-spacing:.05em}h2{font-size:17px;margin:0;font-weight:600}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:16px}.stat,.panel,.detail,.circle-head{border:1px solid var(--line);background:linear-gradient(125deg,#201e1f,#19191a);border-radius:5px}.stat{height:132px;padding:25px 22px;display:flex;align-items:center;gap:22px}.round{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:29px;color:#ed6578;background:#4a2229;border:1px solid #71343e}.stat small,.stat em{display:block;color:var(--muted);font-style:normal}.stat b{display:block;font:600 32px 'Playfair Display','Noto Sans JP';letter-spacing:1px;line-height:1.35}.stat em{font-size:12px}.dashgrid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:16px}.panel{padding:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head button{color:#cbb9b3;font-size:12px}.tabs{display:flex;border:1px solid #453c3d}.tabs button{padding:6px 13px;font-size:12px;border-left:1px solid #453c3d}.tabs button:first-child{border:0}.tabs .selected{background:#5b2433;color:#fff}.plot{height:282px;position:relative;margin:18px 4px 0 42px}.gridlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#4b4141 50px)}svg{width:100%;height:100%;position:absolute;inset:0}.axis{position:absolute;bottom:-22px;width:100%;display:flex;justify-content:space-around;font-size:11px;color:var(--muted)}.ranking .panel-head{border-bottom:1px solid #403839;padding-bottom:12px;margin-bottom:0}.rank{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid #403839;cursor:pointer}.rank>b{border:1px solid #74675e;width:26px;height:26px;display:grid;place-items:center;font-size:12px;color:#e9d9bd}.rank:first-of-type>b{background:#c98d16;color:#1c160b;border:0}.rank strong,.rank small{display:block}.rank small{font-size:11px;color:var(--muted);margin-top:2px}.rank em,.rose{font-style:normal;color:var(--rose)!important}.recent{padding-bottom:15px}table{width:100%;border-collapse:collapse}th{font-size:12px;color:#b7aca5;font-weight:500;text-align:left;background:#252122}td,th{padding:10px 12px;border:1px solid #403838}td{font-size:13px}tbody tr{transition:.15s;cursor:pointer}tbody tr:hover{background:#39222a}td strong,td small{display:block}td small{font-size:10px;color:var(--muted);margin-top:3px}a{color:#e9d6cf;text-decoration:none;cursor:pointer}a:hover{color:#f17483}.titleline{display:flex;justify-content:space-between}.titleline p,.circle-head>p{color:var(--muted);margin-top:-12px}.controls{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 16px}.search{border:1px solid #534749;display:flex;align-items:center;padding:0 11px;width:270px;color:#c99ba2}.search input{width:100%;border:0;outline:0;background:transparent;padding:10px 9px}.controls select{background:#221f20;border:1px solid #534749;padding:9px 8px;outline:0;font-size:12px}.works-table{padding:16px}.circle-search{margin-top:22px}.circles-list{padding:16px;max-width:950px}.back{color:#c9b8b1;margin:3px 0 18px;font-size:13px}.detail,.circle-head{padding:32px;max-width:960px}.detail-title{display:flex;gap:23px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.cover{width:92px;height:92px;border:1px solid #7c4350;background:linear-gradient(135deg,#74243a,#24171c);display:grid;place-items:center;font:40px 'Playfair Display';color:#f3dfd2}.detail-title p{color:var(--soft);margin:0 0 6px}.detail-title h1{margin:0 0 9px;font-size:30px}.detailstats{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0}.detailstats div{border-left:1px solid var(--line);padding-left:20px}.detailstats div:first-child{border:0;padding-left:0}.detailstats small,.detailstats b{display:block}.detailstats small{color:var(--muted);font-size:12px}.detailstats b{font-size:20px;margin-top:6px}.detail-section{border-top:1px solid var(--line);padding:20px 0}.detail-section p,.tendency p{color:#c9beb5;line-height:1.9}.tags{display:flex;gap:8px}.tags span{border:1px solid #73404d;color:#e5bdc5;padding:5px 11px;font-size:12px}.external{display:inline-block;background:#74243a;padding:12px 16px;color:#fff}.circle-head{margin-bottom:16px}.tendency{max-width:960px;margin-bottom:16px}.tendency h2{margin-bottom:8px}@media(max-width:900px){aside{width:64px}.brand{font-size:0;height:70px}.brand small{font-size:0}.nav{padding-left:18px;font-size:0}.nav i{font-size:22px}.setting{font-size:0}.shell{margin-left:64px}main{padding:22px 18px}.stats,.dashgrid{grid-template-columns:1fr}.ranking{min-height:0}header{padding:0 18px}.date,.filtertop{display:none}.tablewrap{overflow:auto}.stat{height:105px}.detailstats{gap:8px}.detail{padding:22px}}@media(max-width:560px){.shell{margin-left:0}aside{display:none}main{padding:18px 12px}header{height:58px}h1{font-size:27px}.stats{gap:10px}.stat{padding:14px}.round{width:44px;height:44px;font-size:21px}.stat b{font-size:22px}.stat em{display:none}.dashgrid{gap:10px}.panel{padding:12px}.controls .search{width:100%}.controls select{flex:1}.detail-title{align-items:flex-start}.detailstats{grid-template-columns:1fr}.detailstats div{border:0;padding:0;border-top:1px solid var(--line);padding-top:9px}.detailstats div:first-child{padding-left:0;border-top:0}.detailstats{gap:10px}.plot{height:210px;margin-left:10px}.recent{display:none}}