:root{--bg: #0e1014;--surface: #171a21;--surface-2: #1f232c;--surface-3: #2a2f3a;--border: #262b35;--text: #eceef2;--muted: #949bab;--accent: #6c8cff;--accent-ink: #ffffff;--ok: #3fb98a;--warn: #f0a13a;--danger: #ff6b6b;--radius: 14px;--radius-sm: 10px;--tap: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior-y:none}h1{font-size:1.35rem;margin:0;letter-spacing:-.01em}h2{font-size:1rem;margin:0 0 8px}h3{margin:0}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.88rem;margin:8px 0}.hint{text-align:center;color:var(--muted);font-size:.82rem;padding:14px 0}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted);padding:48px 16px}.empty .btn{max-width:280px}.center{height:100%;display:grid;place-items:center;color:var(--muted)}.app{height:100%;display:flex;flex-direction:column}.app__main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.app__main>.screen{flex:1;overflow-y:auto}.screen{padding:calc(var(--safe-top) + 16px) calc(16px + var(--safe-right)) calc(var(--safe-bottom) + 88px) calc(16px + var(--safe-left))}.screen__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.center-block{display:grid;place-items:center}.bottomnav{position:fixed;left:0;right:0;bottom:0;display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:10}.bottomnav__item{flex:1;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;font-size:.7rem;color:var(--muted);text-decoration:none}.bottomnav__item--active{color:var(--accent)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.83rem;white-space:nowrap}.chip--active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.chip--toggle{background:var(--surface-2)}.list{display:flex;flex-direction:column;gap:12px}.ccard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px}.ccard__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ccard__cat{font-size:.76rem;color:var(--muted)}.ccard__dl{font-size:.74rem;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted)}.ccard__dl--today,.ccard__dl--soon{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.ccard__dl--ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.ccard__dl--past{opacity:.6}.ccard__title{font-size:.98rem;line-height:1.3}.ccard__desc{margin:0;font-size:.86rem;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ccard__gain{margin:0;font-size:.84rem}.ccard__actions{display:flex;gap:8px;margin-top:2px}.btn{min-height:var(--tap);padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.55}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--followed{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.btn--block{width:100%;margin-top:12px}.btn--sm{min-height:34px;padding:0 10px;font-size:.8rem;font-weight:500}.ccard__actions .btn{flex:1}.seg{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-top:2px}.seg::-webkit-scrollbar{display:none}.seg__item{flex:1 0 auto;min-height:32px;padding:0 10px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:8px;font-size:.78rem;white-space:nowrap}.seg__item--active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.res-btns{display:flex;gap:6px;flex-wrap:wrap}.suivi-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.suivi-field label{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.suivi-field input[type=date]{min-height:36px;width:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:0 10px;color:var(--text);font-size:.85rem;color-scheme:dark}.suivi-note{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font:inherit;font-size:.85rem;resize:vertical}.suivi-note:focus{outline:none;border-color:var(--accent)}.ccard__foot{display:flex;justify-content:space-between;align-items:center;padding-top:2px}.mini{background:none;border:0;color:var(--muted);font-size:.8rem;padding:4px 2px;text-decoration:none}.mini--add{align-self:flex-start;color:var(--accent)}.mini--danger{color:var(--danger)}.banner{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.banner p{margin:0;font-size:.85rem;color:var(--muted);flex:1}.banner .btn{flex:0 0 auto}.rrow{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.rrow__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rrow__main strong{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrow__sub{font-size:.78rem}.rrow__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.rrow__actions input[type=date]{min-height:34px;width:130px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:0 8px;color:var(--text);font-size:.8rem;color-scheme:dark}.rrow--past{opacity:.65}.rrow--tap{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer}.rrow--tap:active{background:var(--surface-2)}h2 .mini{float:right;font-weight:400}.head-actions{display:flex;gap:8px;align-items:center}.form{display:flex;flex-direction:column;gap:14px;margin:16px 0}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:8px}.field__row{display:flex;gap:8px;align-items:stretch}.field__row input{flex:1;min-width:0}.field select{width:100%;min-height:var(--tap)}.copybtn{flex:0 0 auto;min-width:66px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:.8rem}.copybtn:disabled{opacity:.4}.copybtn:active{background:var(--surface-3)}.infos{list-style:none;margin:4px 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.infos li{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.infos__k{font-size:.76rem;color:var(--muted)}.infos__v{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton{height:132px;border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:220% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-220% 0}}.ptr{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.ptr__indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .15s}.ptr__spinner{font-size:1.2rem;color:var(--muted)}.ptr__spinner.spin{animation:ptr-spin .7s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;z-index:50;animation:fade .15s ease}.sheet__panel{width:100%;background:var(--surface);border-radius:20px 20px 0 0;border-top:1px solid var(--border);padding:10px 20px calc(var(--safe-bottom) + 24px);animation:slideup .2s ease}.sheet__grip{width:40px;height:4px;border-radius:2px;background:var(--surface-3);margin:6px auto 16px}.sheet__panel h2{margin-bottom:6px}.sheet__panel .muted{font-size:.86rem;line-height:1.45}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}}.gate{max-width:320px;text-align:center;padding:24px}.gate__emoji{font-size:2rem;margin:0 0 8px}.gate .muted{font-size:.88rem;line-height:1.5}input[type=email],input[type=text]{width:100%;min-height:var(--tap);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px;color:var(--text);font-size:1rem}input:focus{outline:none;border-color:var(--accent)}select{min-height:38px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 8px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:4px;text-align:left;color:inherit;font:inherit}.card--tap{cursor:pointer}.card--tap:active{background:var(--surface-2)}.card__num{font-size:1.7rem;font-weight:700}.card__label{color:var(--muted);font-size:.82rem}.card__label em{font-style:normal;font-size:.78rem}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:10px;font-size:.82rem}.bar-row__label{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row__track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bar-row__fill{display:block;height:100%;min-width:3px;background:var(--accent);border-radius:999px;transition:width .3s ease}.bar-row__val{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.group{margin-bottom:20px}.list__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.list__actions{display:flex;gap:8px;align-items:center}.list__actions button{min-height:38px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text)}.badge{display:inline-block;background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.76rem;margin-left:6px}.link{background:none;border:0;color:var(--accent);font-size:.82rem}