:root {
      --color-ink:#064E3B; --color-cream:#F8E7C9; --color-page:#FBF1E0; --color-surface:#FFFFFF;
      --color-action:var(--color-ink); --color-on-action:var(--color-cream); --color-accent:#9A3412;
      --color-danger:#7F1D1D; --color-warn:#7C5E10; --color-muted:#4F5F55; --color-border:#8C7B61; --color-divider:#E0D0B0; --color-focus:#1D4ED8;
      --glass-fill:rgb(253 246 234 / 78%); --glass-highlight:rgb(253 246 234 / 92%); --glass-border:rgb(6 78 59 / 20%); --glass-blur:18px;
      --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.25rem; --s6:1.5rem; --s8:2rem; --s10:2.5rem;
      --field:.625rem; --card:1.125rem; --sheet:1.5rem; --pill:999px; --sheet-shadow:0 -.75rem 2rem rgb(6 78 59 / 14%);
      color-scheme:light; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }
    *{box-sizing:border-box} [hidden]{display:none!important} body{min-width:20rem;margin:0;background:var(--color-page);color:var(--color-ink)} :where(button,input,textarea,select):not(.expandable-tab){font:inherit} :where(button:not(.expandable-tab)){color:inherit}
    button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-page),0 0 0 4px var(--color-focus)}
    .glass{background:var(--glass-fill);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur)) saturate(145%) brightness(1.05);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%) brightness(1.05)}
    .shell{min-height:100dvh;padding:max(var(--s5),env(safe-area-inset-top)) var(--s4) calc(7rem + env(safe-area-inset-bottom))}.topbar{position:sticky;top:var(--s2);z-index:3;display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);border-radius:var(--card)}
    .brand{display:flex;align-items:center;gap:var(--s3);font-weight:800;font-size:1.125rem;letter-spacing:-.02em}.mark,.icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--glass-border);border-radius:var(--field);background:var(--glass-highlight)}.icon{border-radius:var(--pill);cursor:pointer}.svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    main{max-width:44rem;margin:auto}.intro{padding:var(--s10) var(--s2) var(--s6)}.eyebrow{margin:0 0 var(--s2);color:var(--color-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:15ch;margin-bottom:var(--s3);font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}h2{margin-bottom:var(--s2);font-size:1.125rem;letter-spacing:-.02em}h3{margin-bottom:var(--s1);font-size:1rem}.copy{margin-bottom:0;color:var(--color-muted);line-height:1.5}
    .sections{display:grid;gap:var(--s8)}.heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3)}.heading p{margin:0;color:var(--color-muted);font-size:.875rem}.empty,.result{border:1px solid var(--color-divider);border-radius:var(--card);background:var(--color-surface)}.empty{padding:var(--s5)}.empty ul{margin:var(--s4) 0 0;padding:var(--s3) 0 0;list-style:none;border-top:1px solid var(--color-divider);color:var(--color-muted);font-size:.875rem}.empty strong{color:var(--color-ink)}
    .outline,.button{min-height:3rem;padding:0 var(--s5);border-radius:var(--pill);font-weight:800;cursor:pointer}.outline{margin-top:var(--s4);border:1px solid var(--color-ink);background:transparent}.nav{position:fixed;z-index:5;right:var(--s4);bottom:max(var(--s3),env(safe-area-inset-bottom));left:var(--s4);display:grid;grid-template-columns:repeat(4,1fr);padding:var(--s2);border-radius:var(--card)}.nav button{display:grid;min-height:3.25rem;place-items:center;gap:.125rem;border:0;border-radius:var(--field);background:transparent;color:var(--color-muted);font-size:.6875rem;font-weight:700;cursor:pointer}.nav button[aria-current="page"]{background:var(--glass-highlight);color:var(--color-accent)}.nav .svg{width:1.125rem;height:1.125rem}
    .sheet-head,.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.sheet-head h2{margin:0}.text-action{min-height:2.75rem;border:0;background:transparent;color:var(--color-muted);font-size:.875rem;font-weight:700;cursor:pointer}.form{padding-top:var(--s3)}.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 var(--s3);padding:0;border:0}.mode-picker legend{grid-column:1/-1;margin-bottom:.25rem;font-size:.8125rem;font-weight:800}.mode-option{position:relative;min-width:0;cursor:pointer}.mode-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.mode-option>span{display:flex;min-height:3.75rem;flex-direction:column;justify-content:center;gap:.15rem;padding:.55rem .45rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface);text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}.mode-option strong{font-size:.78rem}.mode-option small{color:var(--color-muted);font-size:.625rem;line-height:1.2}.mode-option input:checked+span{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface));box-shadow:inset 0 0 0 1px var(--color-accent)}.mode-option input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.mode-option:active>span{transform:scale(.98)}.mode-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--field);background:var(--color-cream)}.mode-icon>span{display:none}.mode-row[data-mode=cook] #mode-cook-icon,.mode-row[data-mode=ready] #mode-ready-icon,.mode-row[data-mode=compare] #mode-compare-icon{display:inline-flex}.mode-copy{font-size:.875rem;line-height:1.3}.mode-copy strong,.mode-copy span{display:block}.mode-copy span{color:var(--color-muted);font-size:.75rem}
    /* From Uiverse.io by aasisodiya — Tags: minimalist, switch. CSS reescrito para os tokens locais. */
    .switch{position:relative;display:inline-block;flex:0 0 auto;width:3.5rem;height:2rem}.switch input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.slider{position:absolute;inset:0;border:1px solid var(--color-border);border-radius:var(--pill);background:var(--color-surface);cursor:pointer;transition:background .2s ease}.slider::before{position:absolute;top:.25rem;left:.25rem;width:1.375rem;height:1.375rem;border-radius:var(--pill);background:var(--color-ink);content:"";transition:transform .2s ease,background .2s ease}.switch input:checked+.slider{background:var(--color-accent)}.switch input:checked+.slider::before{transform:translateX(1.5rem);background:var(--color-surface)}
    .progress{display:flex;gap:var(--s2);margin:var(--s4) 0}.dot{width:.5rem;height:.5rem;border-radius:var(--pill);background:var(--color-border)}.dot.current{width:1.5rem;background:var(--color-accent)}.question{display:none}.question.current,.form.expanded .question{display:block}.field{display:grid;gap:var(--s2);margin-bottom:var(--s4)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.label{font-size:.875rem;font-weight:750}.helper{margin:calc(-1 * var(--s2)) 0 0;color:var(--color-muted);font-size:.75rem;line-height:1.4}
    /* From Uiverse.io by AbanoubMagdy1 — Tags: input. CSS reescrito para os tokens locais. */
    .wave{position:relative}.wave input,.wave textarea,.field select{width:100%;border:1px solid var(--color-border);border-radius:var(--field);background:var(--color-surface);color:var(--color-ink);padding:var(--s4) var(--s3) var(--s2);line-height:1.4}.wave textarea{min-height:5.5rem;resize:vertical}.wave label{position:absolute;top:var(--s3);left:var(--s3);color:var(--color-muted);pointer-events:none;transition:transform .18s ease,color .18s ease,font-size .18s ease}.wave input:focus+label,.wave input:not(:placeholder-shown)+label,.wave textarea:focus+label,.wave textarea:not(:placeholder-shown)+label{transform:translateY(calc(-1 * var(--s2)));color:var(--color-accent);font-size:.75rem}.field select{padding-block:var(--s3)}.number-stepper{display:flex;min-height:3.125rem;max-width:12rem;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--field);background:var(--color-surface)}.number-stepper-button{display:grid;width:3.125rem;place-items:center;border:0;background:var(--color-cream);color:var(--color-accent);font-size:1.5rem;font-weight:800;line-height:1;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.number-stepper-button:hover{background:var(--color-accent);color:var(--color-on-action)}.number-stepper-button:active{transform:scale(.94)}.number-stepper-button:disabled{background:var(--color-surface);color:var(--color-muted);cursor:not-allowed}.number-stepper-input{width:1%;min-width:0;flex:1;border:0;border-inline:1px solid var(--color-border);background:transparent;color:var(--color-ink);text-align:center;font-size:1.125rem;font-weight:800;font-variant-numeric:tabular-nums}.number-stepper-input::-webkit-inner-spin-button,.number-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-stepper-input[type=number]{-moz-appearance:textfield}.checks{display:grid;gap:var(--s2)}.checks label{display:flex;align-items:center;gap:var(--s2);min-height:2.75rem;color:var(--color-muted);font-size:.875rem}.checks input{accent-color:var(--color-accent)}.status{min-height:1.5rem;margin:var(--s3) 0 0;color:var(--color-danger);font-size:.875rem;font-weight:650}.button{border:1px solid transparent}.secondary{border-color:var(--color-ink);background:transparent}.primary{background:var(--color-action);color:var(--color-on-action)}.button:disabled{border-color:var(--color-divider);background:var(--color-divider);color:var(--color-muted);cursor:wait}
    /* From Uiverse.io by aadil-01 — Tags: loader. CSS reescrito para os tokens locais. */
    .loading{display:none;align-items:center;gap:var(--s2);margin:var(--s3) 0 0;color:var(--color-muted);font-size:.875rem}.loading-box{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;animation:turn 1.2s linear infinite}.loading-box::before,.loading-box::after{grid-area:1/1;width:.75rem;height:.75rem;background:currentColor;content:""}.loading-box::after{background:var(--color-surface);transform:rotate(45deg)}.form.loading .loading{display:flex}@keyframes turn{to{transform:rotate(1turn)}}
    .results{display:grid;gap:var(--s4);margin-top:var(--s8)}.result{padding:var(--s5)}.result .meta{margin-bottom:var(--s3);color:var(--color-muted);font-size:.875rem}.result ul{margin:var(--s3) 0 0;padding-left:var(--s5)}.result li{margin-bottom:var(--s2);line-height:1.45}.steps{margin:var(--s3) 0 0;padding:0;list-style:none}.warn{margin:var(--s3) 0 0;padding:var(--s3);border:1px solid var(--color-warn);border-radius:var(--field);color:var(--color-warn);font-size:.875rem;font-weight:700}.toast{position:fixed;z-index:8;right:var(--s4);bottom:calc(6rem + env(safe-area-inset-bottom));left:var(--s4);max-width:32rem;margin:auto;padding:var(--s3) var(--s4);border:1px solid var(--color-danger);border-radius:var(--field);background:var(--color-surface);color:var(--color-danger);box-shadow:var(--sheet-shadow)}
    .mode-picker{display:block;margin-bottom:var(--s3)}.mode-picker legend{margin-bottom:.5rem}.mode-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.25rem;border:1px solid var(--glass-border);border-radius:var(--pill);background:color-mix(in srgb,var(--color-surface) 76%,transparent);box-shadow:0 .5rem 1.4rem rgb(6 78 59 / 8%);isolation:isolate}.mode-lamp{position:absolute;z-index:0;top:.25rem;bottom:.25rem;left:.25rem;width:calc((100% - .5rem)/3);border-radius:var(--pill);background:color-mix(in srgb,var(--color-action) 14%,var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-action) 36%,transparent);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.mode-lamp::before{position:absolute;top:-.28rem;left:50%;width:2rem;height:.22rem;border-radius:var(--pill);background:var(--color-action);box-shadow:0 0 .65rem color-mix(in srgb,var(--color-action) 74%,transparent),0 0 1.2rem color-mix(in srgb,var(--color-action) 38%,transparent);content:"";transform:translateX(-50%)}.mode-picker[data-mode=ready] .mode-lamp{transform:translateX(100%)}.mode-picker[data-mode=compare] .mode-lamp{transform:translateX(200%)}.mode-option{z-index:1}.mode-option>span{min-height:3.5rem;padding:.5rem .25rem;border:0;border-radius:var(--pill);background:transparent;box-shadow:none}.mode-option input:checked+span{border:0;background:transparent;box-shadow:none;color:var(--color-action)}.mode-option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:-2px}.mode-option strong{font-size:.76rem}.mode-option small{font-size:.61rem}.time-value-card{gap:.9rem;padding:1rem;border:1px solid var(--glass-border);border-radius:var(--card);background:linear-gradient(145deg,color-mix(in srgb,var(--color-action) 9%,var(--color-surface)),var(--color-surface));box-shadow:0 .7rem 1.8rem rgb(6 78 59 / 8%)}.time-value-card .helper{margin:.25rem 0 0}.time-value-kicker{display:block;margin-bottom:.2rem;color:var(--color-action);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.money-field{display:flex;min-height:3.25rem;align-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--field);background:var(--color-surface)}.money-field:focus-within{border-color:var(--color-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-action) 16%,transparent)}.money-field>span{display:grid;align-self:stretch;place-items:center;padding-inline:.9rem;border-right:1px solid var(--color-divider);color:var(--color-muted);font-size:.82rem;font-weight:800}.money-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--color-ink);padding:.8rem;font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums}.money-field input:focus-visible{box-shadow:none}.hourly-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hourly-presets.hourly-single{grid-template-columns:minmax(7rem,10rem)}.hourly-presets button{min-height:2.55rem;border:1px solid var(--color-border);border-radius:var(--pill);background:transparent;font-size:.76rem;font-weight:800;cursor:pointer}.hourly-presets button:hover{border-color:var(--color-action);background:color-mix(in srgb,var(--color-action) 9%,transparent)}
    @media(max-width:23rem){.shell{padding-inline:var(--s3)}.nav{right:var(--s3);left:var(--s3)}.field-grid{grid-template-columns:1fr}.mode-option small{display:none}.mode-option>span{min-height:3rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.glass{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:var(--color-surface)}}