:root{--paper: #f6f1e7;--paper-card: #fffdf7;--paper-dim: #ece4d2;--ink: #1a1717;--ink-soft: #57504b;--ink-faint: #8d857d;--accent: #e63b2e;--accent-dark: #c73e2e;--blue: #1f6fae;--green: #4a7c3a;--ochre: #a8700f;--gray: #6b6257;--font-display: "Reggae One", serif;--font-body: "Zen Kaku Gothic New", sans-serif;--border: 3px solid var(--ink);--shadow: 6px 6px 0 var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--radius: 4px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(26,23,23,.07) 1.2px,transparent 1.3px);background-size:17px 17px;line-height:1.6;min-height:100vh}::selection{background:var(--accent);color:var(--paper)}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.3}a{color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:1rem}img{max-width:100%;display:block}.container{max-width:1080px;margin:0 auto;padding:0 20px 80px}.site-header{border-bottom:var(--border);background:var(--paper-card);position:sticky;top:0;z-index:20;box-shadow:0 4px #1a171714}.site-header-inner{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-family:var(--font-display);font-size:1.5rem;text-decoration:none;display:flex;align-items:center;gap:8px}.brand-mark{background:var(--ink);color:var(--paper);padding:0 10px;transform:rotate(-2deg);display:inline-block}.brand-mark em{font-style:normal;color:var(--accent)}.site-nav{display:flex;gap:4px;flex:1}.site-nav a{text-decoration:none;font-weight:700;padding:6px 14px;border:3px solid transparent}.site-nav a.active{border:var(--border);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.site-nav a:hover:not(.active){border-bottom:3px solid var(--accent)}.user-chip{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem}.user-chip img{width:32px;height:32px;border-radius:50%;border:2px solid var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:1rem;padding:10px 22px;border:var(--border);border-radius:var(--radius);background:var(--paper-card);color:var(--ink);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .08s ease,box-shadow .08s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn-accent{background:var(--accent);color:#fff}.btn-ink{background:var(--ink);color:var(--paper)}.btn-sm{padding:4px 12px;font-size:.85rem;box-shadow:3px 3px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel{background:var(--paper-card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:24px}.section-title{font-size:1.4rem;margin:40px 0 16px;display:flex;align-items:center;gap:12px}.section-title:after{content:"";flex:1;height:8px;background:repeating-linear-gradient(-45deg,var(--ink) 0 4px,transparent 4px 9px);opacity:.35}.hero{position:relative;text-align:center;padding:90px 20px 70px;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:repeating-conic-gradient(from 0deg,rgba(26,23,23,.08) 0deg 1.2deg,transparent 1.2deg 7deg);-webkit-mask-image:radial-gradient(circle at center,transparent 32%,#000 75%);mask-image:radial-gradient(circle at center,transparent 32%,#000 75%);pointer-events:none}.hero-inner{position:relative}.hero-kicker{display:inline-block;background:var(--ink);color:var(--paper);font-weight:900;padding:4px 16px;transform:rotate(-2deg);margin-bottom:18px;letter-spacing:.1em}.hero h1{font-size:clamp(3rem,9vw,5.5rem);letter-spacing:.04em}.hero h1 em{font-style:normal;color:var(--accent);text-shadow:4px 4px 0 rgba(26,23,23,.15)}.hero p.lead{font-size:1.15rem;font-weight:700;color:var(--ink-soft);margin:18px auto 34px;max-width:560px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:30px}.feature{background:var(--paper-card);border:var(--border);box-shadow:var(--shadow);padding:22px;border-radius:var(--radius)}.feature:nth-child(odd){transform:rotate(-.6deg)}.feature:nth-child(2n){transform:rotate(.5deg)}.feature h3{font-size:1.15rem;margin-bottom:8px}.feature h3 span{color:var(--accent);margin-right:6px}.feature p{font-size:.92rem;color:var(--ink-soft)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.manga-card{background:var(--paper-card);border:var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease}.manga-card:hover{transform:translateY(-3px) rotate(-.4deg)}.manga-cover{aspect-ratio:2 / 3;background:var(--paper-dim);border-bottom:var(--border);position:relative;overflow:hidden}.manga-cover img{width:100%;height:100%;object-fit:cover}.manga-cover .no-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:var(--ink-faint)}.manga-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.manga-title{font-weight:900;font-size:.98rem;line-height:1.35}.manga-sub{font-size:.78rem;color:var(--ink-faint)}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:.7rem;font-weight:700;border:2px solid var(--ink);padding:0 7px;border-radius:999px;background:var(--paper)}.status-badge{position:absolute;top:8px;left:-6px;font-family:var(--font-display);font-size:.85rem;color:#fff;padding:3px 14px 3px 16px;transform:rotate(-4deg);border:2px solid var(--ink);box-shadow:2px 2px #1a171766}.status-reading{background:var(--blue)}.status-completed{background:var(--green)}.status-planned{background:var(--ochre)}.status-dropped{background:var(--gray)}.text-input,.select-input{border:var(--border);border-radius:var(--radius);background:#fff;padding:10px 14px;width:100%;font-weight:500}.text-input:focus,.select-input:focus{outline:3px solid var(--accent);outline-offset:2px}.search-bar{display:flex;gap:12px;margin:20px 0 28px}.search-bar .text-input{font-size:1.1rem;padding:14px 18px;box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-weight:900;font-size:.9rem}.segmented{display:inline-flex;border:var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.segmented button{border:none;background:transparent;padding:6px 12px;font-weight:700;font-size:.85rem;border-right:2px solid var(--ink)}.segmented button:last-child{border-right:none}.segmented button.on{background:var(--ink);color:var(--paper)}.stars{display:inline-flex;gap:2px}.stars button{border:none;background:none;font-size:1.3rem;line-height:1;color:var(--ink-faint);padding:2px;transition:transform .08s ease}.stars button.on{color:var(--accent)}.stars button:hover{transform:scale(1.25) rotate(8deg)}.stars.readonly button{cursor:default}.stars.readonly button:hover{transform:none}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 24px}.filter-tabs button{border:var(--border);background:var(--paper-card);font-weight:700;padding:5px 16px;border-radius:999px}.filter-tabs button.on{background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--ink)}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-bottom:30px}.stat-tile{background:var(--paper-card);border:var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);padding:16px;text-align:center}.stat-tile .num{font-family:var(--font-display);font-size:2.4rem;line-height:1.1}.stat-tile.accent .num{color:var(--accent)}.stat-tile .lbl{font-weight:700;font-size:.85rem;color:var(--ink-soft)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.chart-panel{background:var(--paper-card);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:20px}.chart-panel h3{font-size:1.05rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}.chart-panel h3:before{content:"";width:10px;height:10px;background:var(--accent);border:2px solid var(--ink);transform:rotate(45deg)}.chart-box{position:relative;height:300px}.share-panel{margin-top:34px}.share-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.share-url{flex:1;min-width:220px;font-size:.9rem;background:var(--paper);border:2px dashed var(--ink);padding:8px 12px;overflow-wrap:anywhere}.toggle{position:relative;width:62px;height:32px;border:var(--border);border-radius:999px;background:var(--paper-dim);transition:background .15s ease}.toggle:after{content:"";position:absolute;top:2px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:left .15s ease}.toggle.on{background:var(--accent)}.toggle.on:after{left:31px;background:#fff;border:2px solid var(--ink);width:20px;height:20px}.empty-state{text-align:center;padding:70px 20px;border:3px dashed var(--ink-faint);border-radius:var(--radius);color:var(--ink-soft)}.empty-state .big{font-family:var(--font-display);font-size:1.6rem;color:var(--ink);margin-bottom:8px}.notice{background:var(--ink);color:var(--paper);padding:10px 16px;font-weight:700;border-radius:var(--radius)}.error-text{color:var(--accent-dark);font-weight:700}.loading{text-align:center;padding:60px;font-family:var(--font-display);font-size:1.3rem;color:var(--ink-soft);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@keyframes pop-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pop-in{animation:pop-in .35s ease both}.icon-btn{border:2px solid var(--ink);background:var(--paper-card);border-radius:var(--radius);padding:2px 8px;font-weight:900}.icon-btn:hover{background:var(--accent);color:#fff}.public-header{display:flex;align-items:center;gap:16px;margin:34px 0 8px}.public-header img{width:56px;height:56px;border-radius:50%;border:var(--border)}.public-header h1{font-size:1.8rem}.compat-panel{background:radial-gradient(circle at 90% -10%,rgba(230,59,46,.1),transparent 40%),var(--paper-card)}.compat-heading{font-family:var(--font-display);font-size:1.3rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.compat-heading .brand-mark{font-size:1rem}.compat-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.compat-ring{width:140px;height:140px;border-radius:50%;border:var(--border);box-shadow:var(--shadow-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.compat-ring-inner{width:104px;height:104px;border-radius:50%;background:var(--paper-card);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center}.compat-ring-num{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--accent)}.compat-ring-unit{font-family:var(--font-display);font-size:1.2rem;color:var(--ink);margin-top:14px;margin-left:2px}.compat-summary{flex:1;min-width:240px}.compat-comment{font-weight:900;font-size:1.05rem;margin-bottom:14px}.compat-metrics{display:flex;gap:12px;flex-wrap:wrap}.compat-metric{border:2px solid var(--ink);border-radius:var(--radius);padding:8px 14px;text-align:center;background:var(--paper);min-width:90px}.compat-metric-num{font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.compat-metric-lbl{font-size:.72rem;font-weight:700;color:var(--ink-soft)}.compat-section{margin-top:24px}.compat-subtitle{font-size:1rem;font-weight:900;margin-bottom:12px}.compat-cover-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.compat-cover{border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.compat-cover img,.compat-cover .no-cover{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:var(--ink-faint);border-bottom:2px solid var(--ink)}.compat-cover-title{font-size:.78rem;font-weight:700;padding:6px 8px 2px;line-height:1.3}.compat-cover-ratings{display:flex;flex-direction:column;gap:1px;padding:0 8px 8px;font-size:.72rem;color:var(--accent-dark);font-weight:700}.compat-empty{margin-top:18px;color:var(--ink-soft);font-weight:700}@media(max-width:640px){.chart-box{height:250px}.site-nav{order:3;width:100%}}