.ph-head{flex:none;justify-content:space-between;align-items:center;display:flex}.ph-brand{align-items:center;gap:8px;display:flex}.ph-brand img{width:26px;height:26px}.ph-word{font-family:var(--mono);letter-spacing:1.2px;color:var(--mock-ink);font-size:8.5px;font-weight:600}.ph-sub{font-family:var(--mono);letter-spacing:3.5px;color:var(--mock-muted);margin-top:2px;font-size:6px}.ph-mode{text-align:right}.ph-mode .txt{font-family:var(--mono);letter-spacing:1.2px;color:var(--mock-muted);font-size:6.5px}.ph-mode .leds{justify-content:flex-end;gap:4px;margin-top:6px;display:flex}.ph-mode .leds i{background:var(--mock-led-off);border-radius:2px;width:13px;height:4px}.ph-mode .leds i.on{background:var(--mock-accent);box-shadow:0 0 6px var(--mock-led-glow)}.ph-mode .leds i.on.ok{background:var(--mock-ok);box-shadow:0 0 6px var(--mock-led-ok-glow)}.ph-cards{flex:none;align-items:center;gap:5px;margin-top:14px;display:flex}.ph-cards .card{border:1px solid var(--mock-card-border);background:var(--mock-card-fill);border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:46px;display:flex}.ph-cards .card .n{font-family:var(--mono);color:var(--mock-dim);font-size:6.5px}.ph-cards .card .note{font-family:var(--mono);color:var(--mock-muted);font-size:9.5px;font-weight:600}.ph-cards .card.done{border-color:var(--mock-card-done-border);background:var(--mock-card-done-fill)}.ph-cards .card.done .note{color:var(--mock-ok)}.ph-cards .card.cur{border-color:var(--mock-accent);background:var(--mock-card-cur-fill)}.ph-cards .card.cur .note{color:var(--mock-ink)}.ph-auto{border:1.5px solid var(--mock-accent);background:var(--mock-auto-fill);width:40px;height:40px;color:var(--mock-accent);font-family:var(--mono);letter-spacing:.5px;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:6.5px;font-weight:700;display:flex}.ph-ringzone{flex:1;justify-content:center;align-items:center;display:flex}.ph-bigring{border:1.5px solid var(--mock-ring-track);border-radius:50%;width:186px;height:186px;position:relative}.ph-bigring.ok{border:5px solid var(--mock-ok);box-shadow:0 0 26px var(--mock-ring-glow), 0 0 10px var(--mock-ring-glow-near), inset 0 0 22px var(--mock-ring-glow-inner)}.ph-bigring.ok:before{content:"";border:1.5px solid var(--mock-ring-track);border-radius:50%;position:absolute;inset:-14px}.ph-bigring .tick{background:var(--mock-ring-tick);border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;top:50%;left:50%}.ph-bigring .inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.ph-bigring .bignote{color:var(--mock-ink);letter-spacing:1px;font-size:54px;font-weight:200;line-height:1}.ph-bigring .bignote span{font-size:.8em;font-weight:inherit;color:inherit}.ph-bigring .bignote.ok{color:var(--mock-ok);text-shadow:0 0 20px var(--mock-note-glow);font-weight:700}.ph-bigring .freq{font-family:var(--mono);letter-spacing:1.5px;color:var(--mock-ok);margin-top:2px;font-size:8px}.ph-railzone{flex:none;margin-top:4px}.ph-crail{background:linear-gradient(90deg, var(--mock-rail-edge), var(--mock-rail-mid) 30%, var(--mock-rail-mid) 70%, var(--mock-rail-edge));border-radius:6px;height:10px;position:relative}.ph-crail .marker{border:1.5px solid var(--mock-ok);background:var(--mock-marker-fill);width:18px;height:16px;box-shadow:0 0 12px var(--mock-marker-glow);border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ph-scale{font-family:var(--mono);letter-spacing:.5px;color:var(--mock-muted);justify-content:space-between;margin-top:8px;font-size:6.5px;display:flex}.ph-dots{flex:none;justify-content:center;gap:9px;margin-top:13px;display:flex}.ph-dots i{background:var(--mock-dot);border-radius:50%;width:4px;height:4px}.ph-prompt{text-align:center;font-family:var(--mono);letter-spacing:3.5px;color:var(--mock-ink);flex:none;margin-top:13px;font-size:9.5px;font-weight:600}.ph-ctrls{flex:none;justify-content:center;align-items:center;height:40px;margin-top:12px;display:flex;position:relative}.ph-level{border:1.5px solid var(--mock-accent);background:var(--mock-level-fill);border-radius:19px;justify-content:center;align-items:center;gap:2.5px;width:96px;height:38px;display:flex}.ph-level i{background:var(--mock-accent);border-radius:1px;width:2.5px}.ph-gear{border:1px solid var(--mock-gear-border);background:var(--mock-gear-fill);width:34px;height:34px;color:var(--mock-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;right:0}