:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,#f9d36a 0%,#f4be45 28%,transparent 29%),linear-gradient(180deg,#f5efe1,#ece2cc);color:#251806}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#f8f1e2,#ead9b7)}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.status-card,.focus-card,.milestone-card,.offline-banner,.upgrades-panel,.upgrade-card{border-radius:24px;box-shadow:0 14px 30px #5537071f}.status-card{padding:18px;background:linear-gradient(145deg,#fff6de,#f8e7bc);border:1px solid rgba(118,82,16,.14)}.status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.session-chip{padding:8px 10px;border-radius:999px;background:#7554181a;color:#7b5c21;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.eyebrow,.focus-card__eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#7b5c21}.status-card h1{margin:0;font-size:clamp(2.3rem,10vw,3.6rem);line-height:.95}.status-pill-group{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#75541814;font-size:.92rem;font-weight:700}.auth-hint{margin:14px 0 0;color:#6a5732;font-size:.84rem}.focus-card,.milestone-card,.offline-banner{padding:12px 14px;border:1px solid rgba(159,117,19,.24)}.focus-card{background:linear-gradient(180deg,#fff5cd,#f9e8a2);display:flex;flex-direction:column;gap:2px}.focus-card strong{font-size:1rem}.focus-card span:last-child{color:#6f5827;font-size:.86rem}.milestone-card{background:linear-gradient(180deg,#f3edda,#e8dfc3)}.milestone-chip-row{display:flex;flex-wrap:wrap;gap:8px}.milestone-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#7554181f;color:#6b5424;font-size:.78rem;font-weight:700}.offline-banner{background:#fff2c1;font-size:.92rem;font-weight:700}.tap-panel{display:flex}.tap-button{width:100%;min-height:220px;border:0;border-radius:32px;padding:24px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.32),transparent 30%),linear-gradient(180deg,#c46a1c,#9b4317);color:#fff7ec;box-shadow:0 22px 34px #6f2d0d47;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;touch-action:manipulation}.tap-button:active{transform:translateY(2px) scale(.99)}.tap-button__label{font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tap-button__value{font-size:2.1rem;font-weight:900}.tap-button__subtle{color:#fff7ecd6;font-size:.88rem}.upgrades-panel{padding:16px;background:#fff9ece0;border:1px solid rgba(112,82,24,.14)}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-header h2{margin:0;font-size:1.15rem}.panel-header span{color:#755b2d;font-size:.78rem}.upgrade-list{display:flex;flex-direction:column;gap:10px}.upgrade-card{padding:14px;background:#fff;border:1px solid rgba(106,76,18,.1);display:flex;align-items:center;gap:12px}.upgrade-copy{flex:1;min-width:0}.upgrade-title-row,.upgrade-meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.upgrade-title-row h3{margin:0;font-size:1rem}.upgrade-level,.upgrade-affordance{color:#8a6728;font-size:.84rem;font-weight:700}.upgrade-copy p{margin:6px 0;color:#67522d;font-size:.88rem}.upgrade-category-row{display:flex;gap:8px;margin-top:6px}.upgrade-category,.upgrade-short{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:.74rem;font-weight:800}.upgrade-category{background:#f4ead0;color:#7d6020}.upgrade-short{background:#e7efe5;color:#38624e}.upgrade-effect{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f6ebcf;color:#7d5f1f;font-size:.78rem;font-weight:700}.upgrade-boost,.upgrade-lock{margin:8px 0 0;font-size:.78rem}.upgrade-boost{color:#7a6031}.upgrade-lock{color:#9a5d2a;font-weight:700}.upgrade-progress{width:100%;height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:#ebe1c8}.upgrade-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d59d2b,#6c9a3b)}.upgrade-button{flex-shrink:0;min-width:104px;min-height:52px;padding:10px 12px;border:0;border-radius:18px;background:#215d48;color:#f6f9f0;font-weight:800;touch-action:manipulation}.upgrade-button:disabled{background:#b8c0b6;color:#5f655f}@media (max-width: 380px){.app-shell{padding-inline:12px}.upgrade-card{flex-direction:column;align-items:stretch}.upgrade-button{width:100%}}