:root{--water-900:#0a3540;--water-800:#0f4c5c;--water-700:#14607a;--water-500:#2a9d8f;--water-400:#4bc0a9;--water-100:#e8f5f3;--sun:#ffb703;--sun-dark:#fb8500;--coral:#ff6b6b;--sand:#fef6e4;--cream:#fffaf0;--ink:#12303a;--muted:#5b7683;--card:#fff;--bg:linear-gradient(160deg, #e3f4f1 0%, #f6fbfa 40%, var(--sand) 100%);--border:#dce8e6;--border-light:#eef4f3;--input-bg:#fbfefe;--shadow:0 6px 20px #0f4c5c1f;--shadow-lg:0 12px 32px #0f4c5c2e;--radius:18px;--radius-sm:12px;--tabbar-bg:#ffffffeb;--tabbar-border:#0f4c5c14;--error-bg:#ffe3e3;--error-color:#c92a2a;--success-bg:#d3f9d8;--success-color:#2b8a3e;--highlight-bg:#fff7e6;--highlight-border:#ffe0a3;--badge-bg:#fff7e6;--badge-border:#ffe0a0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif}h1,h2,h3{margin:0 0 .5em;line-height:1.15}h1{letter-spacing:-.02em;font-size:1.8rem}a{color:var(--water-700);text-decoration:none}.app-shell{max-width:640px;padding:0 16px calc(84px + env(safe-area-inset-bottom));margin:0 auto}.page{padding-top:20px;animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--water-500);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-size:1rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;box-shadow:0 4px 12px #2a9d8f59}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2a9d8f73}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-sun{background:var(--sun-dark);box-shadow:0 4px 12px #fb850059}.btn-ghost{color:var(--water-700);box-shadow:none;border:2px solid var(--border);background:0 0}.btn-danger{background:var(--coral);color:#fff;width:auto;padding:8px 14px;font-size:.85rem;box-shadow:0 4px 12px #ff6b6b59}label{color:var(--water-800);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}input,textarea{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--ink);padding:13px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--water-400);outline:none}.field{margin-bottom:16px}.muted{color:var(--muted);font-size:.9rem}.error{background:var(--error-bg);color:var(--error-color);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:.9rem}.success{background:var(--success-bg);color:var(--success-color);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:.9rem}.pill{background:var(--sun);color:var(--water-900);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.tabbar{background:var(--tabbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--tabbar-border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:6px 10px;font-size:.68rem;font-weight:600;display:flex}.tabbar a.active{color:var(--water-700);background:#2a9d8f1f}.tabbar .icon{font-size:1.35rem;line-height:1}.brandbar{justify-content:space-between;align-items:center;padding:18px 4px 8px;display:flex}.brandbar .logo{letter-spacing:-.02em;color:var(--water-800);align-items:center;gap:8px;font-size:1.35rem;font-weight:800;display:flex}