:root{--navy: #132046;--navy2: #1b2d5e;--navy3: #22305c;--ink: #0b142e;--gold: #c9a227;--gold2: #e4c25a;--paper: #f7f5ef;--mist: #e6e9f2;--muted: #6b7590;--ok: #3baa6c;--red: #e0453a;--font-body: Archivo, system-ui, sans-serif;--font-display: "Archivo Black", Archivo, system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 0}h3{margin:4px 0 12px;font-size:22px;line-height:1.15;letter-spacing:-.01em}.pl-center{display:flex;justify-content:center}.pl-phone{width:330px;height:690px;background:#000;border-radius:48px;padding:10px;box-shadow:0 30px 60px #0009,inset 0 0 0 2px #2b2f3a;position:relative}.pl-screen{position:relative;height:100%;background:var(--paper);border-radius:40px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column}.pl-screen.dark{background:var(--navy);color:var(--paper)}.pl-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:92px;height:24px;background:#000;border-radius:14px;z-index:5}.pl-status{display:flex;justify-content:space-between;font-size:11px;padding:14px 22px 0;font-weight:600;opacity:.8}.pl-applogo{position:absolute;top:48px;right:20px;height:16px;z-index:3}.pl-view{flex:1;overflow:auto;padding:20px 18px 12px;scrollbar-width:none;display:flex;flex-direction:column}.pl-view::-webkit-scrollbar{display:none}.pl-nav{display:flex;justify-content:space-around;padding:10px 8px 20px;background:#fff;border-top:1px solid #e3e5ec;font-size:10px;font-weight:600;color:var(--muted)}.pl-screen.dark .pl-nav{background:var(--ink);border-color:var(--navy3);color:#8a97be}.pl-nav button{background:none;border:0;color:inherit;padding:0;position:relative;font:inherit;cursor:pointer}.pl-nav button.on{color:var(--navy)}.pl-screen.dark .pl-nav button.on{color:var(--gold2)}.pl-nav i{display:block;width:20px;height:20px;border-radius:6px;background:currentColor;opacity:.25;margin:0 auto 4px}.pl-nav button.on i{opacity:1}.pl-nav .dot{position:absolute;top:-2px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red)}.pl-card{background:#fff;border-radius:16px;padding:13px 14px;margin:8px 0;box-shadow:0 2px #1320460f}.pl-screen.dark .pl-card{background:var(--navy2);box-shadow:none}.pl-card.now{background:var(--navy);color:#fff}.pl-card small{display:block;font-size:11px;opacity:.7;font-weight:600}.pl-card strong{display:block;font-size:15px;margin-top:2px;line-height:1.25}.pl-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.pl-chip{font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #dde1ea;cursor:pointer;color:var(--ink);font:inherit}.pl-chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.pl-screen.dark .pl-chip{background:var(--navy2);border-color:var(--navy3);color:#c9d1ea}.pl-screen.dark .pl-chip.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.pl-progress{height:6px;border-radius:99px;background:var(--mist);overflow:hidden;margin:8px 0}.pl-progress b{display:block;height:100%;background:var(--gold);transition:width .5s}.pl-bar{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;margin:8px 0}.pl-bar em{font-style:normal;width:96px;flex:none}.pl-bar span{flex:1;height:14px;border-radius:99px;background:var(--navy3);overflow:hidden}.pl-bar span b{display:block;height:100%;background:var(--gold);transition:width .6s}.pl-bar u{text-decoration:none;width:36px;text-align:right}.pl-avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;font-size:12px;flex:none}.pl-avatar.gold{background:var(--gold);color:var(--ink)}.pl-radar{width:100%;max-width:270px}