:root{--pvc-primary:#0072ce;--pvc-primary-deep:#005fa3;--pvc-primary-pale:#e8f2fc;--pvc-secondary:#00a86b;--pvc-secondary-light:#e6f0ff;--pvc-secondary-pale:#d8f5ea;--pvc-danger:#e74c3c;--pvc-danger-pale:#fdecea;--pvc-bg:#f7f9fb;--pvc-white:#ffffff;--pvc-text:#26282c;--pvc-text-light:#5b6170;--pvc-border:#d8dce2;--pvc-radius:5px;--pvc-radius-sm:6px;--pvc-spacing:1.5rem;--pvc-gap:0.75rem;--pvc-shadow:0 2px 16px rgba(0, 114, 206, 0.08);--pvc-shadow-hover:0 6px 28px rgba(0, 114, 206, 0.16);--pvc-transition:0.2s cubic-bezier(0.4, 0, 0.2, 1)}.pvc-main-container img,.pvc-main-container svg{display:block}button{cursor:pointer;font-family:inherit}.pvc-container{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--pvc-gap);justify-content:center;align-items:center}.pvc-hero{position:relative;background:linear-gradient(145deg,#0a5fa3 0%,#0072ce 50%,#00a86b 100%);color:var(--pvc-white);padding:2rem 0;overflow:hidden;border-radius:var(--pvc-radius)}.pvc-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 80% 20%,rgb(255 255 255 / .08) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 10% 80%,rgb(0 168 107 / .25) 0%,transparent 70%);pointer-events:none}.pvc-hero .pvc-container{position:relative;z-index:1}.pvc-hero__title{font-size:clamp(1.5rem, 5vw, 2.5rem)!important;color:var(--pvc-white)!important;font-weight:700;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 16px rgb(0 0 0 / .12)}.pvc-hero__title span{color:rgb(255 255 255 / .85)}.pvc-hero__subtitle{font-size:1rem;color:rgb(255 255 255 / .88);max-width:480px;font-weight:500;line-height:1.6;text-align:center}.pvc-hero__badges{display:flex;flex-wrap:wrap;gap:.5rem}.pvc-badge{background:rgb(255 255 255 / .15);backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .25);color:var(--pvc-white);font-size:.78rem;font-weight:500;padding:.3rem .75rem;border-radius:100px;letter-spacing:.02em}.pvc-card{width:100%;background:var(--pvc-white);border:1px solid var(--pvc-border);border-radius:var(--pvc-radius);padding:var(--pvc-spacing);box-shadow:var(--pvc-shadow);animation:pvc-fadeUp 0.4s ease both}@keyframes pvc-fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pvc-step__header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.pvc-step__number{flex-shrink:0;width:42px;height:42px;background:var(--pvc-primary-pale);color:var(--pvc-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.04em}.pvc-step__number--success{background:var(--pvc-secondary-pale);color:var(--pvc-secondary)}.pvc-step__title{font-size:1.15rem!important;font-weight:600;color:var(--pvc-text);line-height:1.25;margin-bottom:.2rem}.pvc-step__desc{font-size:.88rem;color:var(--pvc-text-light)}.pvc-shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pvc-gap)}.pvc-shape-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .5rem;border:2px solid var(--pvc-border);border-radius:var(--pvc-radius);cursor:pointer;transition:all var(--pvc-transition);background:var(--pvc-bg);text-align:center;user-select:none}.pvc-shape-card input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.pvc-shape-card:hover{border-color:var(--pvc-primary);background:var(--pvc-primary-pale);box-shadow:var(--pvc-shadow-hover);transform:translateY(-2px)}.pvc-shape-card:has(input:checked){border-color:var(--pvc-primary);background:var(--pvc-primary-pale);box-shadow:0 0 0 3px rgb(0 114 206 / .15)}.pvc-shape-card__icon{color:var(--pvc-primary);opacity:.7;transition:opacity var(--pvc-transition)}.pvc-shape-card__icon svg{width:52px;height:40px}.pvc-shape-card:has(input:checked) .pvc-shape-card__icon{opacity:1}.pvc-shape-card__label{font-size:.85rem;font-weight:600;color:var(--pvc-text)}.pvc-shape-card__sub{font-size:.72rem;color:var(--pvc-text-light)}.pvc-unit-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.pvc-label{font-size:.88rem;font-weight:600;color:var(--pvc-text);white-space:nowrap}.pvc-select-wrap{position:relative;flex:1;min-width:fit-content;max-width:260px}.pvc-select-wrap::after{content:"▾";position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--pvc-text-light);pointer-events:none;font-size:1.8rem}.pvc-select{width:100%;appearance:none;-webkit-appearance:none;padding:.6rem 2.2rem .6rem .85rem;border:1.5px solid var(--pvc-border);border-radius:var(--pvc-radius-sm);background:var(--pvc-white);color:var(--pvc-text);font-size:.9rem;cursor:pointer;transition:border-color var(--pvc-transition),box-shadow var(--pvc-transition);outline:none}.pvc-select:focus{border-color:var(--pvc-primary);box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pvc-dimension-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.pvc-field{display:flex;flex-direction:column;gap:.35rem}.pvc-field__label{font-size:.85rem;font-weight:600;color:var(--pvc-text);display:flex;align-items:center;gap:.35rem}.pvc-field__label svg{display:inline;width:14px;height:14px;color:var(--pvc-primary)}.pvc-field__hint{font-size:.75rem;color:var(--pvc-text-light);margin-top:-.1rem}.pvc-input{padding:.65rem .85rem;border:1.5px solid var(--pvc-border);border-radius:var(--pvc-radius-sm);font-size:1rem;color:var(--pvc-text);background:var(--pvc-white);transition:border-color var(--pvc-transition),box-shadow var(--pvc-transition);outline:none;width:100%;-moz-appearance:textfield}.pvc-input::-webkit-inner-spin-button,.pvc-input::-webkit-outer-spin-button{-webkit-appearance:none}.pvc-input:focus{border-color:var(--pvc-primary);box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pvc-input.pvc-input--error{border-color:var(--pvc-danger);box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.pvc-field__error{font-size:.75rem;color:var(--pvc-danger);display:none}.pvc-field__error.pvc-visible{display:block}.pvc-formula-note{margin-top:1.25rem;padding:.75rem 1rem;background:var(--pvc-secondary-pale);border-left:3px solid var(--pvc-secondary);border-radius:0 var(--pvc-radius-sm) var(--pvc-radius-sm) 0;font-size:.83rem;color:var(--pvc-text)}.pvc-formula-note code{font-family:"Courier New",monospace;font-size:.88em;background:rgb(0 168 107 / .1);padding:.1em .35em;border-radius:3px;color:var(--pvc-primary-deep)}.pvc-calc-row{text-align:center;margin-bottom:1.25rem}.pvc-btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:var(--pvc-radius-sm);font-size:.9rem;font-weight:600;padding:.65rem 1.25rem;transition:all var(--pvc-transition);outline:none;text-decoration:none;letter-spacing:.01em;white-space:nowrap}.pvc-btn:focus-visible{box-shadow:0 0 0 3px rgb(0 114 206 / .35)}.pvc-btn--primary{background:var(--pvc-primary)!important;color:var(--pvc-white)!important;box-shadow:0 3px 12px rgb(0 114 206 / .3)}.pvc-btn--primary:hover{background:var(--pvc-primary-deep)!important;box-shadow:0 5px 20px rgb(0 114 206 / .4);transform:translateY(-1px)}.pvc-btn--primary:active{transform:translateY(0)}.pvc-btn--large{font-size:1.05rem;padding:.85rem 2.25rem;border-radius:var(--pvc-radius);letter-spacing:.02em;box-shadow:0 4px 18px rgb(0 114 206 / .3)}.pvc-btn--secondary{background:var(--pvc-white)!important;color:var(--pvc-primary)!important;border:1.5px solid var(--pvc-primary)!important}.pvc-btn--secondary:hover{background:var(--pvc-primary-pale)!important;box-shadow:var(--pvc-shadow);transform:translateY(-1px)}.pvc-btn--danger{background:var(--pvc-white)!important;color:var(--pvc-danger)!important;border:1.5px solid var(--pvc-danger)!important}.pvc-btn--danger:hover{background:var(--pvc-danger-pale)!important;transform:translateY(-1px)}.pvc-results{border-left:4px solid var(--pvc-secondary)}.pvc-result-primary{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--pvc-primary-pale) 0%,var(--pvc-secondary-pale) 100%);border-radius:var(--pvc-radius);margin-bottom:1.5rem}.pvc-result-primary__value{display:block;font-size:clamp(2.5rem, 8vw, 4.5rem);font-weight:700;color:var(--pvc-primary);line-height:1;letter-spacing:-.02em;margin-bottom:.35rem}.pvc-result-primary__unit{font-size:1.1rem;color:var(--pvc-text-light);font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-size:.88rem}.pvc-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pvc-gap);margin-bottom:1.25rem}.pvc-result-tile{background:var(--pvc-bg);border:1px solid var(--pvc-border);border-radius:var(--pvc-radius-sm);padding:.85rem .75rem;text-align:center;transition:box-shadow var(--pvc-transition),transform var(--pvc-transition)}.pvc-result-tile:hover{box-shadow:var(--pvc-shadow);transform:translateY(-2px)}.pvc-result-tile__label{display:block;font-size:.72rem;color:var(--pvc-text-light);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.3rem}.pvc-result-tile__value{display:block;font-size:1.3rem;font-weight:700;color:var(--pvc-text);line-height:1.1}.pvc-result-tile__unit{display:block;font-size:.72rem;color:var(--pvc-text-light);margin-top:.1rem}.pvc-insight{display:flex;align-items:flex-start;gap:.75rem;background:var(--pvc-primary-pale);border:1px solid rgb(0 114 206 / .15);border-radius:var(--pvc-radius-sm);padding:.85rem 1rem;margin-bottom:1.25rem;font-size:.88rem}.pvc-insight__icon{font-size:1.3rem;margin-top:.05rem}.pvc-insight__text{color:var(--pvc-text);line-height:1.5}.pvc-actions{display:flex;flex-wrap:wrap;gap:var(--pvc-gap)}.pvc-toast{margin-top:1rem;padding:.6rem 1rem;background:var(--pvc-text);color:var(--pvc-white);border-radius:var(--pvc-radius-sm);font-size:.85rem;text-align:center;animation:pvc-toast-in 0.25s ease}@keyframes pvc-toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pvc-skip{position:absolute;top:-100%;left:0;background:var(--pvc-primary);color:var(--pvc-white);padding:.5rem 1rem;z-index:999;font-size:.88rem}.pvc-skip:focus{top:0}.pvc-btn--loading{opacity:.75;pointer-events:none}@media (max-width:768px){.pvc-header__tagline{display:none}.pvc-hero__title{font-size:clamp(1.9rem, 7vw, 2.8rem)}.pvc-shape-grid{grid-template-columns:repeat(2,1fr)}.pvc-result-grid{grid-template-columns:repeat(2,1fr)}.pvc-actions{justify-content:center}}@media (max-width:480px){:root{--pvc-spacing:1rem}.pvc-logo__text{font-size:1.1rem}.pvc-hero{padding-top:2.5rem}.pvc-hero__title{font-size:2rem}.pvc-hero__badges{gap:.35rem}.pvc-badge{font-size:.72rem;padding:.25rem .6rem}.pvc-shape-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.pvc-shape-card{padding:.75rem .35rem}.pvc-shape-card__icon svg{width:40px;height:32px}.pvc-result-grid{grid-template-columns:repeat(2,1fr)}.pvc-result-primary__value{font-size:2.8rem}.pvc-btn--large{font-size:.95rem;padding:.75rem 1.75rem}.pvc-actions{flex-direction:column}.pvc-actions .pvc-btn{justify-content:center}.pvc-dimension-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}@media print{.pvc-header,.pvc-hero,.pvc-footer,.pvc-step:not(.pvc-results),.pvc-calc-row,.pvc-actions{display:none!important}.pvc-results{border:1px solid #ccc;box-shadow:none}}