.ph-page{min-height:100vh;background:#0b0c10;color:#c8cdd5;padding:24px 16px 64px}.ph-mast{max-width:780px;margin:0 auto 20px}.ph-back{font-size:13px;color:#6a7080;text-decoration:none;transition:color .2s}.ph-back:hover,.ph-title{color:#e8ecf2}.ph-title{font-family:var(--font-calsans),"Cal Sans",sans-serif;font-size:34px;font-weight:600;letter-spacing:-.02em;margin:10px 0 8px}.ph-sub{font-size:14px;line-height:1.6;color:#8b91a0;margin:0;max-width:640px}.ph-sub a{color:#f0b429;text-decoration:none;border-bottom:1px solid rgba(240,180,41,.35)}.ph-sub a:hover{border-bottom-color:#f0b429}.ph-tabs{max-width:780px;margin:0 auto 16px;display:flex;gap:4px;border-bottom:1px solid #23262e;padding-bottom:0}.ph-tabs button{font-family:var(--font-calsans),"Cal Sans",sans-serif;font-size:14px;letter-spacing:.04em;padding:8px 18px;background:none;border:none;border-bottom:2px solid transparent;color:#6a7080;cursor:pointer;transition:color .2s,border-color .2s}.ph-tabs button:hover{color:#c8cdd5}.ph-tabs .ph-tab-on{color:#f0b429;border-bottom-color:#f0b429}.ph-main{max-width:780px;margin:0 auto}.ph-levels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ph-level{font-size:12px;padding:6px 11px;border-radius:999px;border:1px solid #2a2e38;background:#14161c;color:#8b91a0;cursor:pointer;transition:all .2s}.ph-level:hover{border-color:#4a4f5c;color:#c8cdd5}.ph-level-active{border-color:#f0b429;color:#f0b429;background:rgba(240,180,41,.08)}.ph-level-check{color:#4ade80}.ph-brief{font-size:14px;line-height:1.55;color:#aab0bd;margin:0 0 14px}.ph-solved{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;color:#4ade80;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.3);border-radius:8px;padding:10px 14px;margin-bottom:14px}.ph-board{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #23262e;background:#12141a;margin-bottom:14px}.ph-nail{cursor:pointer;outline:none}.ph-nail:focus-visible circle,.ph-nail:hover circle{filter:brightness(1.25)}.ph-nail:focus-visible{outline:1.5px dashed #f0b429}.ph-nail-label{font-size:13px;fill:#5a5f6c;user-select:none}.ph-rope{transition:opacity .25s}.ph-picture{transition:transform .75s cubic-bezier(.34,.9,.45,1.18);transform-box:fill-box;transform-origin:center}.ph-picture.ph-down{transform:translateY(var(--ph-fall-dy,28px)) rotate(-4deg)}.ph-coil{animation:ph-coil-in .5s .45s both}@keyframes ph-coil-in{0%{opacity:0}to{opacity:1}}.ph-controls{margin-bottom:14px}.ph-wrap-groups{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.ph-wrap-group{display:flex;flex-direction:column;gap:4px}.ph-wrap-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5a5f6c}.ph-wrap-buttons{display:flex;gap:6px}.ph-btn{font-size:13px;padding:7px 12px;border-radius:7px;border:1px solid #2a2e38;background:#171a21;color:#c8cdd5;cursor:pointer;transition:all .15s;white-space:nowrap}.ph-btn:hover:not(:disabled){border-color:#4a4f5c;background:#1d2129}.ph-btn:disabled{opacity:.35;cursor:default}.ph-btn-accent{border-color:rgba(240,180,41,.5);color:#f0b429}.ph-btn-accent:hover:not(:disabled),.ph-btn-on{border-color:#f0b429;background:rgba(240,180,41,.08)}.ph-btn-on{color:#f0b429}.ph-edit-buttons{display:flex;flex-wrap:wrap;gap:6px}.ph-note{font-size:12px;color:#8b6914;margin:8px 0 0}.ph-nailhue-1{--hue:#f0b429}.ph-nailhue-2{--hue:#38bdf8}.ph-nailhue-3{--hue:#a78bfa}.ph-nailhue-4{--hue:#fb7185}button.ph-nailhue-1,button.ph-nailhue-2,button.ph-nailhue-3,button.ph-nailhue-4{border-color:color-mix(in srgb,var(--hue) 40%,#2a2e38);color:color-mix(in srgb,var(--hue) 80%,#fff)}button.ph-nailhue-1:hover:not(:disabled),button.ph-nailhue-2:hover:not(:disabled),button.ph-nailhue-3:hover:not(:disabled),button.ph-nailhue-4:hover:not(:disabled){border-color:var(--hue);background:color-mix(in srgb,var(--hue) 10%,#171a21)}.ph-fallsets,.ph-readout{background:#12141a;border:1px solid #23262e;border-radius:8px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.ph-fallsets{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.ph-word-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.ph-word-caption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5a5f6c;min-width:74px}.ph-word-empty{font-size:13px;color:#6a7080;font-style:italic}.ph-word-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.ph-chip{font-size:13px;line-height:1;padding:5px 8px;border-radius:6px;border:1px solid color-mix(in srgb,var(--hue,#8b91a0) 45%,#23262e);background:color-mix(in srgb,var(--hue,#8b91a0) 10%,#14161c);color:color-mix(in srgb,var(--hue,#8b91a0) 85%,#fff);transition:opacity .2s}.ph-chip-gone{opacity:.25;text-decoration:line-through}.ph-chip-click{cursor:pointer;--hue:#f0b429}.ph-chip-click:hover{border-color:var(--hue)}.ph-word-reduced{font-size:14px;color:#e8ecf2}.ph-word-reduced em{font-size:13px;font-style:normal}.ph-fell{color:#fb7185}.ph-hangs{color:#4ade80}.ph-table-wrap{overflow-x:auto;border:1px solid #23262e;border-radius:8px;background:#12141a}.ph-table{width:100%;border-collapse:collapse;font-size:13px}.ph-table th{text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5a5f6c;padding:9px 14px;border-bottom:1px solid #23262e}.ph-table td{padding:8px 14px;border-bottom:1px solid #1a1d24;color:#aab0bd}.ph-table tbody tr{cursor:pointer;transition:background .15s}.ph-table tbody tr:hover{background:#171a21}.ph-table tbody tr:last-child td{border-bottom:none}.ph-row-active{background:rgba(240,180,41,.06)}.ph-row-active td:first-child{box-shadow:inset 2px 0 0 #f0b429}.ph-ok{color:#4ade80}.ph-bad{color:#fb7185}.ph-table-note{font-size:11.5px;color:#5a5f6c;margin:6px 0 14px}.ph-help-row{display:flex;gap:8px;margin-bottom:8px}.ph-hint{font-size:13.5px;line-height:1.55;color:#aab0bd;background:rgba(56,189,248,.06);border:1px solid rgba(56,189,248,.25);border-radius:8px;padding:10px 14px;margin:0}.ph-sandbox-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.ph-nail-count,.ph-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ph-nail-count .ph-wrap-label,.ph-presets .ph-wrap-label{margin-right:4px}.ph-learn{max-width:780px;margin:40px auto 0;border-top:1px solid #23262e;padding-top:24px}.ph-learn h2{font-family:var(--font-calsans),"Cal Sans",sans-serif;font-size:20px;color:#e8ecf2;margin:0 0 12px}.ph-learn p{font-size:14px;line-height:1.7;color:#8b91a0;margin:0 0 12px;max-width:680px}.ph-learn em{color:#c8cdd5}.ph-learn sub,.ph-learn sup{font-size:.7em}@media (max-width:560px){.ph-title{font-size:27px}.ph-wrap-groups{gap:10px}.ph-btn{padding:7px 10px;font-size:12.5px}.ph-word-caption{min-width:100%}}