:root{--bg: #121416;--surface: #1C1F23;--surface2: #262A2F;--line: #33383E;--text: #F3F0EA;--muted: #A7ADB4;--soft: #C9CDD2;--amber: #F2B33D;--amber-ink: #1A1306;--amber-bg: #3A2C10;--amber-text: #FBE6B8;--teal: #6FD3C0;--teal-bg: #12332E;--teal-text: #DDF6F0;--danger: #F07B6B;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--amber)}.num{font-family:Space Grotesk,system-ui,sans-serif;font-variant-numeric:tabular-nums}.screen{display:flex;flex-direction:column;height:100%;max-width:560px;margin:0 auto}.top{padding:calc(var(--safe-top) + 14px) 16px 10px;display:flex;align-items:center;gap:12px}.top h1{margin:0;font-size:22px;font-weight:800;line-height:1.2}.top .sub{font-size:13px;color:var(--muted)}.body{flex:1;overflow-y:auto;padding:4px 16px 16px;-webkit-overflow-scrolling:touch}.bottom{padding:12px 16px calc(var(--safe-bottom) + 14px);border-top:1px solid var(--surface2);display:flex;flex-direction:column;gap:8px;background:var(--bg)}.round{width:44px;height:44px;border-radius:22px;background:var(--surface);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.btn{min-height:56px;border-radius:14px;border:none;font-weight:800;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;text-decoration:none}.btn.primary{background:var(--amber);color:var(--amber-ink)}.btn.light{background:var(--text);color:var(--bg)}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn.dashed{background:transparent;color:var(--amber);border:1.5px dashed #4A5057;min-height:50px;font-size:15px}.btn.small{min-height:44px;font-size:14px;border-radius:12px}.btn:disabled{opacity:.5;cursor:default}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{background:var(--surface);border-radius:16px;padding:14px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--surface2);width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;color:var(--text)}.list-row .main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.list-row .title{font-weight:700}.list-row .meta{font-size:13px;color:var(--muted)}.section{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:18px 0 6px}label.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--soft);margin-bottom:12px}.input{height:52px;border-radius:14px;background:var(--surface);border:1px solid var(--line);padding:0 14px;font-size:17px;width:100%}textarea.input{height:120px;padding:12px 14px;line-height:1.45}.input:focus{outline:2px solid var(--amber);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 14px;border-radius:22px;border:1.5px solid var(--line);background:transparent;font-weight:700;font-size:14px;cursor:pointer}.chip.on{background:var(--text);color:var(--bg);border-color:var(--text)}.chip.add{border-style:dashed;color:var(--amber)}.tip{border-radius:12px;background:var(--amber-bg);color:var(--amber-text);padding:10px 12px;font-size:14px;line-height:1.4}.ok{border-radius:12px;background:var(--teal-bg);color:var(--teal-text);padding:10px 12px;font-size:14px;line-height:1.4}.pill{font-size:12px;font-weight:800;padding:3px 8px;border-radius:8px}.pill.done{background:var(--teal-bg);color:var(--teal-text)}.pill.go{background:var(--amber-bg);color:var(--amber-text)}.pill.todo{background:var(--surface2);color:var(--soft)}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:32px 12px;line-height:1.5}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level{height:56px;border-radius:14px;border:none;background:var(--surface2);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;cursor:pointer}.level.on{background:var(--amber);color:var(--amber-ink)}.stepper{display:grid;grid-template-columns:68px 1fr 68px;gap:8px}.stepper button{height:64px;border-radius:16px;border:none;font-size:32px;cursor:pointer;background:var(--surface2)}.stepper button.plus{background:var(--text);color:var(--bg)}.stepper .val{border-radius:16px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.stepper .val b{font-family:Space Grotesk,sans-serif;font-size:28px;line-height:1}.stepper .val span{font-size:12px;color:var(--muted);font-weight:700}.mini-step{display:flex;align-items:center;gap:6px}.mini-step button{width:44px;height:44px;border-radius:12px;border:none;background:var(--surface2);font-size:20px;cursor:pointer}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090acc;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:560px;background:var(--surface);border-radius:26px 26px 0 0;border-top:3px solid var(--amber);padding:20px 18px calc(var(--safe-bottom) + 24px);display:flex;flex-direction:column;gap:14px;max-height:88vh;overflow-y:auto}.sheet h2{margin:0;font-size:20px}.banner{position:fixed;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);z-index:30;max-width:536px;margin:0 auto}.status-dot{width:8px;height:8px;border-radius:4px;display:inline-block;margin-right:6px}.err{color:var(--danger);font-size:14px}
