.difficulty{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:2px;font:800 7px Arial;letter-spacing:.7px;text-decoration:none!important}.difficulty.easy{background:#dcebb8;color:#46631b}.difficulty.normal{background:#dce7f0;color:#2f5c7e}.difficulty.hard{background:#ffe0d4;color:#b63817}.custom-mark{font-style:normal;font-size:7px;letter-spacing:1px;background:#d7df4c;padding:3px 5px}.reroll{margin-left:auto;margin-right:8px;border:1px solid #c8c4b8;background:#faf9f5;padding:7px 10px;font-size:9px;font-weight:900}.reroll:hover{border-color:#ff6b35;color:#d84b18}.lib-card header>div{display:flex;gap:5px;align-items:center}.lib-card h3 small{background:#d7df4c;font:800 7px Arial;padding:3px 5px;letter-spacing:.7px}.lib-card.custom-card{border-top:4px solid #d7df4c}.level-specs{display:grid;gap:5px;margin-top:13px}.level-specs>span{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:6px;background:#eeece5;padding:6px 7px;font-size:8px}.level-specs b{width:17px;height:17px;display:grid;place-items:center;background:#10203a;color:#fff;font-size:7px}.level-specs span:nth-child(1) b{background:#5e9578}.level-specs span:nth-child(3) b{background:#e9683a}.level-specs em{font-style:normal;color:#6e7787}.lib-card p{height:auto;min-height:28px}.custom-level{display:grid;grid-template-columns:78px 1fr 72px 18px;gap:7px;align-items:center;margin-top:9px;padding:9px;background:#eeece5}.custom-level>b{font-size:9px;letter-spacing:.7px}.custom-level input{padding:9px}.custom-level>span{font-size:9px}.custom-level.light{border-left:4px solid #5e9578}.custom-level.standard{border-left:4px solid #47779c}.custom-level.hard{border-left:4px solid #e9683a}.modal{max-height:92vh;overflow:auto}.library{grid-template-columns:repeat(3,minmax(0,1fr))}.lib-card footer{gap:8px}.lib-card footer button{white-space:nowrap}@media(max-width:1000px){.library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.library{grid-template-columns:1fr}.custom-level{grid-template-columns:68px 1fr 58px 16px}.reroll{margin-left:auto}}
.profile{cursor:pointer}.account-gate{display:none;position:fixed;inset:0;background:#0b172bd9;z-index:80;place-items:center;padding:20px;backdrop-filter:blur(5px)}.account-gate.show{display:grid}.account-gate section{width:min(540px,100%);background:#f8f5ed;border-top:7px solid #ff6b35;padding:42px;box-shadow:14px 14px 0 #071120;text-align:center}.account-gate .brand-mark{margin:0 auto 25px}.account-gate h2{margin:0;font:800 29px Georgia,"Noto Serif JP",serif}.account-gate p{color:#6e7787;font-size:12px;line-height:1.9;margin:16px 0 25px}.account-gate a{display:block;background:#ff6b35;color:#fff;text-decoration:none;padding:15px;font-size:12px;font-weight:900;box-shadow:5px 5px 0 #10203a}.account-gate small{display:block;color:#888f9a;font-size:8px;margin-top:15px}.account-popover{display:none;position:fixed;left:18px;bottom:83px;width:220px;background:#fff;border-top:5px solid #ff6b35;padding:18px;z-index:60;box-shadow:8px 8px 0 #08132733}.account-popover.show{display:grid}.account-popover strong{font-size:12px}.account-popover small{margin-top:4px;color:#6e7787;font-size:9px;overflow:hidden;text-overflow:ellipsis}.account-popover i{font-style:normal;margin-top:12px;padding-top:10px;border-top:1px solid #dedbd2;color:#5e9578;font-size:8px}.account-popover a{margin-top:12px;color:#b63817;font-size:9px;font-weight:800}@media(max-width:700px){.account-gate section{padding:32px 22px}.account-gate h2{font-size:23px}.account-popover{left:12px;bottom:76px}.profile{display:none!important}}
.account-top-button{min-height:45px;border:1px solid #cbc7bc;background:#faf9f5;padding:0 13px;font-size:9px;font-weight:900;letter-spacing:.6px}@media(min-width:701px){.account-top-button{display:none}}@media(max-width:700px){.account-top-button{min-width:82px}.account-popover{top:72px;right:14px;left:auto;bottom:auto}}
.theme-top-button{min-height:45px;border:1px solid #cbc7bc;background:#faf9f5;padding:0 12px;font-size:8px;font-weight:900;letter-spacing:.7px}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:15px;padding-top:12px;border-top:1px solid #dedbd2}.theme-picker>span{grid-column:1/-1;color:#6e7787;font-size:7px;letter-spacing:1px}.theme-picker button{border:1px solid #cbc7bc;background:#f3f0e8;padding:8px 5px;font-size:8px;font-weight:900}.theme-picker button.active{background:#10203a;color:#fff;border-color:#10203a}
.genre-picker{display:grid;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #dedbd2}.genre-picker>span{color:#6e7787;font-size:7px;letter-spacing:1px}.genre-picker>p{margin:0;color:#6e7787;font-size:9px}.genre-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.genre-picker label{display:block;position:relative}.genre-picker input{position:absolute;opacity:0;pointer-events:none}.genre-picker label span{display:block;border:1px solid #cbc7bc;background:#f3f0e8;padding:8px 6px;font-size:8px;font-weight:900;text-align:center;cursor:pointer}.genre-picker label.on span{background:#10203a;color:#fff;border-color:#10203a}.genre-picker>button{border:0;background:#ff6b35;color:#fff;padding:9px;font-size:9px;font-weight:900}.genre-picker>small{min-height:12px;color:#d84b18;font-size:8px}body[data-theme="night"] .genre-picker{border-color:#333a46}body[data-theme="night"] .genre-picker label span{background:#06080c;border-color:#333a46;color:#aeb7c5}body[data-theme="night"] .genre-picker label.on span{background:#f2c14e;border-color:#f2c14e;color:#0a0d12}body[data-theme="night"] .genre-picker>button{background:#c72834}body[data-theme="aurora"] .genre-picker{border-color:#acd7d8}body[data-theme="aurora"] .genre-picker label span{background:#fff;border-color:#b5d8d8;color:#557381;border-radius:9px}body[data-theme="aurora"] .genre-picker label.on span{background:linear-gradient(135deg,#21d4a8,#6c5ce7);border-color:transparent;color:#fff}body[data-theme="aurora"] .genre-picker>button{background:linear-gradient(135deg,#21bfa0,#6c5ce7);border-radius:999px}
body[data-theme="night"]{--ink:#edf1f7;--navy:#030509;--cream:#07090d;--line:#262c36;--muted:#8993a2;--orange:#c72834;--green:#f2c14e;background-color:#07090d;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px;color:#edf1f7}body[data-theme="night"] .side{background:#020307;border-right:1px solid #252b34}body[data-theme="night"] .brand-mark{box-shadow:4px 4px 0 #f2c14e;color:#05070a}body[data-theme="night"] .nav button{color:#7f8999}body[data-theme="night"] .nav button.on{background:#c72834;color:#05070a;box-shadow:4px 4px 0 #f2c14e}body[data-theme="night"] .streak,body[data-theme="night"] .side-streak{background:#0b0e14;border-color:#252b34}body[data-theme="night"] .main{background:linear-gradient(135deg,#090c12dd,#05070ae8)}body[data-theme="night"] .top{border-color:#29303a}body[data-theme="night"] .top p,body[data-theme="night"] .qmain>p,body[data-theme="night"] .panel p,body[data-theme="night"] .metric small,body[data-theme="night"] .library-hero p{color:#8993a2}body[data-theme="night"] .level,body[data-theme="night"] .add-button,body[data-theme="night"] .account-top-button,body[data-theme="night"] .theme-top-button,body[data-theme="night"] .count,body[data-theme="night"] .reroll,body[data-theme="night"] .filters button,body[data-theme="night"] .period-switch,body[data-theme="night"] .switch{background:#10141b;border-color:#333a46;color:#e9eef5}body[data-theme="night"] .theme-top-button{border-color:#f2c14e;color:#f2c14e}body[data-theme="night"] .add{box-shadow:3px 3px 0 #f2c14e;color:#05070a}body[data-theme="night"] .level-menu{background:#0d1118;border-color:#303744;box-shadow:6px 6px 0 #c72834}body[data-theme="night"] .level-menu button{background:#0d1118;color:#c7cfda}body[data-theme="night"] .level-menu button.on{background:#c72834;color:#05070a}body[data-theme="night"] .hero{background:#05070a;border:1px solid #303744;box-shadow:8px 8px 0 #f2c14e}body[data-theme="night"] .ring:before{background:#05070a}body[data-theme="night"] .hero:after{border-color:#f2c14e14}body[data-theme="night"] .quest,body[data-theme="night"] .metric,body[data-theme="night"] .panel,body[data-theme="night"] .lib-card{background:#10141b;border-color:#29303a;box-shadow:inset 0 1px 0 #ffffff05}body[data-theme="night"] .quest:hover,body[data-theme="night"] .lib-card:hover{border-color:#c72834}body[data-theme="night"] .quest.done{background:#0a0d12}body[data-theme="night"] .check{background:#07090d;border-color:#555f6d}body[data-theme="night"] .meta,body[data-theme="night"] .lib-card footer span{color:#8993a2}body[data-theme="night"] .meta b,body[data-theme="night"] .lib-card>strong{color:#f2f5f8}body[data-theme="night"] .difficulty.easy{background:#f2c14e;color:#101500}body[data-theme="night"] .difficulty.normal{background:#2e86ff;color:#fff}body[data-theme="night"] .difficulty.hard{background:#c72834;color:#130500}body[data-theme="night"] .custom-mark,body[data-theme="night"] .lib-card h3 small{background:#f2c14e;color:#101500}body[data-theme="night"] .bar-chart,body[data-theme="night"] .bars{border-color:#343b46;background:repeating-linear-gradient(to bottom,#29303a 0,#29303a 1px,transparent 1px,transparent 55px)}body[data-theme="night"] .bar-item i{background:#3e4754}body[data-theme="night"] .bar-item.today i{background:#c72834;box-shadow:0 0 16px #c7283466}body[data-theme="night"] .library-hero{background:#05070a;border:1px solid #303744;box-shadow:7px 7px 0 #c72834}body[data-theme="night"] .filters button.on{background:#f2c14e;border-color:#f2c14e;color:#0a0d12}body[data-theme="night"] .level-specs>span,body[data-theme="night"] .custom-level{background:#080b10}body[data-theme="night"] .modal,body[data-theme="night"] .add-modal{background:#0e1219;color:#edf1f7;box-shadow:12px 12px 0 #f2c14e}body[data-theme="night"] .modal input,body[data-theme="night"] .modal select,body[data-theme="night"] .add-modal input,body[data-theme="night"] .add-modal select{background:#06080c;border-color:#353c47;color:#edf1f7}body[data-theme="night"] .account-popover{background:#0e1219;color:#edf1f7;box-shadow:8px 8px 0 #f2c14e}body[data-theme="night"] .theme-picker{border-color:#333a46}body[data-theme="night"] .theme-picker button{background:#06080c;border-color:#333a46;color:#aeb7c5}body[data-theme="night"] .theme-picker button.active{background:#f2c14e;border-color:#f2c14e;color:#0a0d12}body[data-theme="night"] .account-gate section{background:#0e1219;color:#edf1f7;box-shadow:14px 14px 0 #f2c14e}body[data-theme="night"] .rank,body[data-theme="night"] .lib-card footer{border-color:#29303a}body[data-theme="night"] .cat-row div{background:#262c36}body[data-theme="night"] .cat-row i{background:#f2c14e}

body[data-theme="aurora"]{--ink:#18344a;--navy:#11283d;--cream:#eaf8f7;--line:#b9dfe0;--muted:#607d8b;--orange:#6c5ce7;--green:#21d4a8;background:radial-gradient(circle at 85% 8%,#cbbcff 0,transparent 28%),radial-gradient(circle at 18% 80%,#8cead5 0,transparent 30%),linear-gradient(135deg,#eaf8f7,#eef0ff);color:#18344a}body[data-theme="aurora"] .sidebar{background:linear-gradient(165deg,#11283d 0%,#0d5264 62%,#347e82 100%);border-right:1px solid #ffffff22;box-shadow:12px 0 45px #15475d24}body[data-theme="aurora"] .brand-mark{background:linear-gradient(135deg,#21d4a8,#6c5ce7);box-shadow:0 0 28px #21d4a866}body[data-theme="aurora"] .nav a{border-radius:12px;color:#bfe4e5}body[data-theme="aurora"] .nav a.active{background:#ffffff;color:#263b69;box-shadow:0 8px 24px #07182555}body[data-theme="aurora"] main{background:linear-gradient(145deg,#ffffffb8,#eefbfa9e);backdrop-filter:blur(12px)}body[data-theme="aurora"] header{border-color:#9bcfd055}body[data-theme="aurora"] .count,body[data-theme="aurora"] .reroll,body[data-theme="aurora"] .filters button,body[data-theme="aurora"] .period-switch,body[data-theme="aurora"] .switch,body[data-theme="aurora"] .theme-top-button{background:#ffffffb8;border-color:#acd6d8;color:#284b63;border-radius:999px}body[data-theme="aurora"] .theme-top-button{color:#5846cb;border-color:#9f91e8}body[data-theme="aurora"] .add{background:linear-gradient(135deg,#6c5ce7,#5143c9);border-radius:999px;box-shadow:0 10px 28px #6c5ce744}body[data-theme="aurora"] .level-menu{background:#f8ffffee;border-color:#9cd1d4;border-radius:16px;box-shadow:0 18px 45px #163b5155}body[data-theme="aurora"] .level-menu button{background:transparent;color:#557381;border-radius:10px}body[data-theme="aurora"] .level-menu button.on{background:linear-gradient(135deg,#21d4a8,#54c9ef);color:#102d3e}body[data-theme="aurora"] .hero{background:linear-gradient(125deg,#263b69 0%,#186d78 55%,#21a88e 100%);border:1px solid #ffffff55;border-radius:24px;box-shadow:0 20px 55px #1a66734d;overflow:hidden}body[data-theme="aurora"] .hero:after{border-color:#ffffff22}body[data-theme="aurora"] .ring:before{background:#1c5f70}body[data-theme="aurora"] .quest,body[data-theme="aurora"] .metric,body[data-theme="aurora"] .panel,body[data-theme="aurora"] .lib-card{background:#ffffffbd;border:1px solid #ffffffcc;border-radius:16px;box-shadow:0 12px 34px #295b6c1c;backdrop-filter:blur(14px)}body[data-theme="aurora"] .quest:hover,body[data-theme="aurora"] .lib-card:hover{border-color:#6c5ce7;transform:translateY(-2px)}body[data-theme="aurora"] .quest.done{background:#e8fbf7cc}body[data-theme="aurora"] .check{border-radius:50%;border-color:#84bdbd;background:#fff}body[data-theme="aurora"] .difficulty,body[data-theme="aurora"] .custom-mark,body[data-theme="aurora"] .lib-card h3 small{border-radius:999px}body[data-theme="aurora"] .difficulty.easy,body[data-theme="aurora"] .custom-mark,body[data-theme="aurora"] .lib-card h3 small{background:#21d4a8;color:#103d3b}body[data-theme="aurora"] .difficulty.normal{background:#54c9ef;color:#10364d}body[data-theme="aurora"] .difficulty.hard{background:#8d72ea;color:#fff}body[data-theme="aurora"] .bar-chart,body[data-theme="aurora"] .bars{border-color:#afd6d7;background:repeating-linear-gradient(to bottom,#acd7d733 0,#acd7d733 1px,transparent 1px,transparent 55px)}body[data-theme="aurora"] .bar-item i{background:#bddcdb;border-radius:8px 8px 0 0}body[data-theme="aurora"] .bar-item.today i{background:linear-gradient(#8d72ea,#21d4a8);box-shadow:0 0 20px #6c5ce766}body[data-theme="aurora"] .library-hero{background:linear-gradient(120deg,#263b69,#6c5ce7 58%,#21bba0);border-radius:24px;box-shadow:0 18px 48px #4537a93d}body[data-theme="aurora"] .filters button.on{background:#263b69;border-color:#263b69;color:#fff}body[data-theme="aurora"] .level-specs>span,body[data-theme="aurora"] .custom-level{background:#eef9f8;border-radius:10px}body[data-theme="aurora"] .modal,body[data-theme="aurora"] .add-modal,body[data-theme="aurora"] .account-popover{background:#f8ffffed;color:#18344a;border:1px solid #ffffff;border-radius:20px;box-shadow:0 24px 70px #244d6540;backdrop-filter:blur(18px)}body[data-theme="aurora"] .modal input,body[data-theme="aurora"] .modal select,body[data-theme="aurora"] .add-modal input,body[data-theme="aurora"] .add-modal select{background:#ffffffcc;border-color:#acd7d8;color:#18344a;border-radius:10px}body[data-theme="aurora"] .theme-picker{border-color:#acd7d8}body[data-theme="aurora"] .theme-picker button{background:#fff;border-color:#b5d8d8;color:#557381;border-radius:9px}body[data-theme="aurora"] .theme-picker button.active{background:linear-gradient(135deg,#21d4a8,#6c5ce7);border-color:transparent;color:#fff}body[data-theme="aurora"] .account-gate{background:linear-gradient(135deg,#10283ee8,#4f3bb8d9);backdrop-filter:blur(14px)}body[data-theme="aurora"] .account-gate section{background:#f8ffffef;color:#18344a;border-top:0;border-radius:24px;box-shadow:0 24px 90px #0415218c}body[data-theme="aurora"] .account-gate a{background:linear-gradient(135deg,#21bfa0,#6c5ce7);border-radius:999px;box-shadow:0 12px 30px #4939b940}body[data-theme="aurora"] .rank,body[data-theme="aurora"] .lib-card footer{border-color:#c2dfdf}body[data-theme="aurora"] .cat-row div{background:#dceeee;border-radius:999px}body[data-theme="aurora"] .cat-row i{background:linear-gradient(90deg,#21d4a8,#6c5ce7);border-radius:999px}

.account-options{display:grid;gap:10px}.account-options button{width:100%;border:1px solid #b9b5aa;background:transparent;padding:13px;font-size:11px;font-weight:900;color:var(--ink)}.account-options button:hover{border-color:var(--orange);color:var(--orange)}.bar-item.no-record i{background:transparent!important;box-shadow:none!important}.bar-item.no-record b{color:#a7acb4}.empty-record{padding:24px 0!important;text-align:center;color:var(--muted)!important;font-size:11px!important}body[data-theme="night"] .account-options button{background:#080b10;border-color:#39414d;color:#edf1f7}body[data-theme="aurora"] .account-options button{background:#ffffffb8;border-color:#acd7d8;color:#284b63;border-radius:999px}

.history-controls{display:grid;gap:7px;justify-items:end;max-width:min(760px,65vw)}.year-switch{display:flex;align-items:center;gap:8px}.year-switch strong{min-width:72px;text-align:center;font-size:12px}.year-switch button{width:30px;height:28px;border:1px solid #ccc8bd;background:#faf9f5;font-weight:900}.year-switch button:disabled,.month-switch button:disabled{opacity:.3;cursor:not-allowed}.month-switch{overflow-x:auto;max-width:100%;width:100%}.month-switch button{min-width:52px;padding-inline:10px}@media(max-width:700px){.history-controls{max-width:100%;width:100%;justify-items:stretch}.year-switch{justify-content:flex-end}.month-switch{width:100%}}body[data-theme="night"] .year-switch button{background:#10141b;border-color:#333a46;color:#e9eef5}body[data-theme="aurora"] .year-switch button{background:#ffffffb8;border-color:#acd6d8;color:#284b63;border-radius:999px}

.account-popover #account-action{margin-top:12px;padding:0;border:0;background:transparent;color:#b63817;font-size:9px;font-weight:800;text-align:left;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.auth-tabs button{border:1px solid #c8c4b8;background:transparent;padding:10px;font-size:10px;font-weight:900;color:var(--ink)}.auth-tabs button.on{background:#10203a;border-color:#10203a;color:#fff}.account-gate form{display:grid;gap:10px;margin-bottom:12px;text-align:left}.account-gate form label{display:grid;gap:5px;color:#6e7787;font-size:9px;font-weight:800}.account-gate form input{width:100%;border:1px solid #c8c4b8;background:#fff;padding:12px;color:#10203a;font:inherit}.account-gate .auth-submit{border:0;background:#ff6b35;color:#fff;padding:14px;font-size:11px;font-weight:900;box-shadow:4px 4px 0 #10203a}.account-gate .auth-submit:disabled{opacity:.6}.account-gate #auth-error{min-height:16px;margin:0;color:#b63817;font-size:9px;line-height:1.5;text-align:center}body[data-theme="night"] .auth-tabs button,body[data-theme="night"] .account-gate form input{background:#080b10;border-color:#39414d;color:#edf1f7}body[data-theme="night"] .auth-tabs button.on{background:#f2c14e;color:#0a0d12}body[data-theme="aurora"] .auth-tabs button,body[data-theme="aurora"] .account-gate form input{background:#fff;border-color:#acd7d8;color:#284b63;border-radius:10px}body[data-theme="aurora"] .auth-tabs button.on,body[data-theme="aurora"] .account-gate .auth-submit{background:linear-gradient(135deg,#21bfa0,#6c5ce7);color:#fff;border-color:transparent;border-radius:999px}