.ppcal-tool{--black:#111;--white:#fff;--muted:#666;--soft:#f4f4f4;max-width:1180px;margin:28px auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--black)}.ppcal-tool *{box-sizing:border-box}.ppcal-shell{overflow:hidden;border:2px solid var(--black);border-radius:24px;background:var(--white);box-shadow:0 12px 30px rgba(0,0,0,.08)}.ppcal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;background:var(--black);color:var(--white);border-bottom:2px solid var(--black)}.ppcal-head h2{margin:0 0 6px;font-size:clamp(25px,4vw,38px);line-height:1.05;color:var(--white)}.ppcal-head p{margin:0;color:#d5d5d5;font-size:14px}.ppcal-status{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px;font-weight:800}.ppcal-status-dot{width:12px;height:12px;border-radius:50%;background:#777;box-shadow:0 0 0 4px rgba(255,255,255,.12)}.ppcal-status-dot.is-on{background:#fff}.ppcal-status-dot.is-searching{background:#bbb;animation:ppcalPulse 1s infinite alternate}@keyframes ppcalPulse{to{opacity:.35}}.ppcal-start-screen{padding:46px 24px;text-align:center;background:#fff}.ppcal-start-icon{font-size:54px;line-height:1;margin-bottom:14px;filter:grayscale(1)}.ppcal-start-screen h3{margin:0 0 10px;font-size:28px}.ppcal-start-screen p{max-width:650px;margin:0 auto 20px;color:var(--muted);line-height:1.6}.ppcal-browser-note{margin-top:12px;font-size:13px;color:#555}.ppcal-grid{display:grid;grid-template-columns:1.25fr .75fr}.ppcal-main{padding:24px;border-right:2px solid var(--black)}.ppcal-side{padding:24px;background:var(--soft)}.ppcal-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.ppcal-chip{min-width:0;padding:12px;border:1.5px solid var(--black);border-radius:12px;background:#fff}.ppcal-chip b{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ppcal-chip span{display:block;overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ppcal-connect-message{display:flex;flex-direction:column;gap:4px;margin-bottom:18px;padding:14px 16px;border:2px dashed #888;border-radius:14px;background:#fafafa;color:#444}.ppcal-connect-message.is-connected{display:none}.ppcal-stick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ppcal-stick-card{padding:18px;border:2px solid var(--black);border-radius:18px;background:#fff}.ppcal-stick-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.ppcal-stick-heading h3{margin:0;font-size:20px}.ppcal-badge{padding:6px 10px;border:1.5px solid var(--black);border-radius:999px;background:#fff;font-size:12px;font-weight:800}.ppcal-pad{position:relative;overflow:hidden;width:min(100%,320px);aspect-ratio:1;margin:auto;border:2px solid var(--black);border-radius:50%;background:linear-gradient(90deg,transparent 49.5%,#d6d6d6 49.5%,#d6d6d6 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#d6d6d6 49.5%,#d6d6d6 50.5%,transparent 50.5%),repeating-radial-gradient(circle at center,#fff 0 19%,#ededed 19% 20%)}.ppcal-pad:before{content:"";position:absolute;inset:12%;border:1px dashed #999;border-radius:50%}.ppcal-stick-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;background:var(--black);box-shadow:0 0 0 2px var(--black);transition:left .025s linear,top .025s linear}.ppcal-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.ppcal-values>div{padding:10px;border:1px solid #cfcfcf;border-radius:10px;background:#fafafa}.ppcal-values small{display:block;margin-bottom:3px;color:var(--muted)}.ppcal-values strong{font-size:16px}.ppcal-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ppcal-button{appearance:none;padding:12px 15px;border:2px solid var(--black);border-radius:12px;background:var(--black);color:#fff;font-weight:850;cursor:pointer;transition:.18s ease}.ppcal-button:hover:not(:disabled){transform:translateY(-1px)}.ppcal-button-light{background:#fff;color:var(--black)}.ppcal-button:disabled{opacity:.42;cursor:not-allowed}.ppcal-progress{margin-top:16px}.ppcal-progress-track{height:12px;overflow:hidden;border:2px solid var(--black);border-radius:999px;background:#fff}.ppcal-progress-track span{display:block;width:0;height:100%;background:var(--black)}.ppcal-progress p{margin:7px 0 0;font-size:13px;font-weight:700}.ppcal-side>h3{margin:0 0 14px;font-size:20px}.ppcal-health-card{margin-bottom:14px;padding:18px;border:2px solid var(--black);border-radius:18px;background:#fff}.ppcal-health-card strong{display:block;margin-bottom:4px;font-size:30px}.ppcal-health-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.ppcal-metric{padding:12px 0;border-bottom:1px solid #c8c8c8}.ppcal-metric>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.ppcal-meter{height:9px;margin-top:8px;overflow:hidden;border-radius:999px;background:#dedede}.ppcal-meter span{display:block;width:0;height:100%;background:var(--black);transition:width .25s ease}.ppcal-note{margin-top:16px;padding:14px;border:1.5px dashed var(--black);border-radius:14px;background:#fff;font-size:13px;line-height:1.55}.ppcal-comparison{overflow:hidden;margin-top:20px;border:2px solid var(--black);border-radius:16px}.ppcal-comparison h3{margin:0;padding:14px 16px;background:var(--black);color:#fff;font-size:17px}.ppcal-table-wrap{overflow:auto}.ppcal-comparison table{width:100%;min-width:650px;border-collapse:collapse;background:#fff}.ppcal-comparison th,.ppcal-comparison td{padding:12px 14px;border-bottom:1px solid #ddd;text-align:left;font-size:13px}.ppcal-comparison th{background:#f1f1f1}.ppcal-footer{padding:16px 24px;border-top:2px solid var(--black);background:#fff;color:#555;font-size:12px}.ppcal-tool [hidden]{display:none!important}@media(max-width:900px){.ppcal-grid{grid-template-columns:1fr}.ppcal-main{border-right:0;border-bottom:2px solid var(--black)}.ppcal-device-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.ppcal-head{align-items:flex-start;flex-direction:column}.ppcal-stick-grid{grid-template-columns:1fr}.ppcal-device-grid{grid-template-columns:1fr}.ppcal-main,.ppcal-side{padding:16px}.ppcal-controls{display:grid;grid-template-columns:1fr 1fr}.ppcal-button{width:100%}}