.pc-page{max-width:1760px;color:hsl(var(--member-text));font-family:var(--font-body);min-width:0;margin:auto;padding:36px clamp(16px,3vw,48px) 64px}.pc-page *{box-sizing:border-box}.pc-eyebrow{color:hsl(var(--calc-cyan));letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:600}.pc-heading{letter-spacing:-.05em;margin:14px 0;font-size:clamp(2rem,4vw,3.7rem);font-weight:600;line-height:1.08}.pc-muted{color:hsl(var(--member-muted));font-size:13px;line-height:1.7}.pc-panel{border:1px solid hsl(var(--calc-line));background:radial-gradient(ellipse at 100% 0,hsl(var(--calc-teal)/.09),transparent 65%),linear-gradient(145deg,hsl(var(--calc-surface)),hsl(var(--member-base)/.9));min-width:0;box-shadow:inset 0 1px hsl(var(--member-text)/.04),0 20px 50px hsl(var(--member-base)/.22);border-radius:22px;padding:clamp(18px,2.5vw,30px)}.pc-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:20px;display:grid}.pc-modes{border:1px solid hsl(var(--calc-line));background:hsl(var(--member-base)/.55);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:28px 0 20px;padding:6px;display:grid}.pc-modes button{min-height:48px;color:hsl(var(--member-muted));border-radius:11px;padding:9px;font-size:13px;transition:background .2s,color .2s}.pc-modes button[aria-pressed=true]{background:hsl(var(--calc-cyan)/.12);color:hsl(var(--calc-cyan));box-shadow:inset 0 0 0 1px hsl(var(--calc-cyan)/.22)}.pc-field{min-width:0;margin-top:20px;display:block}.pc-label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.pc-input-row{gap:8px;min-width:0;display:flex}.pc-control{border:1px solid hsl(var(--calc-line));background:hsl(var(--member-base)/.65);width:100%;min-width:0;min-height:48px;color:hsl(var(--member-text));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:11px;padding:10px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.pc-input-row input{font-variant-numeric:tabular-nums;flex:1;width:0}.pc-input-row select{flex-shrink:0;width:100px}.pc-control:hover{border-color:hsl(var(--calc-cyan)/.4)}.pc-page :focus-visible{outline:2px solid hsl(var(--calc-cyan));outline-offset:3px}.pc-control:focus{border-color:hsl(var(--calc-cyan));box-shadow:0 0 0 3px hsl(var(--calc-cyan)/.1);outline:none}.pc-control[aria-invalid=true]{border-color:hsl(var(--member-warning)/.7)}.pc-error{color:hsl(var(--member-warning));margin-top:7px;font-size:12px;line-height:1.5}.pc-actions{flex-wrap:wrap;gap:8px;display:flex}.pc-button{border:1px solid hsl(var(--calc-line));background:hsl(var(--member-text)/.035);border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-size:13px;font-weight:600;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.pc-primary{background:linear-gradient(125deg,hsl(var(--calc-cyan)),hsl(var(--calc-teal)));color:hsl(var(--member-base));border-color:#0000}.pc-button:disabled{opacity:.4;cursor:not-allowed}.pc-button:active:not(:disabled){transform:scale(.98)}.pc-result{min-height:560px;position:relative;overflow:hidden}.pc-result:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 90% 5%,hsl(var(--calc-cyan)/.09),transparent 60%);opacity:.2;transition:opacity .3s;position:absolute;inset:0}.pc-result[data-valid=true]:before{opacity:1}.pc-result>*{position:relative}.pc-value{font-variant-numeric:tabular-nums;letter-spacing:-.055em;overflow-wrap:anywhere;margin-top:16px;font-size:clamp(2.4rem,4vw,4.2rem);font-weight:500;line-height:1.15}.pc-unit{color:hsl(var(--calc-cyan));letter-spacing:0;margin-top:8px;font-size:15px;display:block}.pc-breakdown{margin:24px 0}.pc-breakdown>div{border-bottom:1px solid hsl(var(--calc-line));flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;font-size:12px;display:flex}.pc-breakdown dt{color:hsl(var(--member-muted))}.pc-breakdown dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pc-visual{border-top:1px solid hsl(var(--calc-line));margin-top:16px;padding:20px 0}.pc-bar{background:hsl(var(--calc-cyan)/.08);border-radius:6px;height:22px;margin:14px 0;display:flex;overflow:hidden}.pc-bar span{background:linear-gradient(90deg,hsl(var(--calc-teal)),hsl(var(--calc-cyan)));min-width:0;transition:width .35s}.pc-particles{border:1px solid hsl(var(--calc-line));border-radius:14px;grid-template-columns:repeat(12,1fr);gap:10px;margin:14px 0;padding:20px;display:grid}.pc-particles i{aspect-ratio:1;background:hsl(var(--calc-cyan));border-radius:50%;max-width:8px;transition:opacity .3s}.pc-equation{font-variant-numeric:tabular-nums;font-family:var(--font-mono);overflow-wrap:anywhere;font-size:12px;line-height:1.8}.pc-library{margin-top:26px}.pc-library-filters{grid-template-columns:2fr 1fr 1fr;gap:10px;margin:20px 0;display:grid}.pc-library-row{border-top:1px solid hsl(var(--calc-line));justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.pc-record-name{overflow-wrap:anywhere;font-size:15px;font-weight:600}.pc-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.pc-comparison article{border:1px solid hsl(var(--calc-line));background:hsl(var(--member-base)/.3);border-radius:14px;min-width:0;padding:18px}.pc-preview{grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:340px;margin-top:30px;padding:clamp(24px,5vw,60px);display:grid}.pc-preview-art{aspect-ratio:1.6;border:1px solid hsl(var(--calc-line));background:radial-gradient(ellipse,hsl(var(--calc-teal)/.18),transparent 70%);font-family:var(--font-mono);color:hsl(var(--calc-cyan));border-radius:18px;place-items:center;font-size:clamp(1.4rem,3vw,2.5rem);display:grid}.pc-tile{background:radial-gradient(ellipse at 100% 0,hsl(var(--calc-cyan)/.15),transparent 70%),linear-gradient(140deg,hsl(var(--calc-surface)),hsl(var(--member-base)))!important;border-color:hsl(var(--calc-line))!important}.pc-tile-mark{color:hsl(var(--calc-cyan));font-family:var(--font-mono);letter-spacing:-.06em;font-size:28px}.pc-skeleton{place-items:center;min-height:560px;display:grid}.pc-ambient{animation:9s ease-in-out infinite pc-breathe}.pc-page[data-idle=off] .pc-ambient{animation-play-state:paused}@keyframes pc-breathe{50%{opacity:.6}}@media (hover:hover){.pc-button:hover:not(:disabled){border-color:hsl(var(--calc-cyan)/.5);filter:brightness(1.08);transform:translateY(-1px)}}@media (width<=900px){.pc-workspace{grid-template-columns:1fr}.pc-result{min-height:460px}.pc-comparison,.pc-preview{grid-template-columns:1fr}.pc-preview-art{max-height:200px}.pc-library-row{flex-direction:column;align-items:start}}@media (width<=540px){.pc-page{padding:24px 12px 40px}.pc-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-library-filters{grid-template-columns:1fr}.pc-input-row select{width:88px}.pc-panel{border-radius:16px;padding:18px}.pc-value{font-size:2.5rem}.pc-heading{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){.pc-page *,.pc-page :before{transition:none!important;animation:none!important;transform:none!important}}
