:root{--navy:#0f273d;--navy2:#173451;--gold:#c7a05b;--cream:#f7f3ea;--white:#fffdf9;--muted:#70808d;--line:rgba(255,255,255,.10)}*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#0f273d 0,#173451 38%,#f7f3ea 38%,#f7f3ea 100%);color:#fff;min-height:100vh}.app-shell{max-width:560px;margin:auto;padding:max(24px,env(safe-area-inset-top)) 18px max(30px,env(safe-area-inset-bottom))}.app-header{padding:10px 2px 22px}.brand-row{display:flex;align-items:center;gap:12px}.brand-row img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:16px;padding:8px;box-shadow:0 6px 16px rgba(0,0,0,.12)}.app-brand-copy strong{display:block;color:#fff;letter-spacing:.11em;font-size:1.08rem;line-height:1.15}.app-brand-copy small{display:block;color:rgba(255,255,255,.68);font-size:.78rem;margin-top:4px}.section-label{font-size:.72rem;letter-spacing:.16em;font-weight:900;color:#dec89d}.welcome{margin:14px 0 0;color:rgba(255,255,255,.78);font-size:1rem}.install-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:15px;margin-bottom:16px;display:flex;align-items:center;gap:14px;justify-content:space-between}.install-card strong{display:block;margin-top:3px}.install-card p{font-size:.78rem;line-height:1.4;color:rgba(255,255,255,.7);margin:5px 0 0}.install-card button,.native-install{border:0;background:var(--gold);color:var(--navy);border-radius:999px;padding:11px 14px;font-weight:900;white-space:nowrap}.next-card{background:#fff;color:#24333d;border-radius:22px;padding:18px;box-shadow:0 15px 35px rgba(0,0,0,.18);margin-bottom:16px}.next-card .section-label{color:#9a7435}.next-items{display:grid;gap:10px;margin-top:10px}.next-item{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #ece7de}.next-item:first-child{border-top:0}.date{font-weight:900;color:var(--navy)}.detail{font-size:.78rem;color:var(--muted)}.time{font-size:.78rem;color:var(--muted);text-align:right}.loading{color:var(--muted);padding:10px 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{appearance:none;border:0;text-decoration:none;background:#fff;color:var(--navy);border-radius:20px;padding:18px;text-align:left;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 22px rgba(15,39,61,.08);font:inherit}.action.music{background:var(--gold);color:#10263a}.action .icon{font-size:1.65rem}.action strong{display:block;font-family:Georgia,serif;font-size:1.35rem}.action small{display:block;color:var(--muted);margin-top:2px;line-height:1.3}.action.music small{color:rgba(15,39,61,.72)}.panel{position:fixed;inset:auto 0 0 0;background:#fff;color:#23323d;border-radius:26px 26px 0 0;padding:22px 18px max(28px,env(safe-area-inset-bottom));box-shadow:0 -16px 50px rgba(0,0,0,.28);z-index:20;max-height:80vh;overflow:auto}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;max-width:560px;margin:auto}.panel h2{font-family:Georgia,serif;color:var(--navy);margin:.2rem 0 1rem}.panel .section-label{color:#9a7435}.close{border:0;background:#f0ece4;width:38px;height:38px;border-radius:50%;font-size:1.6rem;color:var(--navy)}.list,.install-steps{max-width:560px;margin:auto;display:grid;gap:10px}.list a{padding:15px 16px;border:1px solid #e8e1d5;border-radius:14px;text-decoration:none;color:var(--navy);font-weight:800;background:#fff}.install-device{border:1px solid #e8e1d5;border-radius:16px;padding:16px;background:#fff}.install-device>strong{font-family:Georgia,serif;font-size:1.15rem;color:var(--navy)}.install-device ol{margin:10px 0 0;padding-left:22px;color:#53636e;line-height:1.55}.install-note{font-size:.82rem;color:var(--muted);text-align:center}.native-install{justify-self:center}.hidden{display:none!important}footer{display:flex;flex-direction:column;gap:10px;align-items:center;padding:24px 0 2px}footer a{color:#5f6d77;font-size:.85rem}@media(max-width:390px){.actions{grid-template-columns:1fr}.action{min-height:105px}.next-item{grid-template-columns:62px 1fr}.time{grid-column:2;text-align:left}.install-card{align-items:flex-start;flex-direction:column}.install-card button{width:100%}}