:root{--bg: #0E1013;--card: #171A20;--elev: #1F232B;--line: #23262A;--accent: #A3E635;--accent-soft: rgba(163, 230, 53, .12);--accent-border: rgba(163, 230, 53, .45);--accent-glow: rgba(163, 230, 53, .16);--accent-ink: #101300;--blue: #38BDF8;--amber: #FBBF24;--amber-soft: rgba(251, 191, 36, .13);--success: #4ADE80;--danger: #F87171;--text: #F4F6F8;--muted: #9AA3AF}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;min-height:100vh}#root{max-width:480px;margin:0 auto;padding:20px 16px 110px}h1,h2,h3{font-family:Sora,Manrope,sans-serif}.app.rest{--accent: #38BDF8;--accent-soft: rgba(56,189,248,.12);--accent-border: rgba(56,189,248,.45);--accent-glow: rgba(56,189,248,.16);--accent-ink: #04212e}.app,.app *{transition:background-color .3s,border-color .3s,color .3s}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.header h1{font-size:22px}.header .date{color:var(--muted);font-size:13px;margin-top:4px;text-transform:capitalize}.ring-bg{fill:none;stroke:var(--line);stroke-width:6}.ring-progress{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1)}.ring-text{fill:var(--text);font:700 13px Sora,sans-serif;text-anchor:middle}.chips{display:flex;gap:8px;margin-bottom:10px}.chip{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;background:var(--elev);color:var(--muted);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);box-shadow:0 0 18px var(--accent-glow)}.train-info{color:var(--muted);font-size:13px;margin-bottom:20px}.feed{display:flex;flex-direction:column;gap:14px}.slot-card{background:var(--card);border-radius:16px;padding:14px 16px;border:1px solid transparent}.slot-card.done{opacity:.55}.slot-card.current{border-color:var(--accent-border);box-shadow:0 0 26px var(--accent-glow)}.slot-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.slot-title{font-family:Sora,sans-serif;font-size:15px;font-weight:600}.slot-time{color:var(--muted);font-size:13px;white-space:nowrap}.event-tag{display:inline-block;color:var(--accent);font-size:12px;font-weight:700;margin-top:3px}.item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--elev)}.item:last-child{border-bottom:none}.item .name{font-size:14px;font-weight:600;flex:1}.item .note{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:2px}.check{width:28px;height:28px;min-width:28px;border-radius:50%;border:2px solid #3A3F47;background:transparent;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--accent-ink);cursor:pointer}.check.on{background:var(--accent);border-color:var(--accent);animation:pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge.amber{background:var(--amber-soft);color:var(--amber)}.btn{display:block;width:100%;padding:14px;margin-top:12px;border:none;border-radius:12px;cursor:pointer;background:var(--accent);color:var(--accent-ink);font:700 15px Manrope,sans-serif;box-shadow:0 6px 26px var(--accent-glow)}.loading,.error{text-align:center;color:var(--muted);padding:60px 20px;font-size:14px}.error{color:var(--danger)}.screen-title{font-size:22px;font-weight:700;font-family:Sora,sans-serif;margin-bottom:4px}.screen-sub{color:var(--muted);font-size:13px;margin-bottom:18px}.section-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:20px 0 10px}.badge.green{background:#4ade801f;color:var(--success)}.badge.blue{background:#38bdf81f;color:var(--blue)}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);display:flex;padding:10px 8px 20px;background:#0e1013eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--elev);z-index:10}.nav-item{flex:1;text-align:center;color:var(--muted);font-size:11px;font-weight:600;background:none;border:none;cursor:pointer;font-family:Manrope,sans-serif}.nav-item .ico{display:block;font-size:20px;margin-bottom:3px;filter:grayscale(1) opacity(.7)}.nav-item.active{color:var(--accent)}.nav-item.active .ico{filter:none}.supp{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:16px;padding:14px 16px;margin-bottom:10px}.supp-emoji{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:12px;background:var(--elev);font-size:20px}.supp-body{flex:1;min-width:0}.supp h3{font-size:14px;margin-bottom:3px}.supp .meta{color:var(--muted);font-size:12px}.cycle-card{background:var(--card);border-radius:16px;padding:16px;margin-bottom:12px}.cycle-card.alert{border:1px solid var(--accent-border);box-shadow:0 0 26px var(--accent-glow)}.cycle-head{display:flex;align-items:center;gap:10px}.cycle-head h3{font-size:15px;flex:1}.cycle-card .meta{color:var(--muted);font-size:12px;margin-top:2px}.progress{height:8px;border-radius:999px;background:var(--elev);overflow:hidden;margin:10px 0 6px}.progress>div{height:100%;border-radius:999px;background:var(--accent);transition:width .6s cubic-bezier(.22,1,.36,1)}.progress.amber>div{background:var(--amber)}.progress.blue>div{background:var(--blue)}.progress-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.link-btn{background:none;border:none;color:var(--accent);font:600 12px Manrope,sans-serif;cursor:pointer;padding:4px 0}.onboarding{padding-top:24px}.logo{text-align:center;margin:24px 0 10px}.logo .mark{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:26px;background:var(--accent-soft);border:1px solid var(--accent-border);box-shadow:0 0 40px var(--accent-glow);font-size:40px;margin-bottom:16px}.logo h1{font-size:34px;letter-spacing:-.02em}.logo h1 em{font-style:normal;color:var(--accent)}.tagline{text-align:center;color:var(--muted);font-size:14px;margin-bottom:32px;line-height:1.5}.mode-card{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--elev);border-radius:18px;padding:18px;margin-bottom:12px;cursor:pointer}.mode-card.selected{border-color:var(--accent-border);box-shadow:0 0 26px var(--accent-glow)}.mode-card .emoji{font-size:30px}.mode-card h3{font-size:16px;margin-bottom:4px}.mode-card p{color:var(--muted);font-size:13px;line-height:1.45}.hint{text-align:center;color:var(--muted);font-size:12px;margin-top:14px}.btn:disabled{opacity:.6;cursor:default}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.avatar{width:56px;height:56px;border-radius:50%;background:var(--elev);display:grid;place-items:center;font-size:26px}.profile-head h1{font-size:20px}.profile-head .meta{color:var(--muted);font-size:13px;margin-top:2px}.menu{background:var(--card);border-radius:16px;padding:4px 16px}.menu .row{padding:13px 0;border-bottom:1px solid var(--elev);font-size:14px;color:var(--muted)}.menu .row:last-child{border-bottom:none}.menu-link{display:flex;width:100%;align-items:center;background:none;border:none;color:var(--text)!important;font-family:Manrope,sans-serif;cursor:pointer;text-align:left}.menu-link .chevron{margin-left:auto;color:var(--muted);font-size:18px}.form-card{background:var(--card);border-radius:16px;padding:6px 16px;margin-bottom:4px}.field{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--elev)}.field:last-child{border-bottom:none}.field>span{color:var(--muted);font-size:12px;font-weight:700}.field input[type=text],.field input:not([type]),.field input[type=number],.field select{background:var(--elev);border:1px solid transparent;border-radius:10px;color:var(--text);font:600 14px Manrope,sans-serif;padding:11px 12px;outline:none;width:100%}.field input:focus,.field select:focus{border-color:var(--accent-border)}.toggle-field{flex-direction:row;align-items:center;justify-content:space-between}.toggle-field>span{font-size:14px;color:var(--text);font-weight:600}.toggle-field input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.day-toggle{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.day-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.time-input{background:var(--elev);border:1px solid transparent;border-radius:10px;color:var(--text);font:700 14px Manrope,sans-serif;padding:8px 10px;outline:none}.rest-mark{color:var(--muted);font-size:13px}.train-edit{display:flex;align-items:center;gap:10px}.emoji-row{display:flex;flex-wrap:wrap;gap:6px}.emoji-pick{font-size:20px;padding:7px 9px;background:var(--elev);border:1px solid transparent;border-radius:10px;cursor:pointer}.emoji-pick.selected{border-color:var(--accent-border);background:var(--accent-soft)}.fab{position:fixed;right:max(16px,calc(50% - 224px));bottom:92px;width:54px;height:54px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-ink);font-size:26px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px var(--accent-glow);z-index:5}.del-btn{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:6px}.del-btn:hover{color:var(--danger)}.btn.small{width:auto;padding:9px 16px;margin:0;font-size:13px;border-radius:10px}.empty-state{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;line-height:1.6}.btn.ghost{background:var(--elev);color:var(--text);box-shadow:none}.slot-row{flex-direction:row;align-items:center;gap:8px}.slot-name{flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);font:600 14px Manrope,sans-serif;padding:8px;outline:none}.slot-name:focus{background:var(--elev);border-color:var(--accent-border)}.offset-select{background:var(--elev);border:1px solid transparent;border-radius:10px;color:var(--text);font:600 12px Manrope,sans-serif;padding:8px;outline:none;max-width:190px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.tile{background:var(--card);border-radius:16px;padding:16px}.tile .big{font-family:Sora,sans-serif;font-size:26px;font-weight:700}.tile .big small{font-size:14px;color:var(--muted);font-weight:600}.tile .label{color:var(--muted);font-size:12px;margin-top:4px}.heat{background:var(--card);border-radius:16px;padding:16px;margin-bottom:8px}.heat-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.heat-head span{color:var(--muted);font-size:11px}.heat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.cell{aspect-ratio:1;border-radius:6px;background:var(--elev)}.cell.c1{background:#a3e63538}.cell.c2{background:#a3e63573}.cell.c3{background:#a3e635b3}.cell.c4{background:var(--accent)}.cell.miss{background:#f8717147}