*{box-sizing:border-box} :root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#203442;background:#f3f6f8;font-synthesis:none}body{margin:0}.topbar{background:#173c53;color:#fff;padding:16px max(18px,calc((100% - 900px)/2));display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:800;letter-spacing:.02em}.subbrand{font-size:11px;color:#d5e6ef;margin-top:3px}main{max-width:900px;margin:22px auto;padding:0 14px}.panel{background:#fff;border:1px solid #e1e8ed;border-radius:15px;padding:20px;margin:14px 0;box-shadow:0 3px 14px #173c5309}.login-panel{max-width:440px;margin:50px auto}.login-panel h1{margin:0 0 8px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{font-size:17px;margin:0}.section-head p,.hint,small{font-size:12px;color:#71818d}.section-head p{margin:4px 0 0}.hint{line-height:1.6}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;font-weight:650;margin:12px 0;color:#314958}label small{display:block;font-weight:400;margin:3px 0 6px}input{display:block;width:100%;margin-top:7px;padding:12px 11px;border:1px solid #ccd7de;border-radius:9px;font:inherit;font-size:16px;color:#203442;background:#fff;outline:none}input:focus{border-color:#247da5;box-shadow:0 0 0 3px #247da51b}.segmented{display:flex;background:#edf2f5;border-radius:10px;padding:4px;gap:4px}.segmented button{flex:1;border:0;background:transparent;border-radius:8px;padding:10px;font-weight:700;color:#536875}.segmented button.active{background:#173c53;color:white}.subtotal,.result-strip,.minor-result{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f1f6f8;padding:13px;border-radius:10px;margin-top:14px;font-size:13px}.subtotal strong{font-size:19px;color:#16845c}.result-strip{align-items:stretch}.result-strip div{display:flex;flex-direction:column;gap:6px;min-width:0}.result-strip span,.minor-result{color:#627582;font-size:12px}.result-strip strong{font-size:17px;color:#16845c}.minor-result{margin:0 0 8px;background:transparent;padding:0 2px}.minor-result strong{color:#b64b43}.result-panel{background:#173c53;color:#fff;border:0}.result-panel .section-head p{color:#d5e6ef}.main-result{background:#fff;color:#203442;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:4px}.main-result span{font-weight:700}.main-result small{color:#71818d}.main-result strong{font-size:clamp(26px,6vw,36px);color:#137b56;font-weight:800;font-variant-numeric:tabular-nums}.breakdown{background:#fff;color:#314958;border-radius:12px;padding:12px 15px;margin-top:10px}.breakdown div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #edf0f2;font-size:12px}.breakdown div:last-child{border:0}.breakdown b{font-variant-numeric:tabular-nums}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.metric{background:#fff;color:#314958;padding:14px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.metric span{font-weight:700;font-size:13px}.metric strong{font-size:clamp(20px,4vw,27px);color:#1479a5;overflow-wrap:anywhere}.metric small{line-height:1.4}.result-panel>.hint{color:#d5e6ef}.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 30px}.btn{border:0;border-radius:9px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}.btn-primary{background:#173c53;color:#fff}.btn-danger{background:#fff;color:#b63e3e;border:1px solid #e5bebe}.btn-quiet{background:#ffffff20;color:#fff;border:1px solid #ffffff50}.full{width:100%;margin-top:12px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 4px 10px}.local-tag{font-size:11px;color:#16845c;background:#e6f5ed;border-radius:20px;padding:6px 9px;white-space:nowrap}.error{color:#b63e3e;font-size:13px}.notice{background:#fff2dc;border:1px solid #efd49c;padding:16px;border-radius:12px}.notice h2{margin:0 0 8px;font-size:17px}.hidden{display:none!important}footer{text-align:center;padding:18px;color:#82919a;font-size:11px}@media(max-width:560px){main{padding:0 10px;margin:12px auto}.panel{padding:15px;margin:11px 0}.field-grid{grid-template-columns:1fr 1fr;gap:9px}.field-grid label{min-width:0}.result-strip{flex-direction:column}.actions{align-items:flex-start;flex-direction:column}.actions .btn{width:100%}.welcome{align-items:flex-start;flex-direction:column}.metric{padding:11px}.breakdown div{font-size:11px}}/* Shinobi edition */
:root{color:#26262d;background:#f8f6f1}body{background:radial-gradient(circle at 85% 0%,#ffdfb8 0,transparent 36%),#f8f6f1}.topbar{background:#171820;border-bottom:4px solid #f87d24;padding-top:14px;padding-bottom:14px}.brand-wrap{display:flex;align-items:center;gap:12px}.ninja-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#fa7d24;color:#171820;font-size:25px;font-weight:900;box-shadow:0 0 0 3px #ffffff2b}.brand{font-size:19px}.subbrand{color:#ffbf89;letter-spacing:.08em}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(112deg,#20202b,#37313a 72%,#f17825);border-radius:22px;padding:25px 28px;color:white;min-height:175px;box-shadow:0 14px 32px #24202920}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(24px,5vw,35px);line-height:1.25;margin:12px 0}.hero h1 em{font-style:normal;color:#ff9946}.hero p{font-size:12px;color:#f5d5bb}.eyebrow{color:#ffb878;font-size:11px;font-weight:900;letter-spacing:.1em}.hero-symbol{font-size:145px;font-weight:900;color:#ffffff20;transform:rotate(-13deg);line-height:1}.panel{border-color:#ece3d8;box-shadow:0 5px 18px #493b2d0b;border-radius:18px}.section-head h2{color:#29232b}.workspace{border-top:4px solid #f87d24}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-head h2{font-size:17px;margin:0}.cloud-tag{font-size:11px;font-weight:700;color:#a95012;background:#fff0e3;padding:7px 9px;border-radius:20px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-grid label{margin:10px 0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn-primary{background:#f47c25;color:#19191e}.btn-primary:hover{background:#ff933e}.btn-quiet-dark{background:#f4f1ec;color:#423b37;border:1px solid #e4dcd3}.btn:disabled{opacity:.55;cursor:wait}select{display:block;width:100%;padding:12px;margin-top:7px;border-radius:9px;border:1px solid #ccd7de;background:white;font-size:16px;color:#252530}.inline-form{display:flex;gap:10px}.inline-form input{flex:1;margin:0}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.admin-form button{grid-column:1/-1}.dashboard-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-kpis>div{background:#fff4e8;border-radius:13px;padding:14px;min-width:0}.dashboard-kpis span{display:block;font-size:12px;color:#796759}.dashboard-kpis strong{display:block;font-size:clamp(16px,3vw,23px);color:#d45f18;margin-top:7px;overflow-wrap:anywhere}.chart{height:210px;display:flex;align-items:stretch;gap:8px;border-bottom:1px solid #d7d1c9;padding:18px 5px 0;overflow-x:auto}.chart-group{flex:1;min-width:48px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.chart-group>span{font-size:10px;color:#777}.chart-bars{height:170px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.chart-bar{width:38%;max-width:26px;border-radius:5px 5px 0 0}.chart-bar.sales{background:#f47c25}.chart-bar.cost{background:#454551}.segmented button.active{background:#f47c25;color:#16161b}.subtotal{background:#fff2e6}.subtotal strong,.result-strip strong{color:#d76a1d}.result-strip{background:#fff4e8}.result-panel{background:#24232d}.result-panel .section-head h2{color:white}.main-result strong{color:#e16b20}.metric strong{color:#e16b20}.local-tag{background:#fff0e3}.login-panel{border-top:4px solid #f47c25}input:focus,select:focus{border-color:#f47c25;box-shadow:0 0 0 3px #f47c2526;outline:none}[hidden]{display:none!important}
@media(max-width:560px){.hero{padding:20px;min-height:145px}.hero-symbol{font-size:100px}.workspace-grid{grid-template-columns:1fr 1fr}.toolbar .btn{flex:1;font-size:12px;padding:11px 7px}.dashboard-kpis{gap:5px}.dashboard-kpis>div{padding:9px}.dashboard-kpis span{font-size:10px}.dashboard-kpis strong{font-size:15px}.admin-form{grid-template-columns:1fr}.inline-form{flex-direction:column}.workspace-head{align-items:flex-start;flex-direction:column}}

/* v3 admin controls */
.admin-tools{border-top:1px solid #ece3d8;margin-top:20px;padding-top:18px}.admin-tools h3{font-size:16px;margin:0 0 6px}.admin-tools .section-head{margin-bottom:8px}.member-list{margin:10px 0;display:grid;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e9e0d5;background:#fffcf8;border-radius:12px;padding:12px}.member-row>div{min-width:0}.member-row strong{display:block;font-size:14px}.member-row small{display:block;overflow-wrap:anywhere;margin-top:5px}.member-row .btn{flex-shrink:0}.danger-zone{border-top:1px solid #e8c8c8}.danger-zone h3{color:#9e3636}.danger-zone .btn{margin-top:12px}

/* v3.1 staff rename actions */
.member-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.member-actions .btn{font-size:12px;padding:9px 11px}
@media(max-width:560px){.member-row{align-items:flex-start;flex-direction:column}.member-actions{width:100%}.member-actions .btn{flex:1}}

/* v3.2 progress snapshots */
.snapshot-panel{border-top:4px solid #f47c25}.snapshot-summary{background:#fff4e8;padding:13px;border-radius:12px;margin:14px 0}.snapshot-summary p{margin:6px 0 0}.snapshot-list{display:grid;gap:10px}.snapshot-row{border:1px solid #e9e0d5;background:#fffcf8;border-radius:13px;padding:14px}.snapshot-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.snapshot-tag{font-size:11px;background:#ffdfc0;color:#9c4d11;border-radius:99px;padding:4px 8px}.snapshot-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.snapshot-stats>div{min-width:0}.snapshot-stats small{display:block;color:#776e68;font-size:11px}.snapshot-stats strong{display:block;font-size:clamp(12px,2.6vw,17px);overflow-wrap:anywhere;margin-top:4px}.snapshot-row .btn{font-size:12px}@media(max-width:500px){.snapshot-stats{grid-template-columns:1fr}.snapshot-stats>div{display:flex;justify-content:space-between;gap:10px}}

/* v3.3: separate employee hours and legacy record display */
.legacy-hours{background:#fff8ed;border:1px solid #f3d3ae;border-radius:10px;padding:12px;margin:12px 0;color:#854713}.legacy-hours strong{display:block;font-size:13px}.legacy-hours small{display:block;margin-top:6px;line-height:1.6;color:#806e5d}.legacy-hours[hidden]{display:none!important}

/* v3.4 language switch */
.topbar{gap:10px;flex-wrap:wrap}.language-control{margin-left:auto;display:flex;align-items:center;gap:6px}.language-control label{color:#ffddb9;font-size:12px;margin:0;white-space:nowrap}.language-control select{width:auto;min-width:125px;max-width:175px;margin:0;padding:7px 9px;border:1px solid #f47c25;background:#24232d;color:white;border-radius:8px;font-size:13px}.topbar #logoutBtn{font-size:12px;padding:8px 10px}@media(max-width:560px){.brand-wrap{flex:1 1 100%}.language-control{margin-left:0}.language-control select{max-width:160px}}

/* v3.5 — Four independently switchable illustrated shinobi themes. Presentation only. */
html{scroll-behavior:smooth;scroll-padding-top:15px}
body{--theme-accent:#ed781d;--theme-ink:#183e36;--theme-panel:#fff7e8;--theme-border:#d8b88c;--theme-bg:#e2f0dc;--theme-text:#24362d;--theme-muted:#70685f;--theme-soft:#fff0dc;--theme-top:#174e42;--theme-field:#fffdf9;--theme-hero:#f8dca2;background:var(--theme-bg);color:var(--theme-text);transition:background .22s ease,color .22s ease}
body[data-theme=akatsuki]{--theme-accent:#d32b36;--theme-ink:#fff;--theme-panel:#22252d;--theme-border:#4c4e59;--theme-bg:#11151b;--theme-text:#f2f1f3;--theme-muted:#c0bfc5;--theme-soft:#30313a;--theme-top:#11131a;--theme-field:#f9f9fa;--theme-hero:#1d1d25}
body[data-theme=chibi]{--theme-accent:#f58b35;--theme-ink:#7e3547;--theme-panel:#fff5f4;--theme-border:#f7b4b7;--theme-bg:#ffe9e8;--theme-text:#643d48;--theme-muted:#947782;--theme-soft:#ffebeb;--theme-top:#e86f82;--theme-field:#fff;--theme-hero:#fff3ed}
body[data-theme=hokage]{--theme-accent:#a51e24;--theme-ink:#633c25;--theme-panel:#fff1cf;--theme-border:#d8a66c;--theme-bg:#e6d1ae;--theme-text:#553c2c;--theme-muted:#876a4c;--theme-soft:#fae2b4;--theme-top:#533324;--theme-field:#fffdf7;--theme-hero:#efc990}
body .topbar{background:var(--theme-top);border-bottom:3px solid var(--theme-accent);padding:10px max(12px,calc((100% - 900px)/2));gap:8px;flex-wrap:wrap}
body .ninja-mark{background:var(--theme-accent);color:white}
body .brand{font-size:16px}body .subbrand{font-size:9px;color:#ffe2ba}
.theme-control,.language-control{display:flex;align-items:center;gap:5px;margin-left:auto}
.theme-control label,.language-control label{margin:0;color:#fff;font-size:11px;white-space:nowrap}
.theme-control select,.language-control select{width:auto;min-width:0;margin:0;padding:7px 8px;font-size:12px;border-radius:9px;background:#fff;color:#2b2525;max-width:145px}
body .panel{background:var(--theme-panel);border:1.5px solid var(--theme-border);box-shadow:0 4px 0 #00000010,0 7px 22px #00000010;color:var(--theme-text)}
body .section-head h2,body label{color:var(--theme-text)}
body .hint,body small,body .section-head p{color:var(--theme-muted)}
body input,body select{background:var(--theme-field);color:#24262b;border:1.5px solid var(--theme-border)}
body input:focus,body select:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent),transparent 80%)}
body .segmented{background:var(--theme-soft);border:1px solid var(--theme-border)}
body .segmented button{color:var(--theme-text);border:1px solid var(--theme-border);background:var(--theme-panel)}
body .segmented button.active{background:var(--theme-accent);color:#fff;border-color:var(--theme-accent)}
body .btn-primary{background:var(--theme-accent);color:white}
body .btn-quiet-dark{background:var(--theme-soft);color:var(--theme-text);border:1px solid var(--theme-border)}
body .subtotal,body .result-strip,body .snapshot-summary,body .dashboard-kpis>div{background:var(--theme-soft);color:var(--theme-text)}
body .subtotal strong,body .result-strip strong,body .dashboard-kpis strong{color:var(--theme-accent)}
body .result-panel{background:var(--theme-top);color:white}
body .result-panel .section-head h2{color:white}
body .main-result,body .breakdown,body .metric{background:var(--theme-panel);color:var(--theme-text)}
body .main-result strong,body .metric strong{color:var(--theme-accent)}
body .workspace{border-top:4px solid var(--theme-accent)}
body .cloud-tag{background:var(--theme-soft);color:var(--theme-text)}
body .snapshot-row{background:var(--theme-soft);border-color:var(--theme-border)}
body .snapshot-tag{background:var(--theme-accent);color:white}
body .chart-bar.sales{background:var(--theme-accent)}body .chart-bar.cost{background:var(--theme-muted)}
body .hero{min-height:215px;border:3px solid var(--theme-border);background:var(--theme-hero);color:var(--theme-ink);border-radius:22px;box-shadow:0 6px 0 #00000015;padding:26px 20px;isolation:isolate}
body .hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff45 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.35;z-index:-1}
body .hero-copy{max-width:64%;z-index:2;padding:10px;border:3px solid var(--theme-border);border-radius:12px;background:color-mix(in srgb,var(--theme-panel),transparent 8%);box-shadow:0 4px 0 #00000018}
body .hero h1{font-size:clamp(18px,4vw,28px);margin:8px 0}body .hero h1 em{color:var(--theme-accent)}body .hero p{color:var(--theme-muted)}body .eyebrow{color:var(--theme-accent);font-size:10px}
body .hero-symbol{display:none}
body .hero-art{position:absolute;right:0;top:0;width:55%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:0;pointer-events:none}
body[data-theme=leaf] .hero-art{background-image:url('./art/leaf.svg')}
body[data-theme=akatsuki] .hero-art{background-image:url('./art/akatsuki.svg')}
body[data-theme=chibi] .hero-art{background-image:url('./art/chibi.svg')}
body[data-theme=hokage] .hero-art{background-image:url('./art/hokage.svg')}
body[data-theme=akatsuki] .hero{background:linear-gradient(120deg,#15151e,#1c202b 60%,#a21e29);color:white}
body[data-theme=akatsuki] .hero-copy{background:#1b1c25d9;border-color:#a32834}body[data-theme=akatsuki] .hero p{color:#d3c8cd}
body[data-theme=chibi] .hero{background:linear-gradient(115deg,#fff8ef,#ffb8bc)}
body[data-theme=hokage] .hero{background:linear-gradient(125deg,#eac68f,#6b402a)}
body[data-theme=hokage] .hero-copy{background:#fff0cbdc}
.quick-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0;padding:5px;background:var(--theme-panel);border:1.5px solid var(--theme-border);border-radius:15px}
.quick-tabs a{text-align:center;text-decoration:none;padding:12px 3px;border-radius:11px;font-weight:800;color:var(--theme-text);font-size:13px;white-space:nowrap}
.quick-tabs a.selected,.quick-tabs a:first-child:not(:has(~ .selected)){background:var(--theme-accent);color:white}
body[data-theme=leaf] .panel:not(.result-panel){background-image:radial-gradient(circle at 98% 3%,#e4a54c20 0 23px,transparent 24px)}
body[data-theme=chibi] .panel:not(.result-panel){background-image:radial-gradient(circle at 97% 3%,#f49baa30 0 19px,transparent 20px)}
body[data-theme=hokage] .panel:not(.result-panel){background-image:repeating-linear-gradient(0deg,transparent 0 22px,#b28a4b08 23px 24px)}
@media(max-width:620px){body .topbar{padding:10px;justify-content:flex-start}body .brand-wrap{width:100%}.theme-control{margin-left:0}.language-control{margin-left:0}body #logoutBtn{margin-left:auto;padding:8px;font-size:11px}body .hero{min-height:178px;padding:12px}body .hero-copy{max-width:70%;padding:8px}body .hero h1{font-size:19px}body .hero p{font-size:10px}body .hero-art{width:58%}.quick-tabs a{font-size:12px}body .panel{border-radius:16px}body .field-grid{gap:9px}}

/* v3.7: bottom navigation action */
.actions-bottom{display:flex;flex-direction:column;align-items:stretch;gap:10px}.actions-bottom .back-to-top{width:100%;font-size:16px;min-height:52px}.actions-bottom #resetBtn{width:100%;min-height:48px}.actions-bottom .hint{margin:0}

/* v3.8 illustrated anime makeover: visual-only, keeps calculator logic intact */
body{--theme-shadow:color-mix(in srgb,var(--theme-accent),transparent 75%)}
body .topbar{box-shadow:0 5px 0 color-mix(in srgb,var(--theme-accent),transparent 78%)}
body .panel{position:relative;overflow:visible;border-width:2px;box-shadow:0 4px 0 var(--theme-shadow),0 9px 24px #00000012}
body .panel:not(.result-panel):not(.login-panel):not(.workspace):not(.snapshot-panel):not(.dashboard)::before{content:'✦';position:absolute;top:11px;right:16px;font-size:21px;color:var(--theme-accent);opacity:.45;pointer-events:none}
body .panel:not(.result-panel):not(.login-panel):not(.workspace):not(.snapshot-panel):not(.dashboard)::after{content:'☁';position:absolute;top:5px;right:48px;font-size:30px;color:var(--theme-accent);opacity:.12;pointer-events:none}
body .hero{min-height:245px;border-width:4px;box-shadow:0 6px 0 var(--theme-shadow),0 16px 25px #00000014}
body .hero-copy{max-width:63%;padding:14px 12px;backdrop-filter:blur(3px);box-shadow:0 5px 0 var(--theme-shadow)}
body .hero-art{width:64%;background-position:right center;background-size:cover;animation:animeFloat 5s ease-in-out infinite alternate;transform-origin:70% 75%}
body .hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(100deg,transparent 55%,#ffffff15 67%,transparent 78%);background-size:220% 100%;animation:animeShine 13s ease-in-out infinite}
.anime-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;z-index:1}
.anime-atmosphere i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--theme-accent);opacity:.6;animation:animeDrift 6s ease-in-out infinite}
.anime-atmosphere i:nth-child(1){left:9%;top:18%;animation-delay:-1s}.anime-atmosphere i:nth-child(2){left:78%;top:12%;animation-delay:-4s;width:4px;height:4px}.anime-atmosphere i:nth-child(3){left:89%;top:75%;animation-delay:-2s}.anime-atmosphere i:nth-child(4){left:32%;top:82%;animation-delay:-3s;width:5px;height:5px}.anime-atmosphere i:nth-child(5){left:61%;top:23%;animation-delay:-5s}.anime-atmosphere i:nth-child(6){left:50%;top:91%;animation-delay:-1.8s;width:4px;height:4px}.anime-atmosphere i:nth-child(7){left:94%;top:38%;animation-delay:-3.4s}
.anime-mascot{position:absolute;right:8px;bottom:5px;z-index:2;pointer-events:none}
.mascot-speech{display:inline-grid;place-items:center;width:38px;height:38px;border:2px solid var(--theme-border);border-radius:50%;background:var(--theme-panel);box-shadow:0 3px 0 var(--theme-shadow);font-size:21px;animation:animeBob 3s ease-in-out infinite}
body[data-theme=akatsuki] .mascot-speech{font-size:0}body[data-theme=akatsuki] .mascot-speech::before{content:'☁';font-size:27px;color:#d32b36}
body[data-theme=hokage] .mascot-speech{font-size:0}body[data-theme=hokage] .mascot-speech::before{content:'📜';font-size:21px}
body[data-theme=leaf] .mascot-speech{font-size:0}body[data-theme=leaf] .mascot-speech::before{content:'🍃';font-size:22px}
body[data-theme=chibi] .hero{border-color:#f5a1ad}body[data-theme=chibi] .panel:not(.result-panel){box-shadow:0 4px 0 #f7b4b7,0 10px 22px #f58b3520}
body[data-theme=akatsuki] .panel:not(.result-panel){box-shadow:0 4px 0 #80242e,0 10px 22px #00000045}
body[data-theme=hokage] .panel:not(.result-panel){box-shadow:0 4px 0 #a5784e,0 10px 22px #51311a25}
body .quick-tabs{box-shadow:0 4px 0 var(--theme-shadow)}body .quick-tabs a{transition:transform .2s ease,background .2s ease}body .quick-tabs a:active{transform:scale(.96)}
body .segmented button,body .btn{transition:transform .16s ease,box-shadow .16s ease}body .segmented button:active,body .btn:active{transform:translateY(2px)}
body .segmented button.active{box-shadow:0 3px 0 var(--theme-shadow)}
body .section-head h2{letter-spacing:.01em}
body[data-theme=leaf] .hero{background:linear-gradient(110deg,#f9e6bb,#a7d9ad)}
body[data-theme=leaf] .hero-copy{background:#fff4d8ed}
body[data-theme=chibi] .hero-copy{background:#fff5f3eb}
body[data-theme=hokage] .hero-copy{border-style:double;border-width:5px}
@keyframes animeFloat{0%{transform:translateY(3px) scale(1.005)}100%{transform:translateY(-4px) scale(1.035)}}
@keyframes animeDrift{0%,100%{transform:translate(0,0) rotate(0);opacity:.2}50%{transform:translate(9px,-13px) rotate(40deg);opacity:.7}}
@keyframes animeBob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes animeShine{0%,65%,100%{background-position:100% 0}80%{background-position:-100% 0}}
@media(max-width:620px){body .hero{min-height:210px}body .hero-copy{max-width:68%;padding:9px}body .hero-art{width:65%}.anime-mascot{right:5px;bottom:5px}.mascot-speech{width:30px;height:30px;font-size:17px}}
@media(prefers-reduced-motion:reduce){body .hero-art,.anime-atmosphere i,.mascot-speech,body .hero:after{animation:none!important}html{scroll-behavior:auto}}
\n/* SHINOBI v4.0 — immersive four-theme anime interface, visual-only */
:root{--v4-glow:rgba(244,124,37,.22)}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{background-attachment:fixed;transition:background-color .3s ease}
body[data-theme=leaf]{background:radial-gradient(ellipse at 50% -10%,#b2ebce 0,transparent 48%),linear-gradient(180deg,#d4f1e2 0%,#f5edda 65%,#e8f4e5 100%);--v4-glow:#4caa8170}
body[data-theme=akatsuki]{background:radial-gradient(ellipse at 75% -5%,#7b1e33 0,transparent 42%),linear-gradient(180deg,#10121b,#1d1c28 60%,#10111a);--v4-glow:#e22d4860}
body[data-theme=chibi]{background:radial-gradient(ellipse at 85% 0%,#ffd0e1 0,transparent 48%),linear-gradient(180deg,#ffeaf1,#fff9ed 60%,#ffe8ed);--v4-glow:#f998ac80}
body[data-theme=hokage]{background:radial-gradient(ellipse at 80% -5%,#d8a768 0,transparent 50%),linear-gradient(180deg,#eddbb8,#f8edd7 65%,#e7cba1);--v4-glow:#b7783670}
body .topbar{position:relative;z-index:5;gap:9px;flex-wrap:wrap;border-bottom:3px solid var(--theme-accent);padding:13px max(14px,calc((100% - 900px)/2))}
body .brand-wrap{min-width:190px;flex:1}
body .ninja-mark{background:var(--theme-accent);box-shadow:0 0 0 3px #ffffff22,0 4px 12px #0003}
body .theme-control,body .language-control{display:flex;align-items:center;gap:6px;min-width:0}
body .theme-control label,body .language-control label{white-space:nowrap;font-size:12px}
body .theme-control select,body .language-control select{margin:0;max-width:150px;min-width:90px;padding:9px 26px 9px 9px;font-size:13px;border-radius:12px}
body main{max-width:900px}
body .hero{height:280px;min-height:280px;border-radius:25px;overflow:hidden;box-shadow:0 6px 0 var(--v4-glow),0 16px 36px #0003;border:3px solid var(--theme-border);background:var(--theme-hero)!important}
body .hero:before{background-image:radial-gradient(#fff9 1.5px,transparent 1.5px);background-size:25px 25px;opacity:.2}
body .hero-scenery{position:absolute;inset:0;background-position:center;background-size:cover;z-index:0;opacity:.94;animation:v4Scenery 16s ease-in-out infinite alternate}
body[data-theme=leaf] .hero-scenery{background-image:linear-gradient(90deg,#063e3dc9 0%,#095a4488 43%,transparent 85%),url('./art/leaf.svg')}
body[data-theme=akatsuki] .hero-scenery{background-image:linear-gradient(90deg,#10121de0 0%,#1c1725a0 50%,transparent 90%),url('./art/akatsuki.svg')}
body[data-theme=chibi] .hero-scenery{background-image:linear-gradient(90deg,#fff2f3dc 0%,#ffebf4a6 45%,transparent 90%),url('./art/chibi.svg')}
body[data-theme=hokage] .hero-scenery{background-image:linear-gradient(90deg,#56331ed9 0%,#62402999 46%,transparent 90%),url('./art/hokage.svg')}
body .hero-art{width:58%;height:100%;right:0;top:0;background-size:contain;background-position:right bottom;filter:drop-shadow(0 7px 12px #0004);animation:animeFloat 5s ease-in-out infinite alternate}
body .hero-copy{max-width:65%;width:fit-content;padding:16px;border:2px solid var(--theme-accent);background:#122e30d9!important;box-shadow:0 5px 0 #0003;border-radius:17px;backdrop-filter:blur(6px)}
body .hero-copy .eyebrow{font-size:11px;font-weight:900;letter-spacing:.09em;color:#ffb567}
body .hero-copy h1{font-size:clamp(20px,4.3vw,30px);color:#fff;line-height:1.35;text-shadow:0 2px 6px #0004}
body .hero-copy p{color:#f7e7cc;font-size:12px}
body[data-theme=chibi] .hero-copy{background:#fff7f2e8!important;border-color:#ff8eaa}body[data-theme=chibi] .hero-copy h1{color:#6b354e;text-shadow:none}body[data-theme=chibi] .hero-copy p{color:#865d69}body[data-theme=chibi] .hero-copy .eyebrow{color:#c95378}
body[data-theme=hokage] .hero-copy{background:#fff1d8e9!important;border:5px double #9c5b2d}body[data-theme=hokage] .hero-copy h1{color:#4e2c20;text-shadow:none}body[data-theme=hokage] .hero-copy p{color:#785c46}body[data-theme=hokage] .hero-copy .eyebrow{color:#9d521e}
body .anime-mascot{right:12px;bottom:10px}
body .anime-atmosphere i{width:10px;height:6px;border-radius:70% 5% 70% 5%;transform:rotate(30deg);opacity:.7}
body[data-theme=akatsuki] .anime-atmosphere i{background:#f12d49}body[data-theme=chibi] .anime-atmosphere i{background:#ff8ba9}body[data-theme=hokage] .anime-atmosphere i{background:#f8cb72}
body .quick-tabs{position:sticky;top:0;z-index:4;margin:16px 0 20px;padding:7px;gap:6px;border:2px solid var(--theme-border);border-radius:18px;background:var(--theme-top);box-shadow:0 5px 0 var(--v4-glow)}
body .quick-tabs a{color:#fff;font-size:14px;padding:13px 4px;border-radius:12px}
body .quick-tabs a.selected,body .quick-tabs a:first-child:not(:has(~ .selected)){background:var(--theme-accent);color:#fff;box-shadow:0 3px 0 #0003}
body .panel{border-radius:22px;border:2px solid var(--theme-border);box-shadow:0 5px 0 var(--v4-glow),0 12px 25px #00000012;padding:22px;margin:17px 0;overflow:hidden}
body .panel:not(.result-panel){background-color:var(--theme-panel)}
body .panel .section-head h2{font-weight:850;font-size:19px}
body .workspace{border-top:6px solid var(--theme-accent)}
body .workspace:after,body .snapshot-panel:after,body .dashboard:after{content:'✿';position:absolute;right:18px;top:9px;font-size:42px;color:var(--theme-accent);opacity:.12;pointer-events:none}
body[data-theme=leaf] .workspace:after{content:'🍃'}body[data-theme=akatsuki] .workspace:after{content:'☁'}body[data-theme=chibi] .workspace:after{content:'🌸'}body[data-theme=hokage] .workspace:after{content:'📜'}
body .toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}
body .toolbar .btn{font-size:12px;min-height:67px;padding:9px 5px;white-space:normal;line-height:1.45;border-radius:13px;overflow-wrap:anywhere;box-shadow:0 3px 0 #0002}
body .toolbar .btn:nth-child(2){background:#218044;color:#fff;border-color:#176636}body .toolbar .btn:nth-child(3){background:#7651a9;color:#fff;border-color:#5a3989}body .toolbar .btn:nth-child(4){background:#3065b6;color:#fff;border-color:#244d92}
body .segmented{gap:7px;padding:6px;border-radius:14px}body .segmented button{font-size:15px;border-radius:11px;padding:13px 5px}
body input,body select{border-radius:12px;min-height:46px}
body .subtotal,body .result-strip{border-radius:15px;border:1px solid var(--theme-border);padding:16px}
body .result-panel{border:3px solid var(--theme-border);background:var(--theme-top)}
body .main-result{border:1px solid var(--theme-border)}
body .back-to-top{background:var(--theme-accent);border-radius:13px}
body footer{color:var(--theme-muted);font-weight:700}
@keyframes v4Scenery{0%{transform:scale(1)}100%{transform:scale(1.055)}}
@media(max-width:620px){body .topbar{padding:12px;gap:9px}body .brand-wrap{flex-basis:100%}body .theme-control,body .language-control{flex:1}body .theme-control select,body .language-control select{max-width:135px}body .hero{height:240px;min-height:240px}body .hero-copy{max-width:72%;padding:11px}body .hero-copy h1{font-size:19px}body .hero-copy p{font-size:10px}body .hero-art{width:64%}body .panel{padding:16px}body .toolbar{gap:7px}body .toolbar .btn{min-height:78px;font-size:11px;padding:8px 3px}body .quick-tabs a{font-size:12px;padding:11px 2px}}
@media(max-width:365px){body .toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}body .hero-copy{max-width:80%}body .hero-copy h1{font-size:17px}}
@media(prefers-reduced-motion:reduce){body .hero-scenery{animation:none}}

/* v4.1 — artwork-forward, mobile-safe layout */
body .topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;padding:15px max(14px,calc((100% - 900px)/2))!important}
body .topbar .brand-wrap{grid-column:1/-1;min-width:0;width:100%;margin-bottom:3px}
body .topbar .theme-control,body .topbar .language-control{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;width:100%}
body .topbar .theme-control label,body .topbar .language-control label{margin:0;color:#f8edf0;font-size:12px;line-height:1.3}
body .topbar .theme-control select,body .topbar .language-control select{width:100%;max-width:none!important;min-width:0!important;height:44px;padding:9px 28px 9px 10px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
body .topbar #logoutBtn{grid-column:1/-1;justify-self:end;padding:7px 12px;font-size:12px}
body .hero{height:255px!important;min-height:255px!important;display:block!important;isolation:isolate;position:relative;overflow:hidden}
body .hero-scenery{opacity:.4!important;animation:none!important}
body .hero-art{position:absolute!important;right:0!important;top:0!important;width:64%!important;height:100%!important;z-index:1!important;background-size:cover!important;background-position:center top!important;filter:none!important;animation:animeFloat 7s ease-in-out infinite alternate}
body[data-theme=leaf] .hero-art{background-image:url('./art/leaf.svg')!important}
body[data-theme=akatsuki] .hero-art{background-image:url('./art/akatsuki.svg')!important}
body[data-theme=chibi] .hero-art{background-image:url('./art/chibi.svg')!important}
body[data-theme=hokage] .hero-art{background-image:url('./art/hokage.svg')!important}
body .hero:after{content:''!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,var(--theme-hero) 0%,transparent 85%)!important;opacity:.45!important;animation:none!important}
body .hero-copy{position:absolute!important;z-index:3!important;left:12px!important;bottom:12px!important;top:auto!important;max-width:min(57%,340px)!important;width:auto!important;padding:11px!important;box-sizing:border-box!important;backdrop-filter:blur(7px);border-width:2px!important}
body .hero-copy .eyebrow{font-size:9px!important;letter-spacing:0!important}
body .hero-copy h1{font-size:clamp(16px,3.8vw,23px)!important;line-height:1.22!important;margin:7px 0!important}
body .hero-copy p{font-size:10px!important;line-height:1.4!important;margin:0!important}
body .hero-symbol,body .anime-mascot{display:none!important}
body .quick-tabs{position:relative!important;top:auto!important}
@media(max-width:560px){body .topbar{gap:9px!important}body .hero{height:230px!important;min-height:230px!important}body .hero-copy{max-width:60%!important;padding:9px!important}body .hero-copy h1{font-size:17px!important}body .hero-copy p{font-size:9px!important}body .hero-art{width:69%!important}body .brand{font-size:18px}body .subbrand{font-size:10px}}
@media(max-width:360px){body .hero-copy{max-width:62%!important}body .hero-copy h1{font-size:15px!important}body .topbar .theme-control select,body .topbar .language-control select{font-size:12px}}

/* v4.2 — balanced full-bleed banner: eliminate empty left gutter */
body .hero{height:235px!important;min-height:235px!important;padding:0!important;background:var(--theme-hero)!important}
body .hero-scenery{inset:0!important;opacity:.18!important}
body .hero-art{left:0!important;right:0!important;top:0!important;width:100%!important;height:100%!important;background-size:cover!important;background-position:center 38%!important;animation:none!important;transform:none!important}
body[data-theme=leaf] .hero-art{background-position:center 37%!important}
body[data-theme=akatsuki] .hero-art{background-position:center 35%!important}
body[data-theme=chibi] .hero-art{background-position:center 32%!important}
body[data-theme=hokage] .hero-art{background-position:center 40%!important}
body .hero:after{opacity:1!important;background:linear-gradient(0deg,rgba(10,13,18,.58),transparent 54%)!important}
body[data-theme=chibi] .hero:after,body[data-theme=hokage] .hero:after{background:linear-gradient(0deg,rgba(46,24,29,.45),transparent 55%)!important}
body .hero-copy{left:10px!important;bottom:10px!important;max-width:min(69%,270px)!important;padding:7px 10px!important;border-radius:12px!important;box-shadow:0 2px 8px #0003!important}
body .hero-copy .eyebrow{font-size:8px!important;line-height:1.2!important}
body .hero-copy h1{font-size:clamp(15px,3.5vw,19px)!important;line-height:1.2!important;margin:4px 0!important}
body .hero-copy p{font-size:9px!important;line-height:1.3!important}
body[data-theme=hokage] .hero-copy{border-width:3px!important}
@media(max-width:560px){body .hero{height:205px!important;min-height:205px!important}body .hero-copy{max-width:70%!important;padding:7px 9px!important}body .hero-copy h1{font-size:16px!important}body .hero-copy p{font-size:8px!important}}
@media(max-width:360px){body .hero{height:190px!important;min-height:190px!important}body .hero-copy{max-width:76%!important}body .hero-copy h1{font-size:14px!important}}

/* v4.3 clean art, preserve aspect ratio and remove baked-in UI */
body .hero-art{background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;transform:none!important;animation:none!important}
body[data-theme=leaf] .hero-art{background-position:58% center!important}
body[data-theme=akatsuki] .hero-art{background-position:59% center!important}
body[data-theme=chibi] .hero-art{background-position:50% center!important}
body[data-theme=hokage] .hero-art{background-position:55% center!important}
body .hero-copy{max-width:min(63%,245px)!important}
@media(max-width:560px){body .hero-copy{max-width:65%!important}}


/* Shinobi v4.4: ornate layered framing, actual controls remain HTML. */
body[data-theme=leaf]{--frame-light:#f7d27b;--frame-deep:#97621d;--frame-sheen:#fff6be;--ornament:#e8b14d;--wood:#0d493e;--surface-art:rgba(255,246,217,.94)}
body[data-theme=akatsuki]{--frame-light:#f45b6c;--frame-deep:#610c24;--frame-sheen:#ffc1bd;--ornament:#ed3650;--wood:#17151e;--surface-art:#24252ef7}
body[data-theme=chibi]{--frame-light:#ffb4c9;--frame-deep:#df688f;--frame-sheen:#fff9d8;--ornament:#ff91ac;--wood:#ffcadb;--surface-art:#fff5f7f5}
body[data-theme=hokage]{--frame-light:#f8c45b;--frame-deep:#9e4b17;--frame-sheen:#fff0b3;--ornament:#dca03e;--wood:#50301e;--surface-art:#fff0cef5}
body{background-attachment:fixed!important}
body[data-theme=leaf]{background-image:radial-gradient(circle at 10% 18%,#b4ffe2a8,transparent 30%),repeating-linear-gradient(115deg,transparent 0 70px,#187c5630 72px 74px,transparent 78px 160px),linear-gradient(180deg,#9bd8b5,#e9f5df 44%,#c3e9d5)!important}
body[data-theme=akatsuki]{background-image:radial-gradient(circle at 82% 8%,#a72a45b0,transparent 28%),repeating-linear-gradient(125deg,transparent 0 95px,#ed365017 97px 100px,transparent 102px 180px),linear-gradient(180deg,#11111b,#23131f 55%,#0e1119)!important}
body[data-theme=chibi]{background-image:radial-gradient(circle at 20% 8%,#fff8d9,transparent 36%),repeating-linear-gradient(120deg,transparent 0 95px,#f59ab12c 97px 100px,transparent 103px 185px),linear-gradient(180deg,#ffdce8,#fff4ed 56%,#ffd9e7)!important}
body[data-theme=hokage]{background-image:radial-gradient(circle at 50% 0%,#ffefb9,transparent 42%),repeating-linear-gradient(90deg,#b5782a12 0 2px,transparent 3px 33px,#8b4e2212 34px 35px,transparent 36px 72px),linear-gradient(180deg,#e1bb80,#f8e6c5 56%,#d5a96b)!important}
/* All outer frames are painted in CSS, never screenshot-based fake controls. */
body .hero,body .quick-tabs,body .panel{position:relative;isolation:isolate;border:3px solid var(--frame-light)!important;box-shadow:0 0 0 2px var(--frame-deep),inset 0 0 0 2px #ffffff80,0 6px 0 var(--v4-glow),0 14px 26px #0003!important}
body .hero{border-radius:27px!important;outline:1px solid var(--frame-sheen);outline-offset:-9px}
body .hero:before{content:'';position:absolute;inset:5px;border:1px solid #fff9;border-radius:21px;z-index:3;pointer-events:none;background:none!important;opacity:1!important}
body .hero-copy{box-shadow:0 0 0 2px var(--frame-deep),0 3px 13px #0006!important;border-color:var(--frame-light)!important}
body .quick-tabs{background:linear-gradient(165deg,#ffffff14,transparent 52%),var(--wood)!important;border-radius:20px!important;overflow:hidden}
body .quick-tabs a{border:1px solid transparent;transition:box-shadow .15s ease,background .15s ease}
body .quick-tabs a.selected{border-color:var(--frame-sheen)!important;box-shadow:inset 0 0 0 1px #fff8,0 0 12px var(--ornament),0 3px 0 #0004!important}
body .panel:not(.result-panel){background-image:radial-gradient(circle at 96% 2%,var(--frame-light) 0%,transparent 23%),repeating-linear-gradient(125deg,transparent 0 45px,#d1a86d0b 46px 47px,transparent 48px 95px)!important;background-color:var(--theme-panel)!important}
body .panel{border-radius:25px!important}
body .panel:before{content:'';position:absolute;inset:7px;border:1px solid var(--frame-light);border-radius:17px;opacity:.7;pointer-events:none;z-index:0}
body .panel>*{position:relative;z-index:1}
body .workspace{border-top:7px solid var(--frame-deep)!important}
body .workspace:after{font-size:55px!important;opacity:.13!important}
body .toolbar .btn{border:2px solid #ffffff8a!important;outline:2px solid #0002;outline-offset:-5px;box-shadow:inset 0 2px 1px #ffffff77,inset 0 -5px 9px #0003,0 4px 0 var(--frame-deep),0 8px 12px #0002!important;font-weight:800}
body .toolbar .btn:active{transform:translateY(2px);box-shadow:inset 0 2px 7px #0004!important}
body .topbar{background-image:repeating-linear-gradient(90deg,transparent 0 38px,#ffffff0b 39px 40px,transparent 41px 79px),linear-gradient(180deg,#ffffff09,transparent)!important;border-bottom:5px double var(--frame-light)!important;box-shadow:0 5px 12px var(--v4-glow)}
body .topbar select{border:2px solid var(--frame-light)!important;box-shadow:0 0 0 2px var(--frame-deep),0 3px 8px #0003!important}
body .ninja-mark{border:2px solid var(--frame-sheen)!important;box-shadow:0 0 0 3px var(--frame-deep),0 0 14px var(--ornament)!important}
body input:focus-visible,body select:focus-visible,body button:focus-visible,body a:focus-visible{outline:3px solid var(--ornament)!important;outline-offset:3px}
@media(max-width:560px){body .panel{border-width:2px!important}body .panel:before{inset:5px}body .hero{border-width:3px!important}body .toolbar .btn{min-height:80px}}
@media(prefers-reduced-motion:reduce){body .toolbar .btn{transition:none!important}}

/* v4.5: unobstructed artwork + ornamental theme-specific frames */
body .hero-copy{display:none!important}
body .hero:after{display:none!important}
body .hero-art{filter:none!important;background-size:cover!important}
body .hero{height:clamp(210px,51vw,365px)!important;min-height:210px!important;overflow:hidden;border:4px solid var(--frame-light)!important;box-shadow:0 0 0 3px var(--frame-deep),0 0 0 6px var(--frame-sheen),0 0 24px var(--ornament),0 14px 25px #0003!important}
body .hero:before{inset:7px!important;border:2px solid #fff9!important;box-shadow:inset 0 0 9px #fff6;z-index:4!important}
body .hero-scenery{display:none!important}
body .quick-tabs{border:3px solid var(--frame-light)!important;box-shadow:0 0 0 2px var(--frame-deep),0 0 14px var(--ornament),0 7px 12px #0003!important}
body .panel{box-shadow:0 0 0 2px var(--frame-deep),inset 0 0 0 2px #fff9,0 0 15px var(--ornament),0 10px 22px #0002!important}
body .topbar{background-size:auto,auto!important}
body[data-theme=chibi]{--frame-light:#ffb5e4;--frame-deep:#c83885;--frame-sheen:#fff1c0;--ornament:#ff65b8;--wood:#a92862}
body[data-theme=chibi] .quick-tabs{background:linear-gradient(160deg,#e84c91,#a72464)!important}
body[data-theme=chibi] .quick-tabs a{color:#fff!important;text-shadow:0 1px 2px #70113e}
body[data-theme=chibi] .quick-tabs a.selected{background:linear-gradient(#ffb349,#ff791d)!important}
body[data-theme=chibi] .topbar{background-image:radial-gradient(circle at 95% 0%,#ffb4d466,transparent 38%),linear-gradient(140deg,#e45491,#b52e6d)!important}
body[data-theme=chibi] .panel:not(.result-panel){background-image:radial-gradient(circle at 90% 5%,#ffb8d777,transparent 26%),repeating-linear-gradient(130deg,transparent 0 64px,#e994c01a 65px 66px,transparent 67px 140px)!important}
body[data-theme=leaf] .quick-tabs{background:linear-gradient(130deg,#076f54,#073d34)!important}
body[data-theme=akatsuki] .quick-tabs{background:linear-gradient(130deg,#31111d,#0f121a)!important}
body[data-theme=hokage] .quick-tabs{background:linear-gradient(130deg,#78401f,#382319)!important}
body .hero-symbol,body .anime-mascot{display:none!important}
@media(max-width:560px){body .hero{height:clamp(205px,51vw,295px)!important;min-height:205px!important}}
@media(max-width:360px){body .hero{height:205px!important}}

/* v4.6 — layered anime scenery and luminous ornamental frames.
   Pure CSS decorations: controls, artwork and data remain real. */
body[data-theme=leaf]{--v46-glow:#ffbd4c;--v46-edge:#fff0a4;--v46-ink:#14563f;--v46-petal:#75cc8b;--v46-soft:#fff5d9}
body[data-theme=akatsuki]{--v46-glow:#ff415c;--v46-edge:#ffb0ac;--v46-ink:#260e1b;--v46-petal:#d92a47;--v46-soft:#26232d}
body[data-theme=chibi]{--v46-glow:#ff79bf;--v46-edge:#ffe8a6;--v46-ink:#aa285e;--v46-petal:#ff91b6;--v46-soft:#fff0f6}
body[data-theme=hokage]{--v46-glow:#f9b84e;--v46-edge:#fff0b2;--v46-ink:#77431f;--v46-petal:#e4ad60;--v46-soft:#fff1d3}
body[data-theme=leaf]{background-image:radial-gradient(ellipse at 4% 20%,#fff7c9 0,transparent 31%),radial-gradient(ellipse at 98% 65%,#71cba478,transparent 42%),repeating-linear-gradient(145deg,transparent 0 110px,#ffffff38 112px 114px,transparent 116px 225px),linear-gradient(160deg,#b7e5cb,#e4f8df 50%,#9bd2b9)!important}
body[data-theme=akatsuki]{background-image:radial-gradient(ellipse at 96% 16%,#c1274c73,transparent 34%),radial-gradient(ellipse at 4% 70%,#871b3c55,transparent 43%),repeating-linear-gradient(145deg,transparent 0 105px,#e3425516 107px 109px,transparent 111px 220px),linear-gradient(155deg,#11131b,#261320 60%,#100e17)!important}
body[data-theme=chibi]{background-image:radial-gradient(ellipse at 4% 15%,#fffbdc,transparent 34%),radial-gradient(ellipse at 96% 65%,#ffb2d69e,transparent 38%),repeating-linear-gradient(145deg,transparent 0 100px,#ffffff90 102px 104px,transparent 106px 215px),linear-gradient(165deg,#ffd3e8,#fff3ee 58%,#ffd1e7)!important}
body[data-theme=hokage]{background-image:radial-gradient(ellipse at 92% 14%,#ffefac,transparent 37%),radial-gradient(ellipse at 4% 76%,#e6b56d90,transparent 44%),repeating-linear-gradient(145deg,transparent 0 100px,#fff5cc42 102px 104px,transparent 106px 220px),linear-gradient(155deg,#e2b878,#fff1d0 58%,#d6a567)!important}
body .topbar{position:relative;isolation:isolate;overflow:visible;border-bottom:3px solid var(--v46-edge)!important;box-shadow:0 3px 0 var(--frame-deep),0 8px 25px var(--v46-glow)!important}
body .topbar:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.48;background:radial-gradient(circle at 85% 14%,var(--v46-glow),transparent 30%),repeating-radial-gradient(circle at 0% 110%,transparent 0 26px,#ffffff12 28px 30px,transparent 32px 60px)}
body .topbar select{border:2px solid var(--v46-edge)!important;border-radius:15px!important;box-shadow:0 0 0 3px var(--frame-deep),0 0 0 5px var(--v46-glow),inset 0 2px 5px #fff9,0 7px 14px #0003!important}
body .topbar #logoutBtn{border:2px solid var(--v46-edge)!important;border-radius:14px;box-shadow:0 0 13px var(--v46-glow),inset 0 1px 0 #fff5}
body .hero{border:4px solid var(--v46-edge)!important;outline:2px solid var(--frame-deep);outline-offset:3px;border-radius:30px!important;box-shadow:0 0 0 7px var(--frame-deep),0 0 0 10px var(--v46-edge),0 0 24px 4px var(--v46-glow),0 18px 30px #0004!important}
body .hero:before{inset:8px!important;border:2px solid #ffffffa8!important;border-radius:21px!important;box-shadow:inset 0 0 13px #fff9,0 0 8px #fff6!important}
body .quick-tabs{border:3px solid var(--v46-edge)!important;outline:2px solid var(--frame-deep);outline-offset:2px;border-radius:24px!important;background-image:linear-gradient(160deg,#ffffff2c,transparent 40%)!important;box-shadow:0 0 0 6px var(--frame-deep),0 0 20px 3px var(--v46-glow),0 10px 22px #0003!important}
body[data-theme=leaf] .quick-tabs{background:linear-gradient(160deg,#167a5c,#064538)!important}
body[data-theme=akatsuki] .quick-tabs{background:linear-gradient(160deg,#421629,#11121a)!important}
body[data-theme=chibi] .quick-tabs{background:linear-gradient(160deg,#e8589a,#a6296c)!important}
body[data-theme=hokage] .quick-tabs{background:linear-gradient(160deg,#86502b,#442a1d)!important}
body .quick-tabs a.selected{border:2px solid var(--v46-edge)!important;box-shadow:inset 0 2px 3px #ffffff77,inset 0 -5px 10px #0002,0 0 12px var(--v46-glow),0 4px 0 #0004!important}
body .panel{border:3px solid var(--v46-edge)!important;outline:2px solid var(--frame-deep);outline-offset:2px;border-radius:27px!important;box-shadow:0 0 0 6px var(--frame-deep),0 0 18px 2px var(--v46-glow),0 14px 30px #0003!important}
body .panel:before{inset:7px!important;border:1.5px solid var(--v46-edge)!important;opacity:.9!important;border-radius:18px!important}
body .panel:not(.result-panel){background-color:var(--v46-soft)!important;background-image:radial-gradient(ellipse at 94% 0%,var(--v46-petal) 0,transparent 23%),radial-gradient(ellipse at 4% 100%,#ffffff5e 0,transparent 36%),repeating-linear-gradient(135deg,transparent 0 90px,#ffffff35 92px 94px,transparent 96px 200px)!important}
body .workspace{border-top:5px solid var(--v46-glow)!important}
body .workspace:after{font-size:50px!important;opacity:.18!important;right:19px!important;top:15px!important}
body .toolbar .btn{border:2px solid var(--v46-edge)!important;border-radius:16px!important;box-shadow:inset 0 2px 2px #ffffffa3,inset 0 -6px 10px #0003,0 0 0 2px var(--frame-deep),0 0 12px var(--v46-glow),0 5px 0 var(--frame-deep)!important}
body .toolbar .btn:hover{filter:brightness(1.07)}
body .ninja-mark{box-shadow:0 0 0 3px var(--frame-deep),0 0 0 5px var(--v46-edge),0 0 16px 4px var(--v46-glow)!important}
@media(max-width:560px){body .hero{border-radius:24px!important;box-shadow:0 0 0 4px var(--frame-deep),0 0 0 6px var(--v46-edge),0 0 17px 2px var(--v46-glow),0 9px 18px #0003!important}body .panel{box-shadow:0 0 0 3px var(--frame-deep),0 0 12px var(--v46-glow),0 9px 20px #0002!important}body .quick-tabs{box-shadow:0 0 0 3px var(--frame-deep),0 0 13px var(--v46-glow),0 7px 16px #0003!important}body .toolbar .btn{font-size:11px!important;line-height:1.35!important}}


/* v4.7 • illustrated ornamental interface • no change to calculator data or behavior */
body{--lux-gold:#ffe79b;--lux-outer:#ad6b25;--lux-glow:#ffc65c;--lux-paper:#fff7df;--lux-ink:#59361e;background-size:440px 560px!important;background-attachment:fixed!important}
body[data-theme=leaf]{--lux-gold:#ffec9b;--lux-outer:#8b5b20;--lux-glow:#f6c652;--lux-paper:#fff9e9;--lux-ink:#245b42;background-image:url('./art/wallpaper-leaf.svg')!important}
body[data-theme=chibi]{--lux-gold:#fff1b5;--lux-outer:#c02d80;--lux-glow:#ff64b7;--lux-paper:#fff2f9;--lux-ink:#743052;background-image:url('./art/wallpaper-chibi.svg')!important}
body[data-theme=akatsuki]{--lux-gold:#ff9b9b;--lux-outer:#9e243b;--lux-glow:#f63b60;--lux-paper:#26212c;--lux-ink:#f8e7e9;background-image:url('./art/wallpaper-akatsuki.svg')!important}
body[data-theme=hokage]{--lux-gold:#fff1b5;--lux-outer:#9c4d1b;--lux-glow:#ffbf4c;--lux-paper:#fff1d2;--lux-ink:#673a23;background-image:url('./art/wallpaper-hokage.svg')!important}
/* Warm illustrated cards with layered gold/colored borders; readable and usable. */
body .panel{border:3px solid var(--lux-gold)!important;outline:3px solid var(--lux-outer)!important;outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb,var(--lux-glow),transparent 48%),0 0 20px color-mix(in srgb,var(--lux-glow),transparent 35%),0 12px 25px #0003!important;margin-block:21px!important;background-color:var(--lux-paper)!important}
body .panel:not(.result-panel){background-image:radial-gradient(ellipse at 95% 4%,color-mix(in srgb,var(--lux-glow),transparent 55%),transparent 31%),linear-gradient(145deg,#ffffff30,transparent 65%),url('./art/wallpaper-leaf.svg')!important;background-size:auto,auto,600px 760px!important}
body[data-theme=chibi] .panel:not(.result-panel){background-image:radial-gradient(ellipse at 96% 0%,#ff9bd599,transparent 29%),linear-gradient(130deg,#ffffff9c,transparent),url('./art/wallpaper-chibi.svg')!important}
body[data-theme=akatsuki] .panel:not(.result-panel){background-image:radial-gradient(ellipse at 96% 0%,#c9234b88,transparent 30%),linear-gradient(140deg,#ffffff08,transparent),url('./art/wallpaper-akatsuki.svg')!important}
body[data-theme=hokage] .panel:not(.result-panel){background-image:radial-gradient(ellipse at 96% 0%,#f4b74b99,transparent 30%),linear-gradient(130deg,#ffffff8c,transparent),url('./art/wallpaper-hokage.svg')!important}
body .panel:before{border:1.5px solid var(--lux-gold)!important;box-shadow:inset 0 0 0 1px #ffffff60;pointer-events:none}
body .panel .section-head h2,body .workspace h2{color:var(--lux-ink)!important}
body .hero{border:4px solid var(--lux-gold)!important;outline:3px solid var(--lux-outer)!important;outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb,var(--lux-glow),transparent 55%),0 0 24px var(--lux-glow),0 14px 26px #0004!important}
body .hero:before{border:2px solid #ffffffa0!important;box-shadow:inset 0 0 14px #ffffff80!important}
body .hero-art{background-size:cover!important;background-position:center center!important;animation:none!important}
body .quick-tabs{border:3px solid var(--lux-gold)!important;outline:3px solid var(--lux-outer)!important;outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--lux-glow),transparent 55%),0 0 19px var(--lux-glow),0 8px 20px #0004!important}
body .quick-tabs a.selected{background:linear-gradient(160deg,#ffbc3e,#f4740d)!important;border:2px solid #ffeaa2!important;color:#fff!important;text-shadow:0 2px 3px #873700;box-shadow:inset 0 2px 3px #fff9,inset 0 -5px 9px #a53a00,0 0 15px #ff9a20!important}
body .topbar{border-bottom:4px solid var(--lux-gold)!important;box-shadow:0 3px 0 var(--lux-outer),0 8px 25px var(--lux-glow)!important}
body .topbar select{border:2px solid var(--lux-gold)!important;box-shadow:0 0 0 2px var(--lux-outer),0 0 12px var(--lux-glow)!important}
body .toolbar .btn{border:2px solid var(--lux-gold)!important;box-shadow:inset 0 2px 2px #ffffffaa,inset 0 -6px 9px #0004,0 0 0 2px var(--lux-outer),0 0 12px var(--lux-glow),0 5px 0 var(--lux-outer)!important}
body .workspace{border-top:6px solid var(--lux-glow)!important}
body .workspace .cloud-tag{border:1px solid var(--lux-gold);box-shadow:0 2px 7px #0001}
body .panel input,body .panel select{border:2px solid color-mix(in srgb,var(--lux-outer),white 40%);border-radius:13px;box-shadow:inset 0 1px 3px #0000000c}
body .panel input:focus,body .panel select:focus{border-color:var(--lux-glow);box-shadow:0 0 0 3px color-mix(in srgb,var(--lux-glow),transparent 60%)}
body .panel .subtotal,body .panel .result-strip{border:1px solid color-mix(in srgb,var(--lux-outer),transparent 60%);background:color-mix(in srgb,var(--lux-paper),white 24%)}
body[data-theme=akatsuki] .panel:not(.result-panel) label,body[data-theme=akatsuki] .panel:not(.result-panel) h2,body[data-theme=akatsuki] .panel:not(.result-panel) h3{color:#f6e9ee!important}
body[data-theme=akatsuki] .panel:not(.result-panel) .hint,body[data-theme=akatsuki] .panel:not(.result-panel) small{color:#cbb8c2!important}
body[data-theme=akatsuki] .panel:not(.result-panel) .subtotal,body[data-theme=akatsuki] .panel:not(.result-panel) .result-strip{background:#f8f2f3;color:#36262e}
@media(max-width:560px){body .panel{margin-block:18px!important;border-width:2px!important;outline-width:2px!important}body .hero{outline-width:2px!important}body .quick-tabs{outline-width:2px!important}body .toolbar .btn{font-size:11px!important;min-height:70px!important}body .hero{height:clamp(205px,51vw,295px)!important}}
@media(prefers-reduced-motion:reduce){body .anime-atmosphere i{animation:none!important}}

/* v4.8: animated, theme-aware labor cost composition panel */
body .cost-analysis{--cost-baito:#20b66b;--cost-salary:#3b82f6;--cost-welfare:#a855f7;--cost-helpin:#ff9a23;--cost-helpout:#e44963;position:relative;isolation:isolate;overflow:hidden;margin-top:16px;padding:clamp(14px,3vw,24px);border:2px solid var(--lux-gold);border-radius:22px;background:linear-gradient(155deg,color-mix(in srgb,var(--lux-paper),white 18%),color-mix(in srgb,var(--lux-glow),var(--lux-paper) 86%));color:var(--lux-ink);box-shadow:inset 0 0 0 2px #ffffffa8,0 0 0 2px var(--lux-outer),0 0 20px color-mix(in srgb,var(--lux-glow),transparent 55%)}
body .cost-analysis:before{content:'✿';position:absolute;right:-13px;top:-37px;font-size:128px;color:var(--lux-glow);opacity:.14;z-index:-1;pointer-events:none}
body[data-theme=akatsuki] .cost-analysis{background:linear-gradient(140deg,#25212c,#33232d);color:#fff1f3}
body[data-theme=akatsuki] .analysis-item,body[data-theme=akatsuki] .analysis-summary{background:#f9f2f4;color:#392b33}
body .analysis-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;align-items:baseline;font-weight:900;font-size:clamp(16px,4vw,21px);margin-bottom:13px}
body .analysis-heading small{font-size:11px;color:inherit;opacity:.7;font-weight:500}
body .analysis-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:#ffffffc9;padding:12px 8px;border-radius:14px;border:1px solid #e6c8a6}
body .analysis-summary>div{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:center}
body .analysis-summary>div+div{border-left:1px solid #dfd2c9}
body .analysis-summary span{font-size:11px;font-weight:700}
body .analysis-summary strong{font-size:clamp(13px,3.7vw,23px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#dc751e}
body .analysis-stack{display:flex;overflow:hidden;height:16px;border-radius:999px;background:#d9d3cc;margin:15px 0 12px;box-shadow:inset 0 2px 3px #0002}
body .analysis-stack span{display:block;height:100%;transition:width .3s ease}
body #analysisBarBaito{background:var(--cost-baito)}body #analysisBarSalary{background:var(--cost-salary)}body #analysisBarWelfare{background:var(--cost-welfare)}body #analysisBarHelpIn{background:var(--cost-helpin)}
body .analysis-items{display:grid;gap:9px}
body .analysis-item{--item-color:#6b7280;background:#ffffffd9;border:1px solid color-mix(in srgb,var(--item-color),white 70%);border-left:5px solid var(--item-color);border-radius:13px;padding:11px 12px;box-shadow:0 3px 10px #00000009}
body .analysis-item.baito{--item-color:var(--cost-baito)}body .analysis-item.salary{--item-color:var(--cost-salary)}body .analysis-item.welfare{--item-color:var(--cost-welfare)}body .analysis-item.helpin{--item-color:var(--cost-helpin)}body .analysis-item.helpout{--item-color:var(--cost-helpout)}body .analysis-item.helpnet{--item-color:#66748b}
body .analysis-line{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:750}
body .analysis-line>span{min-width:0}body .analysis-line>strong{font-size:clamp(18px,4.3vw,23px);color:var(--item-color);font-variant-numeric:tabular-nums;white-space:nowrap}
body .analysis-line small{font-size:10px;color:#777;display:inline}
body .analysis-item>small{display:block;color:#7b7780;margin:2px 0 7px;font-size:12px}
body .analysis-track{height:7px;background:#ece9e7;border-radius:99px;overflow:hidden}
body .analysis-track i{display:block;height:100%;width:0;border-radius:99px;background:var(--item-color);transition:width .3s ease}
body .analysis-note{font-size:11px;line-height:1.7;opacity:.8;margin:12px 0 0}
@media(min-width:720px){body .analysis-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body .analysis-stack span,body .analysis-track i{transition:none}}


/* v4.9 — vibrant theme/language selectors, native picker preserved */
body .topbar .theme-control select,
body .topbar .language-control select {
  appearance:none;-webkit-appearance:none;
  color:var(--picker-text,#fff)!important;
  font-weight:800!important;letter-spacing:.15px;
  background-color:var(--picker-base,#1e2430)!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(125deg,var(--picker-light,#38485c),var(--picker-base,#1e2430) 65%,var(--picker-dark,#10151f))!important;
  background-repeat:no-repeat,no-repeat!important;
  background-size:19px 19px,100% 100%!important;
  background-position:right 12px center,center!important;
  border:2px solid var(--picker-edge,#ffcf73)!important;
  border-radius:15px!important;
  padding:10px 38px 10px 13px!important;
  text-shadow:0 1px 2px #0005;
  box-shadow:inset 0 1px 1px #ffffff66,inset 0 -4px 7px #0003,0 0 0 3px var(--picker-outline,#a15b28),0 0 17px var(--picker-glow,#fbbf5a80)!important;
  transition:box-shadow .2s,filter .2s,transform .2s;
  color-scheme:dark;
}
body .topbar .theme-control select:focus,
body .topbar .language-control select:focus {
  outline:2px solid var(--picker-edge,#ffcf73)!important;
  outline-offset:5px;
  filter:brightness(1.12);
  box-shadow:inset 0 1px 2px #fff7,0 0 0 3px var(--picker-outline,#a15b28),0 0 24px var(--picker-glow,#fbbf5a80)!important;
}
body .topbar .theme-control select option,
body .topbar .language-control select option {background:#26212b;color:#fff}
body[data-theme=leaf]{--picker-light:#1a976f;--picker-base:#075642;--picker-dark:#07382e;--picker-edge:#ffe7a0;--picker-outline:#b57d29;--picker-glow:#52f9b888;--picker-text:#fffde9}
body[data-theme=akatsuki]{--picker-light:#9f2944;--picker-base:#42131f;--picker-dark:#160d16;--picker-edge:#ff657f;--picker-outline:#921c36;--picker-glow:#f5255e99;--picker-text:#fff4f5}
body[data-theme=chibi]{--picker-light:#ff8cc1;--picker-base:#e84e94;--picker-dark:#b72e75;--picker-edge:#ffe2f4;--picker-outline:#d4388a;--picker-glow:#ff74c5aa;--picker-text:#fff}
body[data-theme=hokage]{--picker-light:#f4a42b;--picker-base:#a64c18;--picker-dark:#5d2b16;--picker-edge:#ffe5a0;--picker-outline:#a25420;--picker-glow:#ffbf4b99;--picker-text:#fff8e7}
@media(max-width:620px){body .topbar .theme-control select,body .topbar .language-control select{font-size:14px!important;padding-right:33px!important;background-position:right 9px center,center!important}}

/* v5.0: Compact, accessible anime selection menus. Original selects remain
   connected to existing i18n/theme handlers but never open Android pickers. */
.ultimate-original-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.ultimate-selector{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 16px;border-radius:17px;border:2px solid rgba(255,222,138,.8);background:linear-gradient(120deg,rgba(255,178,55,.32),rgba(40,15,18,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 15px rgba(255,133,29,.2);color:#fff9e9;font-size:1rem;font-weight:750;text-align:left;cursor:pointer;letter-spacing:.01em;transition:transform .16s,box-shadow .16s}
.ultimate-selector:active{transform:scale(.98)}.ultimate-selector:focus-visible{outline:3px solid #fff0aa;outline-offset:3px}
.ultimate-selector-chevron{font-size:1.5em;line-height:1;color:#ffe3a0}
body[data-theme="leaf"] .ultimate-selector{background:linear-gradient(115deg,#17654a,#09392e);border-color:#f3cb64;color:#fffce7}
body[data-theme="akatsuki"] .ultimate-selector{background:linear-gradient(115deg,#8c1b38,#230f21);border-color:#ff637c;color:#fff1f2}
body[data-theme="chibi"] .ultimate-selector{background:linear-gradient(115deg,#ef78ad,#a72f78);border-color:#ffe3a1;color:#fff}
body[data-theme="hokage"] .ultimate-selector{background:linear-gradient(115deg,#b66a1d,#532818);border-color:#ffdc84;color:#fff6df}
.ultimate-menu-open{overflow:hidden}.ultimate-menu-overlay[hidden]{display:none!important}
.ultimate-menu-overlay{position:fixed;inset:0;z-index:99999;background:rgba(8,8,18,.78);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px}
.ultimate-menu-sheet{width:min(100%,450px);max-height:min(86dvh,650px);overflow:auto;padding:15px;border-radius:25px;border:2px solid #ffce73;background:linear-gradient(150deg,#201322,#0c111e);box-shadow:0 0 0 4px rgba(255,205,117,.16),0 0 45px rgba(255,100,95,.35),0 20px 80px #000a;color:#fff}
.ultimate-menu-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 4px 15px}.ultimate-menu-heading{font-size:1rem;letter-spacing:.07em;color:#ffe9ad}.ultimate-menu-close{background:#ffffff18;color:#fff;border:1px solid #ffffff60;border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer}
.ultimate-menu-items{display:grid;gap:10px}.ultimate-menu-choice{width:100%;display:flex;align-items:center;gap:12px;min-height:77px;text-align:left;padding:12px;border:2px solid #ffffff45;border-radius:17px;color:#fff;background:linear-gradient(125deg,#393047,#151b2b);box-shadow:inset 0 1px 0 #ffffff35;cursor:pointer;transition:transform .14s,border-color .14s,box-shadow .14s}
.ultimate-menu-choice:active{transform:scale(.98)}.ultimate-menu-choice:focus-visible{outline:3px solid #ffe4a3;outline-offset:2px}.ultimate-menu-choice.is-selected{border-color:#ffe29c;box-shadow:0 0 0 2px #ffdc7d50,0 0 18px #ffbb5550,inset 0 1px 0 #fff7}
.ultimate-choice-emoji{font-size:1.9rem;flex:0 0 42px;text-align:center;filter:drop-shadow(0 2px 4px #0008)}.ultimate-choice-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.ultimate-choice-copy strong{font-size:1.07rem;line-height:1.25}.ultimate-choice-copy small{font-size:.66rem;letter-spacing:.09em;color:#ffedc5}.ultimate-choice-check{font-size:1.45rem;font-weight:900;color:#ffe6a3}
.ultimate-menu-choice[data-preview="leaf"]{background:linear-gradient(115deg,#12684b,#0c352e);border-color:#5bd49a}.ultimate-menu-choice[data-preview="akatsuki"]{background:linear-gradient(115deg,#a92245,#240f23);border-color:#ff6981}.ultimate-menu-choice[data-preview="chibi"]{background:linear-gradient(115deg,#ed83b5,#96396f);border-color:#ffc8e1}.ultimate-menu-choice[data-preview="hokage"]{background:linear-gradient(115deg,#b8792d,#4c281c);border-color:#ffca78}
body[data-theme="leaf"] .ultimate-menu-sheet{border-color:#eac16b;box-shadow:0 0 35px #1fbc8060,0 20px 70px #000a}
body[data-theme="chibi"] .ultimate-menu-sheet{border-color:#ffb5d9;box-shadow:0 0 35px #ff70b260,0 20px 70px #000a}
body[data-theme="akatsuki"] .ultimate-menu-sheet{border-color:#ff6683;box-shadow:0 0 35px #ff315c60,0 20px 70px #000a}
body[data-theme="hokage"] .ultimate-menu-sheet{border-color:#ffcd75;box-shadow:0 0 35px #ffa12e60,0 20px 70px #000a}
@media(max-width:380px){.ultimate-selector{font-size:.88rem;padding:10px 9px;min-height:48px}.ultimate-menu-sheet{padding:12px}.ultimate-menu-choice{min-height:68px}}
@media(prefers-reduced-motion:reduce){.ultimate-selector,.ultimate-menu-choice{transition:none}}