:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#233b38;background:#f5f6f2;font-synthesis:none;--green:#123e3b;--muted:#73807a;--line:#e4e8e1;--accent:#cde4a9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #74a68f;outline-offset:4px}[hidden]{display:none!important}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1080px)/2));background:#fafbf8}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;background:var(--green);color:#e0ebce;width:42px;height:46px;border-radius:11px 11px 16px 3px;font-family:serif;font-size:26px;box-shadow:0 4px 10px #153c3510}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted);margin-top:4px;font-weight:500}.owner{display:flex;gap:10px;align-items:center;font-size:13px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5ebdf;color:#52664b}.owner small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.text-button{border:0;background:transparent;font-size:12px;color:#687970;padding:10px;text-decoration:none}.owner .text-button{margin-left:12px}main{max-width:1080px;margin:auto;padding:48px 28px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#788675;font-weight:600;margin:0 0 12px}h1{font-size:30px;letter-spacing:.025em;font-weight:600;margin:0 0 12px;line-height:1.5}.subtext{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.date-block{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;color:var(--muted)}.date-block strong{font-size:16px;color:#344d44;font-weight:500}.update-pill{display:flex;gap:6px;align-items:center}.update-pill i{width:6px;height:6px;background:#86a772;border-radius:50%}.summary{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:16px;margin-bottom:46px}.summary-card{border:1px solid var(--line);padding:24px;border-radius:15px;background:#fff;min-width:0}.summary-card>span{font-size:12px;color:#667a70}.summary-card>div{margin:13px 0 8px;display:flex;align-items:baseline;gap:10px}.summary-card strong{font-size:34px;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums}.unit{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}.summary-card small{font-size:10px;color:var(--muted);line-height:1.6;display:block}.summary-card.primary{background:var(--green);color:#f2f6ea;border-color:var(--green);position:relative;overflow:hidden}.primary>span,.primary .unit,.primary small{color:#bdcdc0}.primary strong{color:#e0edc3}.primary:after{content:"";position:absolute;right:-15px;top:25px;width:115px;height:115px;border:1px solid #ffffff0b;transform:rotate(-22deg);border-radius:25px;pointer-events:none}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.section-heading h2{margin:0;font-size:18px;font-weight:600}.section-heading h2 span{font-size:11px;background:#e8ede3;padding:3px 8px;border-radius:5px;margin-left:8px;vertical-align:middle;color:#64815a}.section-heading p{font-size:11px;color:var(--muted);margin:8px 0 0}.toolbar{display:flex;gap:12px;justify-content:space-between}.search{display:flex;align-items:center;gap:8px;flex:1;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px;height:44px}.search>span{font-size:25px;color:#849289;line-height:1}.search input{width:100%;min-width:0;border:0;background:transparent;font-size:13px;color:#344c43;outline-offset:0;padding:8px 0}.search input::placeholder{color:#929b95}.filters{display:flex;gap:10px}.filters select{width:100%;height:44px;border:1px solid var(--line);background:#fff;padding:0 30px 0 12px;border-radius:8px;font-size:12px;color:#455b50;cursor:pointer}.sorting-note{font-size:10px;color:#819083;margin:14px 0 19px}.works{display:flex;flex-direction:column;gap:16px}.work-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.work-heading{display:flex;gap:16px;padding:23px 24px 20px}.rank{font-size:13px;font-variant-numeric:tabular-nums;color:#91a18f;padding-top:4px;font-weight:500}.title-area{min-width:0;flex:1}.work-title{font-size:15px;line-height:1.65;font-weight:600;cursor:pointer;list-style:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-title::-webkit-details-marker{display:none}.full-title{font-size:13px;line-height:1.8;color:#627369;margin:10px 0}.tags{display:flex;gap:10px;align-items:center;margin-top:10px}.badge{font-size:10px;padding:3px 7px;border-radius:4px;background:#edf3e7;color:#6c845e}.badge.completed{color:#64858d;background:#edf3f5}.badge.private{background:#f0f0ed;color:#91918a}.episode{font-size:10px;color:#8a948b}.site-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:17px 24px;border-top:1px solid #edf0e9}.site-name{display:flex;align-items:center;gap:7px;width:175px;flex-wrap:wrap;font-size:12px}.site-name strong{font-weight:500}.site-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;background:#45958c}.narou .site-dot,.site-dot.narou{background:#648cac}.site-dot.alphapolis{background:#b99662}.site-link{font-size:12px;text-decoration:none;color:#8c9b8a;padding:5px 8px;margin:-5px 0}.site-time{width:100%;padding-left:14px;color:#91a08f;font-size:9px}.site-body{display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px}.daily{min-width:145px}.metric-label{display:block;font-size:10px;color:#83917f;margin-bottom:6px}.daily strong{font-size:27px;line-height:1.1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#234f46}.metrics{display:flex;gap:28px;justify-content:flex-end}.small-metric{min-width:65px}.small-metric strong{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.small-metric small{font-size:10px;margin-left:5px;color:#8c867c}.small-metric .positive{color:#6a9064}.small-metric .reference{display:block;margin:3px 0 0;font-size:9px}.unavailable{font-size:10px;color:#98a094;max-width:150px;line-height:1.6}.pending-site{display:flex;align-items:center;gap:7px;padding:10px 24px;border-top:1px solid #f0f2ed;color:#8c968a;font-size:10px}.pending-site small{font-size:10px;color:#a7ada1;margin-left:auto}.pending-site .site-dot{width:5px;height:5px;opacity:.7}.history{border-top:1px solid #eef1e9;color:#78906b;font-size:10px}.history>summary{padding:13px 24px;cursor:pointer}.history-content{padding:0 24px 18px;font-size:12px}.history-table{width:100%;border-collapse:collapse;color:#617459;font-variant-numeric:tabular-nums}.history-table td,.history-table th{padding:9px;text-align:left;border-bottom:1px solid #edf1e8;font-weight:400}.history-table td:last-child,.history-table th:last-child{text-align:right}.history-table caption{text-align:left;padding-bottom:9px;color:var(--muted);font-size:10px}.notice{padding:13px 16px;border:1px solid #e2e6d6;background:#eef2e7;border-radius:9px;color:#71815c;font-size:12px;line-height:1.8;margin-bottom:22px}.data-warning{width:100%;font-size:11px;color:#9f7948;line-height:1.7;margin:0}.empty{padding:55px 20px;text-align:center;font-size:13px;color:var(--muted);border:1px dashed #d8e0d1;border-radius:12px}footer{margin-top:38px;padding:22px 0;border-top:1px solid var(--line);color:#929d8b;text-align:center}footer p{font-size:12px;color:#75866e;margin:0 0 14px}footer>span{display:block;font-size:10px;line-height:1.9}footer a{text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-body{display:grid;place-items:center;min-height:100svh;background:radial-gradient(ellipse at 25% 20%,#e3eadb,transparent 55%),#f5f6f2}.login-panel{width:min(440px,100%);margin:0;padding:44px 28px}.large{width:55px;height:62px;font-size:34px;margin-bottom:28px}.login-panel h1{font-size:24px}.login-panel .eyebrow{margin-bottom:14px}.login-panel form{margin-top:36px}.login-panel label{display:block;font-size:12px;margin-bottom:10px}.login-panel input{display:block;width:100%;padding:14px 12px;border-radius:8px;border:1px solid #d5decf;background:#fff;font-size:16px}.primary-button{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#f0f6e6;width:100%;border:0;padding:16px;border-radius:8px;font-size:13px;margin-top:14px}.login-panel>small{font-size:11px;color:#8a9981}.login-panel #error{font-size:12px;color:#ad7156;min-height:1em;line-height:1.8}
@media(min-width:1100px){.work-heading{padding-right:65px}}
@media(max-width:720px){.topbar{height:74px;padding:0 20px}.brand{font-size:15px;gap:10px}.brand-mark{width:34px;height:38px;font-size:23px}.owner .avatar{display:none}.owner .text-button{font-size:10px;margin-left:0;padding-right:0}.owner{gap:8px;font-size:11px}.brand small{font-size:8px}main{padding:29px 18px 20px}.intro{align-items:flex-start;gap:10px;margin-bottom:22px}.intro h1{font-size:23px;max-width:270px;line-height:1.5;margin-bottom:8px}.eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:9px}.intro .subtext{font-size:11px;max-width:230px}.date-block{font-size:9px;gap:6px;min-width:93px;padding-top:2px}.date-block strong{font-size:12px}.update-pill{font-size:9px}.summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:29px}.summary-card{padding:18px 14px;border-radius:11px}.summary-card.primary{grid-column:1/-1;padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center}.summary-card.primary>div{grid-column:2;grid-row:1/3;margin:0;gap:5px}.summary-card.primary>small{grid-row:2;font-size:10px;padding-top:8px}.summary-card.primary>span{font-size:12px}.summary-card strong{font-size:28px}.summary-card.primary strong{font-size:36px}.summary-card>span{font-size:10px}.summary-card small{font-size:9px}.summary-card .unit{font-size:10px}.summary-card>div{margin:11px 0 7px;gap:2px}.section-heading{margin-bottom:17px;align-items:flex-start}.section-heading h2{font-size:17px}.section-heading p{font-size:10px;max-width:215px;line-height:1.7}.export{font-size:10px;padding:5px 0 5px 5px;white-space:nowrap}.toolbar{flex-direction:column;gap:9px}.search{max-width:none;height:43px}.filters{width:100%;gap:9px}.filters label{flex:1}.filters select{font-size:12px;height:42px;padding-left:11px;padding-right:19px}.sorting-note{font-size:9px;line-height:1.7;margin:12px 0 16px}.sorting-note span{display:block}.works{gap:14px}.work-heading{padding:18px 16px 16px;gap:10px}.rank{font-size:11px;padding-top:4px}.work-title{font-size:13px;line-height:1.7}.tags{margin-top:8px}.site-row{padding:15px 16px;gap:12px}.site-name{width:100%;font-size:11px;gap:6px}.site-time{width:auto;margin-left:auto;padding-left:0;font-size:9px}.site-body{width:100%;gap:12px;align-items:flex-start}.daily{min-width:105px}.daily strong{font-size:26px}.metrics{gap:13px;flex-wrap:wrap}.small-metric{min-width:40px}.small-metric strong{font-size:14px}.small-metric small{display:block;margin:3px 0 0;font-size:9px}.metric-label{font-size:9px;margin-bottom:7px}.daily .metric-label{font-size:9px}.unit{font-size:9px;margin-left:3px}.unavailable{font-size:9px;max-width:110px;padding-top:6px}.pending-site{padding:10px 16px;font-size:9px}.pending-site small{font-size:9px}.history>summary{padding:13px 16px;font-size:10px}.history-content{padding:0 16px 14px}.notice{font-size:11px;padding:11px 13px;line-height:1.8}.data-warning{font-size:10px}footer{margin-top:28px}footer>span{font-size:9px}.login-panel .large{width:55px;height:62px;font-size:34px}}
@media(max-width:360px){.intro h1{font-size:20px}.intro .subtext{max-width:180px}.date-block{min-width:85px}.metrics{gap:8px}.small-metric strong{font-size:12px}.daily{min-width:92px}.daily strong{font-size:24px}.owner>span:not(.avatar){display:none}.summary-card strong{font-size:24px}}

.intro h1 span{display:inline-block;white-space:nowrap}
@media(max-width:720px){.intro .subtext,.intro .eyebrow,.section-heading p,.sorting-note span{display:none}.intro h1{font-size:22px;margin-bottom:0}.intro{margin-bottom:20px}.summary-card:not(.primary){padding:14px}.summary-card:not(.primary) strong{font-size:clamp(20px,6vw,24px)}.summary-card small{line-height:1.5}.summary{margin-bottom:25px}.section-heading{margin-bottom:15px}.sorting-note{margin:10px 0 14px}.notice{margin-bottom:16px}}