:root{--navy: #0f1b3d;--navy-2: #16254f;--navy-3: #1e3166;--card: #1a2a57;--text: #f4f6fb;--text-dim: #a9b4d0;--accent: #e63946;--gold: #ffd166;--ok: #2ec27e;--bad: #e05263;--warn: #f5a623;--radius: 16px;--nav-h: 64px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--navy);color:var(--text);line-height:1.5;overscroll-behavior-y:none}#root{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:16px 16px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 20px)}h1{font-size:1.35rem;margin-bottom:4px}h2{font-size:1.1rem;margin-bottom:8px}.subtitle{color:var(--text-dim);font-size:.9rem;margin-bottom:16px}.card{background:var(--card);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:0 2px 10px #00000040}button{font-family:inherit;border:none;cursor:pointer;border-radius:12px;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;font-weight:600;background:var(--navy-3);color:var(--text);min-height:48px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-gold{background:var(--gold);color:#3a2c00}.btn-ok{background:var(--ok);color:#06341f}.btn-block{display:flex;width:100%}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--navy-3)}.btn:disabled{opacity:.45;cursor:default}.navbar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--navy-2);border-top:1px solid var(--navy-3);display:flex;justify-content:space-around;align-items:stretch;z-index:50}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;color:var(--text-dim);font-size:.68rem;border-radius:0}.nav-item .nav-icon{font-size:1.3rem;line-height:1}.nav-item.active{color:var(--gold)}.row{display:flex;gap:10px}.row>*{flex:1}.center{text-align:center}.dim{color:var(--text-dim)}.small{font-size:.85rem}.mt{margin-top:12px}.mb{margin-bottom:12px}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--navy-3);color:var(--text-dim)}.tag-gold{background:#ffd16626;color:var(--gold)}.tag-red{background:#e639462e;color:#ff8a94}.tag-ok{background:#2ec27e26;color:var(--ok)}.feedback-ok{border-left:4px solid var(--ok)}.feedback-bad{border-left:4px solid var(--bad)}input[type=text],textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--navy-3);background:var(--navy-2);color:var(--text);font-size:1rem;font-family:inherit}textarea{resize:vertical}.progress-bar{height:8px;border-radius:999px;background:var(--navy-3);overflow:hidden}.progress-bar>div{height:100%;background:var(--gold);border-radius:999px;transition:width .3s ease}