.otto{--cream:var(--otto-paper);--cream-deep:var(--otto-sand);--paper:var(--otto-white);--choco:var(--otto-ink);--choco-soft:var(--otto-ink-muted);--choco-mute:var(--otto-ink-subtle);--arancio:var(--accent);--arancio-hover:var(--accent-hover);--arancio-tint:var(--surface-accent);--rosa:#7C8B6F;--rosa-tint:var(--otto-forest-tint);--giallo:var(--otto-yellow);--giallo-tint:var(--otto-yellow-tint);--ambra:#6B7D55;--pervinca:#99B7F5;--pervinca-tint:#E0EAFD;--verde:var(--otto-green);--verde-tint:var(--otto-green-tint);--rosso:var(--otto-red);--rosso-tint:var(--otto-red-tint);--text-on-dark:var(--text-on-accent);--border:var(--otto-line);--border-strong:var(--otto-line-strong);--focus-ring:var(--ring-focus);--shadow-card:var(--shadow-sm);--shadow-pop:var(--shadow-lg);--font-display:var(--font-sans);background:var(--cream);color:var(--choco);-webkit-font-smoothing:antialiased}.otto ::-moz-selection{background:var(--arancio-tint)}.otto ::selection{background:var(--arancio-tint)}.otto h1,.otto h2,.otto h3{font-family:var(--font-display);letter-spacing:-.02em}.otto a{color:var(--arancio)}.otto a:hover{color:var(--arancio-hover)}.otto .price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.otto .card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.otto .card-pop{box-shadow:var(--shadow-pop)}.otto .card-hover{transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.otto .card-hover:hover{box-shadow:var(--shadow-pop);transform:translateY(-2px)}.otto .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-pill);padding:.75rem 1.4rem;font-weight:600;color:var(--text-on-accent);background:var(--arancio);line-height:1;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.otto .btn-primary:hover:not(:disabled){background:var(--arancio-hover);color:var(--text-on-accent)}.otto .btn-primary:active:not(:disabled){transform:scale(var(--press-scale));background:var(--accent-press)}.otto .btn-primary:disabled{opacity:.45;cursor:not-allowed}.otto .btn-primary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.otto .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-pill);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border:1.5px solid var(--border-strong);color:var(--choco);background:var(--paper);line-height:1;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.otto .btn-secondary:hover:not(:disabled){background:var(--cream-deep)}.otto .btn-secondary:active:not(:disabled){transform:scale(var(--press-scale))}.otto .btn-secondary:disabled{opacity:.45;cursor:not-allowed}.otto .btn-secondary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.otto .btn-tone{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-pill);padding:.65rem 1.2rem;font-weight:600;color:#fff;line-height:1;transition:filter var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.otto .btn-tone:hover:not(:disabled){filter:brightness(.94)}.otto .btn-tone:active:not(:disabled){transform:scale(var(--press-scale))}.otto .btn-tone:disabled{opacity:.45;cursor:not-allowed}.otto .btn-tone:focus-visible{outline:none;box-shadow:var(--focus-ring)}.otto .field{width:100%;border-radius:var(--radius-md);padding:12px 14px;font-size:16px;background:var(--paper);border:1.5px solid var(--border);color:var(--choco);transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.otto .field::-moz-placeholder{color:var(--text-subtle)}.otto .field::placeholder{color:var(--text-subtle)}.otto .field:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.otto .field:disabled{background:var(--cream-deep);color:var(--choco-mute)}.otto select.field{-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='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238A9187' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}.otto .lbl{display:block;margin-bottom:.4rem;font-size:14px;font-weight:600;color:var(--choco)}.otto .chip{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border-radius:var(--radius-pill);padding:.45rem .9rem;font-size:14px;font-weight:500;border:1.5px solid var(--border);color:var(--choco-soft);background:var(--paper);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.otto .chip:hover:not(:disabled):not([aria-pressed=true]){background:var(--cream-deep)}.otto .chip:active:not(:disabled){transform:scale(var(--press-scale))}.otto .chip.is-active,.otto .chip[aria-pressed=true]{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.otto .chip:disabled{opacity:.4;cursor:not-allowed}.otto .chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.otto .callout{border-radius:var(--radius-md);padding:14px 18px;font-size:15px;color:var(--choco)}.otto .callout-info{background:var(--surface-accent)}.otto .callout-success{background:var(--verde-tint)}.otto .callout-warn{background:var(--giallo-tint)}.otto .callout-danger{background:var(--rosso-tint)}.otto .badge{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.otto .pro-shell,.otto.pro-shell{display:flex;min-height:100dvh;background:var(--cream);overflow-x:hidden}.otto .pro-side{position:fixed;top:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;width:276px;max-width:84vw;background:var(--paper);border-right:1px solid var(--border);padding:16px 14px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform var(--dur-slow) var(--ease-out),visibility var(--dur-slow)}.otto .pro-side.is-open{transform:none;visibility:visible;box-shadow:var(--shadow-lg)}.otto .pro-scrim{position:fixed;inset:0;z-index:39;border:0;padding:0;background:rgba(31,36,32,.36)}@media (min-width:1024px){.otto .pro-side{position:sticky;top:0;bottom:auto;height:100dvh;z-index:auto;width:256px;max-width:none;flex:0 0 256px;padding:22px 14px;transform:none;visibility:visible;box-shadow:none;transition:none}.otto .pro-scrim{display:none}}.otto .pro-brand{display:flex;align-items:center;gap:10px}.otto .pro-brand__logo{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--accent)}.otto .pro-brand__tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-on-accent);background:var(--accent);padding:3px 7px;border-radius:6px;line-height:1}.otto .pro-navgroup{padding:12px 8px 3px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--choco-mute)}@media (min-width:1024px){.otto .pro-navgroup{padding:16px 8px 4px}}.otto .pro-navitem{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:none;cursor:pointer;background:transparent;color:var(--choco-soft);font-family:inherit;font-size:15px;font-weight:500;padding:8px 12px;border-radius:12px;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}@media (min-width:1024px){.otto .pro-navitem{padding:10px 12px}}.otto .pro-navitem:hover{background:var(--cream-deep);color:var(--choco)}.otto .pro-navitem:focus-visible{outline:none;box-shadow:var(--focus-ring)}.otto .pro-navitem[aria-current=page]{background:var(--surface-accent);color:var(--accent);font-weight:700}.otto .pro-navitem__label{flex:1;min-width:0}.otto .pro-navitem__badge{font-family:var(--font-mono);font-size:11px;font-weight:700;line-height:1.4;padding:2px 7px;border-radius:999px;background:var(--rosso);color:#fff}.otto .pro-navitem__dot{width:7px;height:7px;border-radius:999px;background:var(--border-strong)}.otto .pro-meter{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:12px 14px}.otto .pro-meter__bar{height:6px;border-radius:99px;background:var(--border);overflow:hidden}.otto .pro-meter__fill{height:100%;border-radius:99px;background:var(--accent);transition:width var(--dur-slow) var(--ease-out)}.otto .pro-main{flex:1;min-width:0;display:flex;flex-direction:column}.otto .pro-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--cream) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:calc(10px + env(safe-area-inset-top)) 12px 10px}@media (min-width:1024px){.otto .pro-topbar{gap:16px;padding:14px 36px}}.otto .pro-stats{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:7px 16px}.otto .pro-stats__sep{width:1px;height:28px;background:var(--border)}.otto .pro-iconbtn{place-items:center;flex:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--border);background:var(--paper);color:var(--choco-soft);cursor:pointer;position:relative}.otto .pro-iconbtn:hover{color:var(--choco);background:var(--cream-deep)}.otto .pro-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.otto .pro-iconbtn__dot{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:999px;background:var(--rosso);border:2px solid var(--paper)}.otto .pro-page{width:100%;max-width:1180px;display:flex;flex-direction:column;gap:18px;padding:20px 16px calc(56px + env(safe-area-inset-bottom))}@media (min-width:1024px){.otto .pro-page{gap:22px;padding:30px 36px 64px}}.otto .pro-scroller{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.otto .pro-scroller::-webkit-scrollbar{height:0}.otto .pro-scroller>*{min-width:-moz-max-content;min-width:max-content}.otto .pro-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}.otto .pro-head h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.15}@media (min-width:768px){.otto .pro-head h1{font-size:30px}}.otto .pro-head p{margin:6px 0 0;max-width:62ch;font-size:15px;color:var(--choco-soft)}.otto .pro-panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:18px}@media (min-width:768px){.otto .pro-panel{padding:22px}}.otto .pro-panel--flush{padding:0;overflow:hidden}.otto .pro-tint{background:var(--surface-accent);border-radius:var(--radius-xl);padding:18px}@media (min-width:768px){.otto .pro-tint{padding:22px}}.otto .pro-grid2{display:grid;gap:18px;align-items:start}@media (min-width:1024px){.otto .pro-grid2{gap:20px;grid-template-columns:1.55fr 1fr}}.otto .pro-grid2--even{display:grid;gap:18px;align-items:start}@media (min-width:1024px){.otto .pro-grid2--even{gap:20px;grid-template-columns:1fr 1fr}}.otto .pro-grid2--rail{display:grid;gap:18px;align-items:start}@media (min-width:1024px){.otto .pro-grid2--rail{gap:20px;grid-template-columns:300px 1fr}}.otto .pro-mlabel{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--choco-mute)}.otto .pro-h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.otto .pro-table{width:100%;border-collapse:collapse}.otto .pro-table th{background:var(--cream);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--choco-mute)}.otto .pro-table td{padding:14px 18px;border-bottom:1px solid var(--cream-deep);vertical-align:middle}.otto .pro-table tbody tr:last-child td{border-bottom:0}.otto .pro-dash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed var(--border-strong);border-radius:18px;background:transparent;color:var(--choco-mute);font-family:inherit;cursor:pointer;text-align:center;padding:16px;transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.otto .pro-dash:hover{border-color:var(--accent);color:var(--accent);background:var(--paper)}.otto .pro-slot{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:7px 12px;background:var(--surface-accent);color:var(--accent);font-family:var(--font-mono);font-size:14px;font-weight:600}.otto .pro-slot--off{background:var(--cream-deep);color:var(--choco-mute)}.otto .pro-fields{display:flex;flex-wrap:wrap;gap:10px 26px}@media (prefers-reduced-motion:reduce){.otto *,.otto :after,.otto :before{transition:none!important;animation:none!important}}