:root{--ink: #0b0d22;--panel: #141834;--panel-2: #1b2046;--line: #272e58;--lime: #c9f24d;--coral: #ff4d6a;--amber: #ffb13b;--teal: #3fc7b4;--steam: #9ed8e8;--text: #e8eaf6;--muted: #7c84b4;--shadow: 0 8px 24px rgba(0, 0, 0, .4);--r: 13px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:8px}#root>*{max-width:420px;margin:0 auto;min-height:100%;padding:calc(10px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}.eyebrow{font-family:DM Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin:0}#create{gap:13px;padding-top:calc(20px + env(safe-area-inset-top,0px))}#create h1{font-family:Dela Gothic One,serif;font-weight:400;font-size:33px;margin:0;letter-spacing:.06em}#create .lede{font-size:12.5px;color:var(--muted);line-height:1.75;margin:0}#create label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:6px}#create input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:16px}.field-error{color:var(--coral);font-size:11px;margin:6px 0 0}.swatches{display:flex;gap:8px;flex-wrap:wrap}.sw{width:36px;height:36px;border-radius:10px;border:2px solid transparent}.sw.on{border-color:var(--lime)}.styles{display:flex;gap:8px}.st{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 0}.st.on{border-color:var(--lime);background:var(--panel-2)}.st svg{display:block;margin:0 auto;width:48px;height:48px}.head{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--r);padding:9px 13px 11px;box-shadow:var(--shadow)}.head .top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.head .name{font-family:Dela Gothic One,serif;font-size:15px;letter-spacing:.04em;padding:0;display:inline-flex;align-items:baseline;gap:5px}.head .name .pencil{font-family:inherit;font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.head .clock{font-family:DM Mono,ui-monospace,monospace;font-size:13px;font-variant-numeric:tabular-nums}.head .clock small{color:var(--muted);font-size:9px;margin-right:4px}.head .top-right{display:inline-flex;align-items:baseline;gap:8px}.head .mute{font-size:13px;padding:0 2px;line-height:1;opacity:.85}.head .mid{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:3px}.streak{font-family:DM Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:29px;color:var(--lime);line-height:1.1}.streak .u{font-size:12px;color:var(--muted);margin:0 1px}.head .meta{font-size:10px;color:var(--muted);text-align:right;line-height:1.5}.head .meta b{color:var(--text);font-family:DM Mono,ui-monospace,monospace;font-weight:500}.stage{position:relative;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 6%,#1d2450,#10142e 62%,#0b0d22);padding:4px 0 2px;overflow:hidden}.stage.drowsy{animation:pulse 2.4s ease-in-out infinite}.stage.bath{background:radial-gradient(120% 90% at 50% 6%,#17384a,#0f2130 62%,#0b0d22)}@keyframes pulse{0%,to{box-shadow:inset 0 0 #ff4d6a00}50%{box-shadow:inset 0 0 40px #ff4d6a4d}}.avatar{display:block;margin:0 auto;width:132px;height:132px}.avatar.shake{animation:shake .5s ease}.avatar.wiggle{animation:wiggle .6s ease}.avatar.bounce{animation:bounce .6s ease}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-9px) rotate(-3deg)}35%{transform:translate(9px) rotate(3deg)}55%{transform:translate(-6px) rotate(-2deg)}75%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-7deg) scale(1.04)}45%{transform:rotate(7deg) scale(1.04)}70%{transform:rotate(-4deg) scale(1.02)}}@keyframes bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-13px) scaleY(1.05)}60%{transform:translateY(3px) scaleY(.96)}}.zzz{font-family:Dela Gothic One,serif;font-size:15px;fill:var(--muted);opacity:0}.zzz.small{font-size:11px;animation-delay:.7s}.stage.drowsy .zzz{opacity:1;animation:float 2.4s linear infinite}@keyframes float{0%{transform:translateY(0);opacity:0}30%{opacity:.9}to{transform:translateY(-15px);opacity:0}}.prop{animation:propPop 1.7s ease forwards}@keyframes propPop{0%{opacity:0;transform:translateY(12px) scale(.8)}16%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-12px) scale(.95)}}.napZ{font-family:Dela Gothic One,serif;font-size:17px}.napZ.big{font-size:28px}.tub{opacity:0}.stage.bath .tub{opacity:1}.steam{font-size:18px;fill:var(--steam);opacity:0}.steam.delayed{font-size:16px;animation-delay:1.1s}.stage.bath .steam{opacity:.45;animation:float 3s linear infinite}@media(prefers-reduced-motion:reduce){.stage.drowsy{animation:none;box-shadow:inset 0 0 36px #ff4d6a3d}.stage.drowsy .zzz,.stage.bath .steam{animation:none}.prop{animation:none;opacity:1}.avatar.shake,.avatar.wiggle,.avatar.bounce{animation:none}}.mood{text-align:center;font-size:11.5px;color:var(--muted);padding:0 14px 6px;min-height:17px;line-height:1.45;margin:0}.mood.alarm{color:var(--coral);font-weight:700}.gauge{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:9px 12px 10px}.grow{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px}.grow.tight{margin-bottom:4px}.grow span{font-size:10.5px;color:var(--muted)}.grow b{font-family:DM Mono,ui-monospace,monospace;font-size:14px;font-variant-numeric:tabular-nums}.bar{height:8px;border-radius:99px;background:#0a0c1e;overflow:hidden;border:1px solid #232853}.bar i{display:block;height:100%;border-radius:99px;transition:width .3s ease,background .3s ease}.duo{display:flex;gap:9px;margin-top:9px}.duo>div{flex:1}.pips{display:flex;gap:4px}.pips i{width:100%;height:8px;border-radius:3px;background:#0a0c1e;border:1px solid #232853}.pips i.on{background:var(--teal);border-color:var(--teal)}.sub{font-size:9.5px;color:var(--muted);margin:6px 0 0;line-height:1.45}.tabs{display:flex;gap:5px}.tabs button{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:7px 0;font-size:12px;font-weight:700}.tabs button.on{background:var(--lime);border-color:var(--lime);color:#14200a}.panel{display:flex;flex-direction:column;gap:7px;margin-top:7px}.lead{font-size:10.5px;color:var(--muted);line-height:1.5;margin:0 2px}.lead b{color:var(--text)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 11px;text-align:left;display:flex;flex-direction:column;gap:2px;transition:transform .08s ease}.btn:active{transform:scale(.975)}.btn .t{font-size:13px;font-weight:700;line-height:1.25}.btn .d{font-size:9.5px;color:var(--muted);font-family:DM Mono,ui-monospace,monospace;line-height:1.35}.btn.prime{background:linear-gradient(180deg,#d8ff5c,#b6e236);border-color:#b6e236;color:#14200a}.btn.prime .d{color:#3c5406}.btn:disabled{opacity:.34;cursor:not-allowed}.btn:disabled:active{transform:none}.btn.wide{grid-column:1 / -1;text-align:center;align-items:center}.seg{display:flex;gap:5px}.seg button{flex:1;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:6px 0;font-family:DM Mono,ui-monospace,monospace;font-size:11.5px}.seg button.on{background:var(--lime);border-color:var(--lime);color:#14200a}.help>div{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:9px 11px}.help h3{margin:0 0 3px;font-size:12px}.help p{margin:0;font-size:10.5px;color:var(--muted);line-height:1.6}.help p b{color:var(--text)}.declared{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:13px;text-align:center;box-shadow:var(--shadow)}.declared h2{font-family:Dela Gothic One,serif;font-weight:400;font-size:17px;margin:5px 0 3px}.declared .big{font-family:DM Mono,ui-monospace,monospace;font-size:26px;color:var(--lime);font-variant-numeric:tabular-nums;margin:6px 0 1px}.declared p{font-size:10.5px;color:var(--muted);margin:7px 0 11px;line-height:1.6}.declared .warn{color:var(--coral)}.chip{border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:10px;font-family:DM Mono,ui-monospace,monospace;background:var(--panel);display:inline-block}.chip.on{background:var(--lime);border-color:var(--lime);color:#14200a}.chip.danger{border-color:#4a2233;color:var(--coral)}.notify{background:var(--panel-2);border:1px solid var(--line);border-radius:11px;padding:11px 12px;display:flex;flex-direction:column;gap:8px}.notify h3{margin:0;font-size:12.5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.notify p{margin:0;font-size:10.5px;color:var(--muted);line-height:1.6}.notify p b{color:var(--text)}.notify-msg{color:var(--lime)!important}.notify-note{font-size:9.5px!important}.preview{background:#101431;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.preview .eyebrow{margin-bottom:5px}.preview-title{margin:0!important;font-size:12px!important;color:var(--text)!important;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preview-body{margin:3px 0 0!important}.preview-none{margin:0!important}.settings{display:flex;flex-direction:column;gap:7px}.settings label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.settings input[type=checkbox]{width:15px;height:15px;accent-color:var(--lime)}.row-set{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap}.row-set select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:4px 6px;font-size:11px}.hint-inline{font-size:9.5px;flex-basis:100%}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#050612d1;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:340px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:18px 16px 16px;box-shadow:0 20px 50px #0009}.modal.bad{border-color:#4a2233}.modal h2{font-family:Dela Gothic One,serif;font-weight:400;font-size:20px;margin:6px 0 12px}.report-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}.report-list li{display:flex;gap:9px;font-size:11.5px;line-height:1.6;color:var(--muted)}.report-list time{font-family:DM Mono,ui-monospace,monospace;color:var(--text);flex:none;font-variant-numeric:tabular-nums}.report-list .warn{color:var(--coral)}.report-list .ok{color:var(--lime)}.revive{background:#101431;border:1px solid var(--line);border-radius:12px;padding:11px 12px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:9px}.revive-lead{margin:0;font-size:12px;line-height:1.6;color:var(--text)}.revive-lead b{color:var(--lime);font-family:DM Mono,ui-monospace,monospace}.revive-note{color:var(--muted);font-size:10.5px}.score{text-align:center;padding:4px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.score-main{font-family:DM Mono,ui-monospace,monospace;font-size:28px;color:var(--lime);font-variant-numeric:tabular-nums;line-height:1.2}.score-rank{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.6}.score-rank b{color:var(--text);font-size:15px;font-family:DM Mono,ui-monospace,monospace}.score-rank .ok{color:var(--lime);font-size:14px}.score-gap{display:block}.records ol{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.records li{display:flex;align-items:baseline;gap:9px;font-size:11.5px}.records .rank{font-family:DM Mono,ui-monospace,monospace;color:var(--muted);width:1.2em;text-align:right}.records .len{font-family:DM Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.records li.now .len{color:var(--lime)}.records .tag{font-size:9.5px;color:var(--muted)}.revive-limit{margin:0;font-size:10px;color:var(--muted);text-align:center;line-height:1.5}details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px}details.dbg{background:#0e1129;border-style:dashed}summary{font-family:DM Mono,ui-monospace,monospace;font-size:10px;color:var(--muted);letter-spacing:.1em;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.log ul{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;max-height:150px;overflow-y:auto}.log li{font-size:10.5px;display:flex;gap:7px;line-height:1.45}.log li time{font-family:DM Mono,ui-monospace,monospace;color:var(--muted);flex:none;font-variant-numeric:tabular-nums}.log li.bad{color:var(--coral)}.log li.good{color:var(--lime)}.log li.bath{color:var(--steam)}.dbg .row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.note .warn{color:var(--coral)}.note{font-size:9.5px;color:var(--muted);line-height:1.55;margin:8px 0 0}footer{font-size:9px;color:var(--muted);text-align:center;line-height:1.6}footer .ver{opacity:.7}