:root{--pico-font-family: "Inter", system-ui, -apple-system, sans-serif;--pico-border-radius: .5rem}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--pico-background-color)}main{flex:1 0 auto;padding:3rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header.hero{text-align:center;margin-bottom:2rem;animation:fadeInDown .6s ease-out}header.hero h1{font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem)}header.hero p{color:var(--pico-muted-color);font-size:1.1rem}.calculator-grid{display:grid;grid-template-columns:1fr;gap:2rem;animation:fadeInUp .8s ease-out}@media(min-width:992px){.calculator-grid{grid-template-columns:380px 1fr}}.card{background-color:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:1.5rem;box-shadow:var(--pico-card-box-shadow)}.card h3{font-size:1.25rem;margin-top:0;margin-bottom:1.5rem;font-weight:600;border-bottom:1px solid var(--pico-muted-border-color);padding-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}label{font-weight:500;font-size:.9rem;margin-bottom:.5rem;display:block;color:var(--pico-h2-color)}fieldset{border:1px solid var(--pico-muted-border-color);padding:1rem;border-radius:var(--pico-border-radius);margin-bottom:1.5rem}legend{font-weight:600;font-size:.9rem;padding:0 .5rem;color:var(--pico-primary)}.type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.type-buttons button{margin-bottom:0;font-size:.85rem;padding:.5rem;font-weight:600}.session-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.session-status{margin-top:.6rem;font-size:.85rem;color:var(--pico-muted-color)}.btn-bool{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.btn-byte{background-color:#8b5cf6;border-color:#8b5cf6;color:#fff}.btn-int{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.btn-dint{background-color:#ef4444;border-color:#ef4444;color:#fff}.btn-real{background-color:#10b981;border-color:#10b981;color:#fff}.btn-struct{background-color:#06b6d4;border-color:#06b6d4;color:#fff}.btn-array{background-color:#d946ef;border-color:#d946ef;color:#fff}.btn-bool:hover{background-color:#2563eb;border-color:#2563eb}.btn-byte:hover{background-color:#7c3aed;border-color:#7c3aed}.btn-int:hover{background-color:#d97706;border-color:#d97706}.btn-dint:hover{background-color:#dc2626;border-color:#dc2626}.btn-real:hover{background-color:#059669;border-color:#059669}.btn-struct:hover{background-color:#0891b2;border-color:#0891b2}.btn-array:hover{background-color:#c026d3;border-color:#c026d3}.badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff}.badge.bool{background-color:#3b82f6}.badge.byte{background-color:#8b5cf6}.badge.int{background-color:#f59e0b}.badge.dint{background-color:#ef4444}.badge.real{background-color:#10b981}.badge.struct{background-color:#06b6d4}.badge.array{background-color:#d946ef}.table-container{overflow-x:auto}table{font-size:.9rem;margin-bottom:0}th{background:#ffffff0d;position:sticky;top:0;white-space:nowrap}.btn-export{padding:.4rem 1rem;font-size:.8rem;width:auto;background-color:var(--pico-primary)}.blank-state{text-align:center;padding:3rem 1rem;color:var(--pico-muted-color);border:1px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);margin-top:1rem}.builder-panel{margin-top:1rem;padding:1rem;background:#06b6d40d;border:1px solid rgba(6,182,212,.3);border-radius:var(--pico-border-radius);animation:fadeIn .3s ease-out}.builder-panel.array-builder{background:#d946ef0d;border-color:#d946ef4d}.builder-title{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:#06b6d4}.array-builder .builder-title{color:#d946ef}.member-entry{display:grid;grid-template-columns:1fr 100px 28px;gap:.4rem;align-items:center;margin-bottom:.4rem}.member-entry input,.member-entry select{margin-bottom:0;font-size:.8rem;padding:.3rem .5rem}.member-entry .btn-rm{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.85rem;padding:0;line-height:1}.builder-actions{display:flex;gap:.5rem;margin-top:.75rem}.builder-actions button{margin-bottom:0;font-size:.8rem;padding:.4rem .8rem}.array-config{display:grid;grid-template-columns:1fr 80px;gap:.5rem;align-items:center}.array-config select,.array-config input{margin-bottom:0;font-size:.85rem;padding:.4rem .5rem}.child-row td{padding-left:2rem!important;font-size:.85rem;opacity:.85;border-left:2px solid rgba(6,182,212,.3)}.child-row td:first-child:before{content:"├─ ";color:#06b6d480;font-family:ui-monospace,Cascadia Code,monospace}.child-row:last-of-type td{border-left-color:transparent}.child-row:last-of-type td:first-child:before{content:"└─ "}.ad-container{margin:2rem 0;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px dashed var(--pico-muted-border-color);color:var(--pico-muted-color);font-size:.8rem}footer{flex-shrink:0;padding:2rem 0;border-top:1px solid var(--pico-muted-border-color);margin-top:4rem}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-links a{color:var(--pico-muted-color);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--pico-h2-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--pico-muted-color)}