/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-ease:initial}::backdrop{--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.resize{resize:both}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#201c26;--muted:#746d79;--line:#e8e2ea;--page:#fbf9fc;--white:#fff;--purple:#82518e;--purple-dark:#4b184f;--yellow:#ffbd24;--lilac:#f8ebf9;--blue:#def0ff;--green:#e4f6e9;--cream:#fff2d2;--coral:#ffe8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button{cursor:pointer}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:linear-gradient(135deg,#fffffff5,#faf2fcf0 58%,#f0ebffeb);border-bottom:1px solid #82518e24;justify-content:center;align-items:center;height:92px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;font-weight:760;text-decoration:none;display:flex}.brand--oc-calc{background:0 0;width:min(340px,100vw - 40px);height:74px}.brand--oc-calc img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.brand--oc-calc:focus-visible{outline-offset:2px;border-radius:14px;outline:3px solid #82518e40}.page{max-width:1400px;margin:0 auto;padding:34px 28px 220px}.breadcrumb{color:var(--muted);align-items:center;gap:9px;margin-bottom:32px;font-size:13px;display:flex}.breadcrumb b{color:#b9b1bd;font-size:18px}.breadcrumb strong{color:#554e59}.breadcrumb__home{color:var(--purple-dark);text-underline-offset:3px;font-weight:800;text-decoration:none}:is(.breadcrumb__home:hover,.breadcrumb__home:focus-visible){color:var(--purple);text-decoration:underline}.intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--purple);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,60px);line-height:.98}.intro p{color:var(--muted);max-width:700px;margin:15px 0 0;font-size:18px;line-height:1.55}.button{white-space:nowrap;border:0;border-radius:14px;padding:13px 17px;font-size:14px;font-weight:720}.button--soft{background:var(--lilac);color:#71427a}.button--soft:hover{background:#f1dff3}.button--ghost{background:var(--white);border:1px solid var(--line);color:var(--ink)}.button--ghost:hover{background:#f6f2f7}.button--confirm{background:var(--purple-dark);color:var(--yellow)}.button--confirm:hover{background:#5b1d60}.step-label{align-items:center;gap:11px;margin-bottom:12px;display:flex}.step-label>span{background:var(--purple-dark);color:var(--yellow);border-radius:10px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.step-label div{gap:2px;display:grid}.step-label strong{font-size:14px}.step-label small{color:var(--muted);font-size:11px}.mode-tabs{grid-template-columns:repeat(2,minmax(0,260px));gap:12px;margin-bottom:22px;display:grid}.mode-tab{border:1px solid var(--line);text-align:left;background:#fff;border-radius:20px;grid-template-columns:58px 1fr;align-items:center;gap:1px 14px;min-height:76px;padding:9px 16px 9px 10px;transition:border .15s,box-shadow .15s,transform .15s;display:grid}.mode-icon{color:var(--purple);background:#f5f0f7;border-radius:15px;grid-row:1/3;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative;overflow:hidden}.mode-icon--volume img{filter:drop-shadow(0 5px 5px #3f254629);object-fit:contain;width:56px;height:56px}.mode-icon--area i{border:3px solid var(--purple);background:#82518e1f;border-radius:5px;width:36px;height:32px;display:block;position:relative;transform:rotate(-3deg)}.mode-icon--area i:after{content:"";border-top:1px dashed #4b184f66;border-left:1px dashed #4b184f66;position:absolute;inset:7px}.mode-tab b{font-size:15px}.mode-tab small{color:var(--muted);font-size:11px}.mode-tab:hover{transform:translateY(-1px)}.mode-tab.active{border-color:#c9a9cf;box-shadow:0 0 0 3px #82518e17}.mode-tab.active .mode-icon{background:#f0ddf2}.calculator-workspace{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:22px;display:grid}.calculator-workspace.has-result{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 12px 40px #2b1c3109}.card__heading{align-items:center;gap:15px;display:flex}.card__heading h2{letter-spacing:-.03em;margin:0;font-size:24px}.card__heading p{color:var(--muted);margin:4px 0 0}.icon-box{border-radius:18px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.icon-box--art{background:0 0;overflow:visible}.icon-box--art img{filter:drop-shadow(0 6px 7px #47294e30);object-fit:contain;width:72px;max-width:none;height:72px}.shape-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px;margin-top:25px;display:grid}.shape-card{text-align:left;border:1px solid #0000;border-radius:19px;flex-direction:column;align-items:flex-start;min-width:0;min-height:154px;padding:8px 10px 12px;transition:border .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.shape-card--tone-1{background:var(--green)}.shape-card--tone-2{background:var(--blue)}.shape-card--tone-3{background:var(--lilac)}.shape-card--tone-4{background:var(--cream)}.shape-card--tone-5{background:var(--coral)}.shape-card:hover{transform:translateY(-2px)}.shape-card.active{border-color:var(--purple);box-shadow:inset 0 0 0 2px #82518e29,0 8px 20px #47294e17}.shape-icon{justify-content:center;align-items:center;width:100%;height:88px;margin:-6px auto 1px;display:flex}.shape-icon img{filter:drop-shadow(0 6px 6px #3f25462b);object-fit:contain;width:94px;height:94px}.volume-artwork__image{position:relative}.shape-icon--2d{margin-top:0}.shape-2d{background:#82518e33;border:4px solid #65346e;display:block;box-shadow:0 7px #4b184f14}.shape-2d--quadrado{border-radius:7px;width:57px;height:57px}.shape-2d--retangulo{border-radius:7px;width:78px;height:48px}.shape-2d--triangulo{clip-path:polygon(50% 3%,97% 94%,3% 94%);background:#7e4b88;border:0;width:76px;height:64px;position:relative}.shape-2d--triangulo:after{clip-path:polygon(50% 10%,91% 89%,9% 89%);content:"";background:#d9bce0;position:absolute;inset:4px}.shape-2d--circulo{border-radius:999px;width:61px;height:61px}.shape-2d--trapezio{clip-path:polygon(25% 6%,75% 6%,98% 94%,2% 94%);background:#7e4b88;border:0;width:78px;height:58px;position:relative}.shape-2d--trapezio:after{clip-path:polygon(25% 6%,75% 6%,97% 94%,3% 94%);content:"";background:#d9bce0;position:absolute;inset:4px}.shape-card strong{color:#4f4953;width:100%;font-size:12px;line-height:1.15}.shape-card small{color:#756c79;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:block;overflow:hidden}.section-divider{background:var(--line);height:1px;margin:30px 0 24px}.measurement-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.measurement-heading>div:first-child{align-items:center;gap:12px;display:flex}.measurement-heading h3{letter-spacing:-.02em;margin:0;font-size:18px}.measurement-heading p{color:var(--muted);margin:3px 0 0;font-size:12px}.section-number{background:var(--purple-dark);color:var(--yellow);border-radius:11px;flex:none;justify-content:center;align-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:flex}.unit-fixed{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.unit-fixed strong{border:1px solid var(--line);color:var(--ink);letter-spacing:0;text-align:center;text-transform:none;background:#faf8fb;border-radius:11px;min-width:118px;padding:9px 12px;font-size:11px;font-weight:700}.measurement-layout{grid-template-columns:minmax(250px,.85fr) minmax(300px,1.15fr);align-items:center;gap:24px;display:grid}.measurement-layout--area{display:block}.measurement-fields{min-width:0}.measurement-layout .measurements{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-layout--area .measurements{grid-template-columns:repeat(3,minmax(0,1fr))}.volume-diagram{background:linear-gradient(145deg,#fff,#faf5fb);border:1px solid #e6d7e9;border-radius:23px;margin:0;padding:13px 15px 15px;overflow:hidden;container-type:inline-size}.volume-diagram__viewport{justify-content:center;width:100%;height:285px;display:flex;position:relative}.volume-diagram__visual{transform-origin:top;flex:0 0 330px;width:330px;height:285px;position:relative;transform:scale(1)}.volume-diagram figcaption{text-align:center;justify-items:center;gap:3px;display:grid}.volume-diagram figcaption strong{color:#4f3654;font-size:13px}.volume-diagram figcaption span{color:#836f87;font-size:10px;line-height:1.35}.technical-solid{position:absolute;inset:0}.technical-solid>span{position:absolute}.box-face{background:#e5d3e92e;border:2px solid #68446f;border-radius:3px}.box-face--back{background:#e5d3e914}.technical-solid--cubo .box-face{width:112px;height:112px}.technical-solid--cubo .box-face--back{top:45px;left:120px}.technical-solid--cubo .box-face--front{top:85px;left:80px}.technical-solid--paralelepipedo .box-face{width:170px;height:90px}.technical-solid--paralelepipedo .box-face--back{top:65px;left:105px}.technical-solid--paralelepipedo .box-face--front{top:105px;left:55px}.box-connector{transform-origin:0;background:#68446f;height:2px}.technical-solid--cubo .box-connector{width:57px;transform:rotate(-45deg)}.technical-solid--cubo .box-connector--tl{top:85px;left:80px}.technical-solid--cubo .box-connector--tr{top:85px;left:192px}.technical-solid--cubo .box-connector--bl{top:197px;left:80px}.technical-solid--cubo .box-connector--br{top:197px;left:192px}.technical-solid--paralelepipedo .box-connector{width:64px;transform:rotate(-39deg)}.technical-solid--paralelepipedo .box-connector--tl{top:105px;left:55px}.technical-solid--paralelepipedo .box-connector--tr{top:105px;left:225px}.technical-solid--paralelepipedo .box-connector--bl{top:195px;left:55px}.technical-solid--paralelepipedo .box-connector--br{top:195px;left:225px}.cylinder-body{background:linear-gradient(90deg,#e5d3e91a,#82518e14);border-left:2px solid #68446f;border-right:2px solid #68446f;width:130px;height:145px;top:66px;left:100px}.cylinder-ellipse{background:#e5d3e92e;border:2px solid #68446f;border-radius:50%;width:130px;height:34px;left:100px}.cylinder-ellipse--top{top:50px}.cylinder-ellipse--bottom{top:193px}.cone-edge{transform-origin:0;background:#68446f;width:183px;height:2px;top:45px;left:165px}.cone-edge--left{transform:rotate(116deg)}.cone-edge--right{transform:rotate(64deg)}.cone-base{background:#e5d3e929;border:2px solid #68446f;border-radius:50%;width:166px;height:38px;top:190px;left:82px}.sphere-outline{background:radial-gradient(circle at 35% 30%,#ffffffe6,#e5d3e940);border:2px solid #68446f;border-radius:50%;width:160px;height:160px;top:55px;left:85px}.technical-center{z-index:1;background:#68446f;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #68446f}.technical-center--cylinder{top:63px;left:161px}.technical-center--cone{top:205px;left:161px}.technical-center--sphere{top:131px;left:161px}.technical-view-label{color:#8c758f;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.technical-view-label--side{top:9px;left:45px}.technical-view-label--top{top:133px;left:55px}.foundation-edge{transform-origin:0;background:#68446f;height:2px}.foundation-edge--side-bottom{width:210px;top:105px;left:45px}.foundation-edge--side-left{width:30px;top:75px;left:45px;transform:rotate(90deg)}.foundation-edge--side-left-slope{width:78px;top:75px;left:45px;transform:rotate(-23deg)}.foundation-edge--side-top{width:80px;top:46px;left:116px}.foundation-edge--side-right-slope{width:66px;top:46px;left:196px;transform:rotate(26deg)}.foundation-edge--side-right{width:30px;top:75px;left:255px;transform:rotate(90deg)}.foundation-plan{background:#e5d3e914;border:2px solid #68446f}.foundation-plan--outer{width:190px;height:105px;top:155px;left:55px}.foundation-plan--inner{width:60px;height:35px;top:190px;left:130px}.foundation-edge--plan-tl{width:83px;top:155px;left:55px;transform:rotate(25deg)}.foundation-edge--plan-tr{width:65px;top:190px;left:190px;transform:rotate(-32deg)}.foundation-edge--plan-bl{width:83px;top:260px;left:55px;transform:rotate(-25deg)}.foundation-edge--plan-br{width:65px;top:225px;left:190px;transform:rotate(32deg)}.measure-tone--blue{--measure:#3979ae;--measure-soft:#e5f3ff}.measure-tone--green{--measure:#3c8658;--measure-soft:#e4f6e9}.measure-tone--purple{--measure:#74407c;--measure-soft:#f4e6f6}.measure-tone--orange{--measure:#ad651f;--measure-soft:#fff1d7}.measure-tone--pink{--measure:#a44d6c;--measure-soft:#ffe8ef}.measure-tone--teal{--measure:#277d7a;--measure-soft:#e2f5f3}.measure-line{background:var(--measure);pointer-events:none;transform-origin:50%;z-index:2;height:2px;position:absolute}.measure-line:before,.measure-line:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.measure-line:before{border-right:7px solid var(--measure);left:-1px}.measure-line:after{border-left:7px solid var(--measure);right:-1px}.measure-line b{border:1px solid var(--measure);color:var(--measure);white-space:nowrap;background:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-style:normal;font-weight:950;display:flex;position:absolute;top:-17px;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #331f381f}.measure-line--cube-edge{width:34%;top:69%;left:24%}.measure-line--box-length{width:52%;top:68%;left:17%}.measure-line--box-width{width:19%;top:35%;left:18%;transform:rotate(-39deg)}.measure-line--box-width b{transform:translate(-50%,-50%)rotate(39deg)}.measure-line--box-height{width:27%;top:53%;left:55%;transform:rotate(90deg)}.measure-line--box-height b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--cylinder-radius{width:20%;top:23%;left:50%}.measure-line--cylinder-height{width:44%;top:48%;left:50%;transform:rotate(90deg)}.measure-line--cylinder-height b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--cone-radius{width:25%;top:73%;left:50%}.measure-line--cone-height{width:50%;top:45%;left:25%;transform:rotate(90deg)}.measure-line--cone-height b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--sphere-radius{width:24%;top:47%;left:50%}.measure-line--foundation-pillar-length{width:18%;top:67%;left:39%}.measure-line--foundation-pillar-width{width:11%;top:73%;left:52%;transform:rotate(90deg)}.measure-line--foundation-pillar-width b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--foundation-base-length{width:58%;top:54%;left:17%}.measure-line--foundation-base-width{width:32%;top:73%;left:58%;transform:rotate(90deg)}.measure-line--foundation-base-width b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--foundation-total-height{width:18%;top:27%;left:80%;transform:rotate(90deg)}.measure-line--foundation-total-height b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--foundation-base-height{width:9%;top:32%;left:77%;transform:rotate(90deg)}.measure-line--foundation-base-height b{transform:translate(-50%,-50%)rotate(-90deg)}.measure-line--active{filter:drop-shadow(0 0 4px var(--measure))}@supports (color:color-mix(in lab, red, red)){.measure-line--active{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--measure) 55%, transparent))}}.measure-line--active{z-index:4;height:3px}.measure-line--active b{background:var(--measure-soft);box-shadow:0 0 0 3px var(--measure), 0 3px 8px #331f382e}@supports (color:color-mix(in lab, red, red)){.measure-line--active b{box-shadow:0 0 0 3px color-mix(in srgb, var(--measure) 16%, transparent), 0 3px 8px #331f382e}}.measure-line--active b{transform:translate(-50%,-50%)scale(1.12)}@container (width<=300px){.volume-diagram__viewport{height:234px}.volume-diagram__visual{transform:scale(.82)}}@container (width<=260px){.volume-diagram__viewport{height:205px}.volume-diagram__visual{transform:scale(.72)}}@container (width<=230px){.volume-diagram__viewport{height:183px}.volume-diagram__visual{transform:scale(.64)}}.field-progress{color:#85648b;letter-spacing:.04em;text-transform:uppercase;margin:-2px 0 9px;font-size:11px;font-weight:750}.dimension-rules{color:#6f5d73;background:#f7f3f8;border-radius:11px;margin:0 0 10px;padding:9px 11px;font-size:11px}.dimension-rules strong{color:#4f3654}.dimension-rules span{color:#b39db7;margin:0 4px}.measurements{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.field{border:1px solid var(--line);border-radius:17px;padding:13px 15px;transition:border .15s,background .15s;display:block}.field>span{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:680;display:flex}.field__label{align-items:center;gap:7px}.field__symbol{background:var(--measure-soft);border:1px solid var(--measure);color:var(--measure);border-radius:7px;flex:none;justify-content:center;align-items:center;min-width:23px;height:23px;padding:0 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-style:normal;font-weight:900;display:inline-flex}.field__symbol--blue{--measure:#3979ae;--measure-soft:#e5f3ff}.field__symbol--green{--measure:#3c8658;--measure-soft:#e4f6e9}.field__symbol--purple{--measure:#74407c;--measure-soft:#f4e6f6}.field__symbol--orange{--measure:#ad651f;--measure-soft:#fff1d7}.field__symbol--pink{--measure:#a44d6c;--measure-soft:#ffe8ef}.field__symbol--teal{--measure:#277d7a;--measure-soft:#e2f5f3}.field__control{align-items:center;gap:10px;display:flex}.field input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:20px;font-weight:720}.field input::placeholder{color:#c2bbc5}.field small{color:var(--muted);font-weight:650}.field:focus-within{border-color:#b783c0;box-shadow:0 0 0 3px #b783c024}.validation-message{color:#8a352d;background:#fff0ee;border:1px solid #efc2bb;border-radius:13px;margin:11px 0 0;padding:11px 13px;font-size:12px;font-weight:720}.results-card{flex-direction:column;min-height:100%;display:flex}.result-hero{text-align:center;background:radial-gradient(circle at 50% 15%,#fff 0,#f9ecfa 42%,#f3e3f5 100%);border:1px solid #eaddec;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:350px;margin:26px 0 13px;padding:22px;display:flex;overflow:hidden}.result-hero__shape{filter:drop-shadow(0 10px 10px #47294e2e);object-fit:contain;width:132px;height:132px;margin:-8px 0 2px}.result-hero__shape--2d{justify-content:center;align-items:center;display:flex}.result-hero__shape--2d .shape-2d{transform:scale(1.45)}.result-hero__shape--volume{display:block;position:relative}.result-hero__shape--volume .volume-artwork__image{object-fit:contain;width:132px;height:132px}.result-hero>span{color:#6e5b72;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:750}.result-hero>div{justify-content:center;align-items:baseline;gap:8px;max-width:100%;margin:8px 0 12px;display:flex}.result-hero strong{letter-spacing:-.06em;text-overflow:ellipsis;max-width:100%;font-size:clamp(48px,5vw,78px);line-height:.95;overflow:hidden}.result-hero small{color:#775780;font-size:17px;font-weight:750}.result-hero code{color:#71427a;white-space:normal;background:#ffffffb8;border:1px solid #82518e1f;border-radius:14px;max-width:100%;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.result-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px;display:grid}.result-details div{background:#f7f4f8;border-radius:14px;gap:4px;padding:12px;display:grid}.result-details span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:750}.result-details strong{font-size:11px}.share-button{color:#f2d8ee;text-align:left;background:linear-gradient(145deg,#77336b,#501650);border:1px solid #5d236acc;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 14px;transition:background .15s,border-color .15s,transform .15s;display:grid;box-shadow:0 11px 23px #4b184f33,inset 0 1px #ffffff24}.share-button__icon{color:var(--yellow);background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.share-button__icon .floating-menu__icon{width:30px;height:30px}.share-button__icon .floating-menu__icon svg{width:26px;height:26px}.share-button>span:nth-child(2){gap:2px;display:grid}.share-button strong{color:var(--yellow);font-size:14px}.share-button small{color:#f2d8ee;font-size:11px}.share-button>b{color:var(--yellow);font-size:24px}.share-button:hover{background:linear-gradient(145deg,#8a3a7a,#5b1d60);border-color:#5d236af2;transform:translateY(-1px);box-shadow:0 15px 27px #4b184f4d,inset 0 1px #ffffff2e}.share-button:active{transform:scale(.99)}.calculation-status{color:#6c756e;justify-content:center;align-items:center;gap:7px;margin:13px 4px 0;font-size:11px;display:flex}.calculation-status span{background:#48a260;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #e7f6eb}.floating-menu-shell{bottom:max(10px, calc(env(safe-area-inset-bottom) + 8px));z-index:40;width:calc(100vw - 32px);max-width:calc(100vw - 32px);position:fixed;left:50%;transform:translate(-50%)}.floating-menu{-webkit-backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#ffffffe0,#f5f2ffbd);border:1px solid #cabeffc7;border-radius:999px;justify-content:center;align-items:center;gap:26px;padding:13px 32px;display:flex;box-shadow:0 18px 42px #3d247038,inset 0 1px 1px #fffffff0}.floating-menu__action{color:#6940cf;background:linear-gradient(145deg,#fffffff2,#f2efffd4);border:1px solid #ffffffeb;border-radius:50%;flex:none;place-items:center;width:74px;height:74px;padding:0;transition:background .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:0 9px 20px #5d46a029,inset 0 1px #fffffff2}.floating-menu__action:hover{background:#fff;transform:translateY(-3px);box-shadow:0 13px 24px #593c9e38,inset 0 1px #fff}.floating-menu__action:active{transform:translateY(0)scale(.96)}.floating-menu__action:focus-visible{outline-offset:4px;outline:3px solid #6940cf59}.floating-menu__icon{place-items:center;width:34px;height:34px;display:grid}.floating-menu__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:30px;height:30px}.floating-menu__action>span:not(.floating-menu__icon){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.floating-menu__action--share{color:var(--yellow);background:linear-gradient(145deg,#77336b,#501650);border-color:#5d236acc;box-shadow:0 11px 23px #4b184f57,inset 0 1px #ffffff2b}.floating-menu__action--share:hover{background:linear-gradient(145deg,#8a3a7a,#5b1d60);box-shadow:0 15px 27px #4b184f6b,inset 0 1px #fff3}html.oc-pwa-card-visible .oc-offline-status{display:none!important}.confirm-modal__backdrop{-webkit-backdrop-filter:blur(5px);z-index:60;background:#1a141e8f;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border:1px solid #ffffff8c;border-radius:28px;width:100%;max-width:430px;padding:28px;box-shadow:0 30px 90px #1a141e47}.confirm-modal__icon{color:var(--purple-dark);background:#f3e7f6;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;font-size:42px;line-height:1;display:inline-flex}.confirm-modal h2{letter-spacing:-.04em;margin:0;font-size:25px}.confirm-modal p{color:var(--muted);max-width:340px;margin:9px auto 0;font-size:14px;line-height:1.5}.confirm-modal__footer{justify-content:center;gap:10px;margin-top:23px;display:flex}.confirm-modal__footer .button{min-width:130px}.share-modal__backdrop{z-index:50;background:#1a141e94;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.share-modal{background:#fff;border:1px solid #ffffff8c;border-radius:28px;width:100%;max-width:620px;max-height:min(90vh,790px);padding:26px;overflow:auto;box-shadow:0 30px 90px #1a141e47}.share-modal__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.share-modal__header .eyebrow{margin-bottom:7px}.share-modal__header h2{letter-spacing:-.04em;margin:0;font-size:27px}.share-modal__header p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.45}.share-modal__close{color:#5d5361;background:#f4f0f5;border:0;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0 0 3px;font-size:23px;display:flex}.share-modal__close:disabled{cursor:default;opacity:.45}.share-modal__toolbar{gap:14px;margin:20px 2px 12px;display:flex}.share-modal__toolbar button{color:var(--purple);background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.share-options{gap:9px;display:grid}.share-option{cursor:pointer;background:#f7f4f8;border:1px solid #0000;border-radius:16px;grid-template-columns:auto 42px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.share-option:has(input:checked){border-color:#d7c3dc}.share-option input{accent-color:var(--purple);width:18px;height:18px}.share-option__icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:850;display:flex}.share-option--result .share-option__icon{background:var(--green);color:#43664c}.share-option--measurements .share-option__icon{background:var(--blue);color:#3d5e79}.share-option--formula .share-option__icon{background:var(--lilac);color:#684672}.share-option>span:nth-of-type(2){gap:2px;min-width:0;display:grid}.share-option strong{color:#4f4953;font-size:13px}.share-option small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.share-option>b{text-align:right;white-space:nowrap;font-size:13px}.share-modal__error{color:#9a4936;background:#fff1ed;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:12px}.share-modal__footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.share-modal__footer .button:disabled{cursor:default;opacity:.45}.button--share{background:var(--purple-dark);color:var(--yellow)}.button--share:hover:not(:disabled){background:#5b1d60}.numeric-keyboard__backdrop{z-index:80;background:#1a141e85;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.numeric-keyboard{max-height:min(94vh,760px);padding:20px 18px calc(18px + env(safe-area-inset-bottom));background:#fff;border:1px solid #ffffffb3;border-radius:25px;width:min(100%,470px);overflow:auto;box-shadow:0 28px 85px #19111f61}.numeric-keyboard__header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.numeric-keyboard__header .eyebrow{margin:0 0 5px}.numeric-keyboard__header h2{letter-spacing:-.04em;margin:0;font-size:25px}.numeric-keyboard__close{color:#5b4d60;background:#f5f0f6;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0 0 3px;font-size:25px;line-height:1;display:flex}.numeric-keyboard__close:hover{background:#eee5f0}.numeric-keyboard__display{background:#faf6fb;border:1px solid #eaddec;border-radius:17px;justify-content:center;align-items:baseline;gap:8px;min-height:70px;margin:14px 0 12px;padding:8px 14px;display:flex}.numeric-keyboard__display strong{color:var(--purple-dark);letter-spacing:-.06em;text-overflow:ellipsis;max-width:100%;font-size:clamp(36px,10vw,54px);line-height:1;overflow:hidden}.numeric-keyboard__display span{color:#795b80;font-size:18px;font-weight:800}.numeric-keyboard__hint{color:#806b84;text-align:center;margin:-3px 0 9px;font-size:11px}.numeric-keyboard__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.numeric-keyboard__key{color:#45204a;background:#f6eff8;border:1px solid #ead8ee;border-radius:15px;justify-content:center;align-items:center;height:53px;font-size:24px;font-weight:780;transition:background .12s,transform .12s,box-shadow .12s;display:flex}.numeric-keyboard__key:hover{background:#eee2f2;box-shadow:0 4px 10px #4b184f1a}.numeric-keyboard__key:active{transform:scale(.96)}.numeric-keyboard__key--backspace{color:#6d3974;font-size:25px}.numeric-keyboard__footer{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:9px;margin-top:12px;display:grid}.numeric-keyboard__footer .button{min-height:51px}.numeric-keyboard__area-preview{background:#faf6fb;border:1px solid #eaddec;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:96px;margin:12px 0;padding:9px 14px;display:flex}.numeric-keyboard__area-preview .shape-icon{width:62px;height:62px}.numeric-keyboard__area-preview>span{color:#705977;font-size:12px;font-weight:760}.volume-diagram--keyboard{margin:12px 0;padding:8px 10px 9px}.volume-diagram--keyboard .volume-diagram__viewport{height:135px}.volume-diagram--keyboard .volume-diagram__visual{transform:translateY(-4px) scaleX(calc(.42 * var(--diagram-scale-x,1))) scaleY(calc(.42 * var(--diagram-scale-y,1)));transform-origin:top}.volume-diagram--keyboard figcaption{gap:1px}.volume-diagram--keyboard figcaption strong{font-size:11px}.volume-diagram--keyboard figcaption span{font-size:9px}.notice{color:#625a66;background:#f2eef4;border-radius:20px;align-items:flex-start;gap:13px;margin-top:22px;padding:17px 20px;display:flex}.notice span{border:1px solid #b7aebc;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.notice p{margin:0;font-size:13px;line-height:1.5}.reveal-section{animation:.3s both reveal-section}@keyframes reveal-section{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:is(button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible){outline-offset:2px;outline:3px solid #82518e40}@media (max-width:1200px){.calculator-workspace.has-result .measurement-layout{grid-template-columns:1fr}.calculator-workspace.has-result .volume-diagram{width:100%;max-width:380px;margin:0 auto}}@media (max-width:1100px){.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-card:nth-child(4),.shape-card:nth-child(5){min-height:142px}}@media (max-width:980px){.calculator-workspace,.calculator-workspace.has-result{grid-template-columns:1fr}.results-card{min-height:auto}.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.measurement-layout{grid-template-columns:1fr}.measurement-layout--area{display:block}.volume-diagram{width:100%;max-width:380px;margin:0 auto}}@media (max-width:700px){.topbar{height:82px;padding:0 16px}.page{padding:24px 16px 190px}.brand--oc-calc{width:min(260px,100vw - 140px);height:70px}.breadcrumb{white-space:nowrap;margin-bottom:24px;overflow:hidden}.intro{flex-direction:column;align-items:flex-start;margin-bottom:22px}.intro p{font-size:16px}.mode-tabs{grid-template-columns:1fr 1fr}.mode-tab{grid-template-columns:42px 1fr;gap:1px 8px;min-height:60px;padding:8px}.mode-icon{border-radius:12px;width:42px;height:42px}.mode-icon--volume img{width:43px;height:43px}.mode-icon--area i{border-width:2px;width:27px;height:24px}.mode-tab small{display:none}.card{border-radius:24px;padding:21px}.card__heading h2{font-size:20px}.card__heading p{font-size:14px}.icon-box{border-radius:15px;width:48px;height:48px}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.measurement-heading{flex-direction:column;align-items:flex-start}.unit-fixed{justify-content:space-between;width:100%}.measurement-layout{grid-template-columns:1fr}.measurement-layout--area{display:block}.measurement-layout .measurements,.measurement-layout--area .measurements{grid-template-columns:1fr}.volume-diagram{width:100%;max-width:360px;margin:0 auto}.result-hero{min-height:330px}.result-details{grid-template-columns:1fr}.share-modal__backdrop{align-items:flex-end;padding:0}.share-modal{max-height:92vh;padding:21px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}.share-modal__header h2{font-size:23px}.share-option{gap:9px;padding:11px}.share-option>b{font-size:12px}.share-modal__footer{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.share-modal__footer .button{white-space:normal;min-width:0;padding-left:10px;padding-right:10px}.floating-menu-shell{bottom:max(8px, calc(env(safe-area-inset-bottom) + 6px));width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.floating-menu{gap:clamp(9px,4vw,18px);padding:9px 14px}.floating-menu__action{width:58px;height:58px}.floating-menu__icon{width:29px;height:29px}.floating-menu__icon svg{width:25px;height:25px}.confirm-modal__backdrop{align-items:center;padding:18px}.confirm-modal{padding:23px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px}.confirm-modal__footer{grid-template-columns:1fr 1fr;display:grid}.confirm-modal__footer .button{min-width:0;padding-left:8px;padding-right:8px}}@media (max-width:360px){.topbar{padding:0 13px}.brand--oc-calc{width:188px}.brand--oc-calc img{width:250px}.card{padding:16px}.shape-card{min-height:145px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-ease{syntax:"*";inherits:false}