:root{--font-family-base:"Inter",sans-serif;--font-size-h1:40px;--font-size-h2:32px;--font-size-h3:24px;--font-size-body:16px;--font-size-small:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-section:64px;--space-section-lg:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-soft:0 2px 8px #0000000f;--shadow-strong:0 4px 20px #0000001f;--container-max-width-lg:1280px;--container-max-width-md:1080px;--container-max-width-sm:880px}
:root,[data-theme=light]{--color-bg:#f7f9fc;--color-surface:#fff;--color-border:#e5e8ef;--color-separator:#dce1eb;--color-primary:#337bff;--color-primary-soft:#6da0ff;--color-primary-strong:#1f5eea;--color-text-heading:#0b1220;--color-text-body:#4a5568;--color-text-muted:#667385;--color-success:#2ecc71;--color-warning:#f4c542;--color-error:#e74c3c;--color-input-bg:#fff;--color-input-border:#e5e8ef;--color-card-bg:#fff;--shadow-card:0 4px 16px #0000000f;--shadow-card-hover:0 4px 24px #6da0ff;--radius-card:16px;--radius-input:12px;--radius-button:10px}[data-theme=dark]{--color-bg:#0b1124;--color-surface:#141a2c;--color-border:#1f2740;--color-separator:#232c45;--color-primary:#4d8dff;--color-primary-soft:#77a9ff;--color-primary-strong:#2c64eb;--color-text-heading:#fff;--color-text-body:#d6dae8;--color-text-muted:#a6aec3;--color-success:#20e17a;--color-warning:#ffdd57;--color-error:#ff6363;--color-input-bg:#1a2035;--color-input-border:#242c45;--color-card-bg:#141a2c;--shadow-card:0 4px 24px #00000073;--shadow-card-hover:0 4px 24px #77a9ff;--radius-card:16px;--radius-input:12px;--radius-button:10px}[data-theme=retro]{--color-bg:#fff;--color-surface:#f2f2f2;--color-border:#000;--color-separator:#1a1a1a;--color-primary:#000;--color-primary-soft:#222;--color-primary-strong:#000;--color-text-heading:#000;--color-text-body:#111;--color-text-muted:#444;--color-success:#0f6;--color-warning:#ff3;--color-error:#f03;--color-input-bg:#fff;--color-input-border:#000;--color-card-bg:#fdfdfd;--shadow-card:none;--shadow-card-hover:none;--radius-card:4px;--radius-input:4px;--radius-button:4px}[data-theme=carton]{--color-bg:#e5d3b3;--color-surface:#f3e6ca;--color-border:#c9b087;--color-separator:#b89f77;--color-primary:#7a562a;--color-primary-soft:#9a6c34;--color-primary-strong:#5c3f1e;--color-text-heading:#3b2a17;--color-text-body:#5c4b32;--color-text-muted:#8a795f;--color-success:#6bbf4e;--color-warning:#d6a84c;--color-error:#c75a42;--color-input-bg:#f3e6ca;--color-input-border:#c9b087;--color-card-bg:#f3e6ca;--shadow-card:0 4px 8px #634e3540;--shadow-card-hover:0 4px 24px #9a6c34;--radius-card:14px;--radius-input:12px;--radius-button:12px}[data-theme=cartoon]{--color-bg:#fdf7ff;--color-surface:#fff;--color-border:#e3d6ff;--color-separator:#c9baff;--color-primary:#4fa3ff;--color-primary-soft:#74b9ff;--color-primary-strong:#308bff;--color-text-heading:#2a2a2a;--color-text-body:#555;--color-text-muted:#7a7a7a;--color-success:#46e87f;--color-warning:#ffd54a;--color-error:#ff6b6b;--color-input-bg:#fff;--color-input-border:#e3d6ff;--color-card-bg:#fff;--shadow-card:0 6px 12px #a088ff40;--shadow-card-hover:0 4px 24px #74b9ff;--radius-card:18px;--radius-input:14px;--radius-button:16px}
*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}body{font-family:var(--font-family-base);font-size:var(--font-size-body);background-color:var(--color-bg);color:var(--color-text-body);-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1{font-size:var(--font-size-h1);color:var(--color-text-heading);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-h2);color:var(--color-text-heading);font-weight:600;line-height:1.3}h3{font-size:var(--font-size-h3);color:var(--color-text-heading);font-weight:600;line-height:1.3}small{font-size:var(--font-size-small)}.skip-link{background:var(--color-primary);color:var(--color-input-bg);padding:var(--space-2)var(--space-4);z-index:100;font-weight:600;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;top:0}#main-content:focus{outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.app-shell{width:100%;min-height:100vh;max-width:var(--container-max-width-lg);padding-inline:var(--space-4);padding-block:var(--space-4);margin-inline:auto}@media (max-width:768px){.app-shell{padding-inline:var(--space-3);padding-block:var(--space-3)}}.page{flex-direction:column;min-width:100%;min-height:100vh;display:flex}.page-main{flex:1}.section{flex-direction:column;align-items:center;padding-block-start:var(--space-section);display:flex}.section--tight{padding-block:var(--space-5)}.section--wide{padding-block:var(--space-section-lg)}.section-header{margin-bottom:var(--space-4);text-align:center;max-width:var(--container-max-width-md);margin-inline:auto;margin-bottom:var(--space-5)}.section-header-title{margin-bottom:var(--space-2)}.section-header-subtitle{color:var(--color-text-muted)}.grid{gap:var(--space-4);text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));max-width:fit-content;display:grid}@media (max-width:1280px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:880px){.grid{grid-template-columns:1fr}}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1024px){.category-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width:640px){.category-grid{grid-template-columns:1fr}}.calculator-page{max-width:var(--container-max-width-md);margin-inline:auto}.calculator-header{margin-bottom:var(--space-5)}.calculator-form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:768px){.calculator-form-grid{grid-template-columns:1fr}}.calculator-actions{margin-top:var(--space-4);justify-content:center;display:flex}.card{background-color:var(--color-card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:var(--space-5);margin-bottom:var(--space-5);gap:var(--space-2);flex-direction:column;height:128px;display:flex}.card-calculator{height:auto}.card-title{margin-bottom:var(--space-2);font-weight:600}.card-description{color:var(--color-text-muted);margin-bottom:var(--space-4)}.card-link{color:var(--color-primary)}.button{padding:var(--space-2)var(--space-4);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-button);cursor:pointer;text-align:center;border:none;font-size:1rem;text-decoration:none;display:inline-block}.header{padding-block:var(--space-4);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6)}.footer{padding-block:var(--space-5);text-align:center;justify-content:center;gap:var(--space-4);display:flex}.not-found-container{text-align:center;min-height:60vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.not-found-content{max-width:var(--container-max-width-sm)}.not-found-title{color:var(--color-primary);margin-bottom:var(--space-4);font-size:6rem;font-weight:700;line-height:1}.not-found-text{font-size:var(--font-size-h2);margin-bottom:var(--space-3);font-weight:600}.not-found-description{color:var(--color-text-muted);margin-bottom:var(--space-5)}.not-found-button{display:inline-block}
.card{background-color:var(--color-card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:var(--space-5);margin-bottom:var(--space-5);flex-direction:row;min-height:128px;transition:all .3s linear;display:flex}.card-calculator{height:auto;box-shadow:none;flex-direction:column;display:flex;position:relative;transform:none}.card-title{margin-bottom:var(--space-2);text-align:start;align-items:start;font-weight:600}.card-description{color:var(--color-text-muted);margin-bottom:var(--space-4)}.card-link{width:1fr;color:var(--color-primary)}.card-icon{width:var(--space-section);background-color:var(--color-primary-soft);border-radius:var(--radius-card);justify-content:center;align-items:center;gap:var(--space-2);min-width:56px;height:auto;transition:all .3s linear;display:flex}.icon{min-width:48px;height:auto;color:var(--color-surface)}.calculator-result-card{background-color:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);padding:var(--space-4);flex-direction:column;justify-content:center;align-items:center;margin-block-start:var(--space-4);display:flex}.button{padding:var(--space-2)var(--space-4);background-color:var(--color-primary);color:var(--color-input-bg);border-radius:var(--radius-button);cursor:pointer;text-align:center;border:none;font-size:1rem;text-decoration:none;transition:background-color .3s;display:inline-block}.button:hover{background-color:var(--color-primary-strong);transition:background-color .3s}.header{padding-block:var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.header-left h1{font-size:var(--font-size-h1)}.header-right{align-items:center;gap:var(--space-3);display:flex}.switcher-select{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-input-bg);color:var(--color-text-body);cursor:pointer;transition:border-color .3s}.switcher-select:hover{border-color:var(--color-primary-soft);transition:border-color .3s}.footer{color:var(--color-text-muted);border-top:2px solid var(--color-border)}.footer-text{margin-bottom:var(--space-3);font-size:var(--font-size-small)}.footer-links{justify-content:center;gap:var(--space-4);display:flex}.footer-links a{color:var(--color-primary);font-size:var(--font-size-small)}.footer-links a:hover{color:var(--color-primary-soft)}.card:hover{box-shadow:var(--shadow-card-hover);transition:all .3s linear}.card:hover .icon,.card:hover{transform:scale(1.01)}.card-calculator:hover{box-shadow:var(--shadow-card);transform:scale(1)}.calculator-actions{margin-top:var(--space-4);justify-content:center;display:flex}.calculator-inputs{gap:var(--space-4);width:100%;margin-block:var(--space-4);padding-block:var(--space-4);flex-direction:column;display:flex}.calculator-input-group{gap:var(--space-2);flex-direction:column;display:flex}.calculator-label{font-weight:600}.calculator-input{padding:var(--space-2);background-color:var(--color-input-bg);border:1px solid var(--color-text-body);color:var(--color-text-body);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .3s}.calculator-input::placeholder{color:var(--color-text-body)}.maxWidth{max-width:var(--container-max-width-sm)}.header-img{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.btn-back{right:var(--space-5);position:absolute}.app-shell{position:relative}.btn-reload{width:fit-content;margin:0 auto;position:absolute;top:-50px;right:0}