@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";:root{--color-brand: #865830;--color-brand-light: #F5EDE4;--color-brand-dark: #6B4626;--color-brand-text: #4A2E10;--font: "Nunito", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--nav-h: 64px;--header-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:#f4f1ee;color:#1a1a18;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}input,select,textarea,button{font-family:var(--font);font-size:14px;outline:none}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px)}.container{padding:0 16px}.card{background:#fff;border-radius:var(--radius-md);border:.5px solid rgba(0,0,0,.08);overflow:hidden}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--color-brand);color:#fff;border-radius:var(--radius-md);font-size:15px;font-weight:600;transition:opacity .15s}.btn-primary:active{opacity:.85;transform:scale(.99)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--color-brand-light);color:var(--color-brand-text);border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid rgba(134,88,48,.2);transition:opacity .15s}.field-group{margin-bottom:14px}.field-label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.field-input{width:100%;padding:11px 13px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);font-size:14px;color:#1a1a18;transition:border-color .15s}.field-input:focus{border-color:var(--color-brand)}.field-input::placeholder{color:#aaa}select.field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.badge-chaud{background:#e1f5ee;color:#085041}.badge-tiede{background:#faeeda;color:#633806}.badge-froid{background:#e6f1fb;color:#0c447c}.badge-signable{background:var(--color-brand-light);color:var(--color-brand-text)}.score-bar{height:4px;border-radius:2px;background:#00000014;overflow:hidden}.score-fill{height:100%;border-radius:2px;background:var(--color-brand);transition:width .3s}.offline-banner{position:fixed;top:0;left:0;right:0;background:#e24b4a;color:#fff;padding:6px 16px;text-align:center;font-size:12px;font-weight:600;z-index:1000;transform:translateY(-100%);transition:transform .3s}.offline-banner.visible{transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}