:root{--charcoal: #161411;--charcoal-raised: #2E2B26;--red: #C8102E;--red-tint: #FDEEEE;--red-tint-text: #8E1024;--bg: #F4F3F0;--card-border: #E1DED8;--input-bg: #FAF9F7;--input-border: #DCD8D1;--text: #181613;--text-2: #55504A;--muted: #8A857C;--faint: #B7B2AA;--on-dark-muted: #A29D95;--green: #1F7A3D;--green-tint: #E5F0E8;--amber: #8A5A00;--amber-tint: #FBF0DC;--safe-top: env(safe-area-inset-top, 24px);--safe-bottom: env(safe-area-inset-bottom, 20px)}*{-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Barlow,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none}input,textarea,select{outline:none;color:var(--text);color-scheme:light;caret-color:var(--text);font-family:Barlow,sans-serif}input::placeholder,textarea::placeholder{color:var(--faint);font-weight:500}.screen{display:flex;flex-direction:column;height:100%}.hdr{background:var(--charcoal);color:#fff;padding:calc(var(--safe-top) + 12px) 16px 14px;display:flex;align-items:center;gap:12px;flex-shrink:0}.hdr-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;flex:1;line-height:1.1}.hdr-badge{background:var(--charcoal-raised);font-size:13px;font-weight:700;padding:5px 11px;border-radius:8px}.hdr-badge.red{background:var(--red);letter-spacing:.5px}.backbtn{width:36px;height:36px;border-radius:10px;background:var(--charcoal-raised);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;padding-bottom:2px;border:none;color:#fff}.backbtn:active{opacity:.7}.body{flex:1;overflow:auto;padding:16px 16px 20px;display:flex;flex-direction:column;gap:12px}.footer{padding:10px 16px calc(var(--safe-bottom) + 22px);background:var(--bg);border-top:1px solid var(--card-border);flex-shrink:0}.btn{border:none;width:100%;border-radius:13px;height:56px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;cursor:pointer;font-family:Barlow,sans-serif}.btn:active{transform:scale(.98)}.btn.red{background:var(--red);color:#fff}.btn.dark{background:var(--charcoal);color:#fff}.btn.disabled{opacity:.4}.card{background:#fff;border:1px solid var(--card-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.seclabel{font-size:10.5px;letter-spacing:1.4px;font-weight:700;color:var(--muted);text-transform:uppercase}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:600;color:#6e6960}.input{border:1.5px solid var(--input-border);border-radius:10px;padding:12px 13px;font-size:16px;font-weight:600;background:var(--input-bg);width:100%;box-sizing:border-box}.input:focus{border-color:var(--charcoal)}textarea.input{font-weight:500;resize:none;font-size:15px}.chip{font-size:10.5px;font-weight:700;letter-spacing:.6px;padding:4px 10px;border-radius:99px;white-space:nowrap}.chip.green{background:var(--green-tint);color:var(--green)}.chip.amber{background:var(--amber-tint);color:var(--amber)}.chip.red{background:var(--red-tint);color:var(--red-tint-text)}.chip.grey{background:#edebe6;color:#6e6960}.tickbox{width:28px;height:28px;border-radius:8px;border:2px solid #D5D1CA;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800;flex-shrink:0}.tickbox.on{background:var(--red);border-color:var(--red)}.hint{background:#fbf7f0;border:1px solid #EADFC9;border-radius:12px;padding:12px 15px;font-size:13px;font-weight:500;color:#6e6960;line-height:1.45}.syncbar{position:fixed;top:calc(var(--safe-top) + 4px);left:50%;transform:translate(-50%);background:var(--amber-tint);color:var(--amber);border:1px solid #EADFC9;font-size:12px;font-weight:700;padding:6px 14px;border-radius:99px;z-index:99;box-shadow:0 4px 14px #00000026;pointer-events:none;white-space:nowrap}@media(min-width:520px){#root{display:flex;justify-content:center;background:#e9e7e2}.app-frame{width:402px;height:min(874px,100vh);box-shadow:0 12px 48px #00000040;overflow:hidden;position:relative}}.app-frame{height:100%;background:var(--bg)}