:root{--plan:#eff1ed;--plan-2:#e4e7e2;--grafit:#15181a;--grafit-2:#2a2f31;--olovka:#5f6764;--olovka-2:#b6bcb8;--bakar:#a66a4a;--term-hladno:#8fb0bc;--term-toplo:#d9622b;--greska:#a6342b;--uspjeh:#2f6b4f;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--s-11:12rem;--rub:clamp(1.25rem, 4vw, 4rem);--sirina-max:1600px;--sirina-tekst:62ch;--t-display:clamp(2.75rem, 1.6rem + 5.2vw, 6.5rem);--t-h2:clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--t-h3:clamp(1.35rem, 1.15rem + .9vw, 1.85rem);--t-body-lg:clamp(1.075rem, 1rem + .35vw, 1.25rem);--t-body:1rem;--t-oznaka:.75rem;--t-podatak:.9375rem;--r-slika:2px;--r-gumb:2px;--lako:.12s;--brzo:.22s;--srednje:.38s;--sporo:.62s;--koc:cubic-bezier(.16, .84, .28, 1);--mirno:cubic-bezier(.4, 0, .2, 1);--odlazak:cubic-bezier(.5, 0, .9, .4);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--lako:0s;--brzo:.2s;--srednje:.2s;--sporo:.2s}}
*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--plan);color:var(--grafit);font-family:var(--font-sans), system-ui, sans-serif;font-size:var(--t-body);margin:0;line-height:1.6}code,pre,kbd{font-family:var(--font-mono), ui-monospace, monospace}.preskoci{position:absolute;left:-9999px}.preskoci:focus{left:var(--rub);top:var(--s-3);z-index:100}:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--grafit);outline-offset:2px}.gumb{min-height:var(--s-7);padding-inline:var(--s-5);border-radius:var(--r-gumb);font-size:var(--t-body);transition:background var(--brzo) var(--mirno), border-color var(--brzo) var(--mirno), color var(--brzo) var(--mirno);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.gumb[hidden]{display:none}.gumb--primarni{background:var(--grafit);color:var(--plan)}.gumb--primarni:hover{background:var(--grafit-2)}.gumb--primarni:focus-visible{outline-color:var(--plan);outline-offset:2px}.gumb--sekundarni{border:1px solid var(--grafit);color:var(--grafit);background:0 0}.gumb--sekundarni:hover{border-color:var(--bakar)}.gumb--tekstualni{border-bottom:1px solid var(--bakar);min-height:0;color:var(--grafit);border-radius:0;padding:0;font-weight:400}.gumb--tekstualni:hover{padding-bottom:var(--s-1)}.ljepljiva-traka{display:none}@media (max-width:639px){:root{--visina-trake:calc(var(--s-7) + 2 * var(--s-2) + 1px + env(safe-area-inset-bottom))}body:has([data-ljepljiva-traka]){padding-block-end:var(--visina-trake)}html{scroll-padding-block-end:calc(var(--visina-trake) + var(--s-2))}.ljepljiva-traka{inset-inline:0;z-index:50;gap:var(--s-2);block-size:var(--visina-trake);padding:var(--s-2) var(--rub) calc(var(--s-2) + env(safe-area-inset-bottom));background:var(--plan);border-block-start:1px solid var(--olovka-2);display:flex;position:fixed;bottom:0}.ljepljiva-traka .gumb{padding-inline:var(--s-2);flex:1}body:has([data-upit]) .ljepljiva-traka .gumb--primarni{display:none}}.tamno{background:var(--grafit);color:var(--plan)}.tamno :where(a,button,input,textarea,select,summary):focus-visible{outline-color:var(--plan)}.tamno .gumb--primarni{background:var(--plan);color:var(--grafit)}.tamno .gumb--primarni:hover{background:var(--plan-2)}.tamno .gumb--sekundarni{border-color:var(--plan);color:var(--plan)}.tamno .gumb--sekundarni:hover{border-color:var(--bakar)}.oznaka,.kota__oznaka{font-size:var(--t-oznaka);letter-spacing:.12em;text-transform:uppercase;font-weight:600;font-stretch:78%}.kota{align-items:flex-start;gap:var(--s-1);color:var(--olovka);flex-direction:column;display:inline-flex}.kota__oznaka{color:var(--olovka)}.kota__crtanje{align-items:center;display:flex}.kota--vodoravno .kota__crtanje{flex-direction:row}.kota--okomito .kota__crtanje{flex-direction:column;align-items:center}.kota__crtica{background:var(--olovka);flex-shrink:0}.kota--vodoravno .kota__crtica{width:1px;height:var(--s-3)}.kota--okomito .kota__crtica{width:var(--s-3);height:1px}.kota__linija{flex:1 1 var(--s-6);background:var(--olovka)}.kota--vodoravno .kota__linija{height:1px}.kota--okomito .kota__linija{width:1px}.kota__vrijednost{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:var(--t-podatak);white-space:nowrap;padding-inline:var(--s-2)}.kota--okomito .kota__vrijednost{padding-inline:0;padding-block:var(--s-2)}