:root{color:#172229;font-synthesis:none;--panel:#fafcfced;--panel-pieno:#f7f9f9;--ink:#172229;--muted:#53636b;--line:#23383e26;--accent:#226571;--cert-A:#0072b2;--cert-B:#e69f00;--cert-C:#cc79a7;background:#adb8b7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input[type=checkbox],summary{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible,a:focus-visible,h2:focus-visible{outline-offset:4px;outline:3px solid #288994}button{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:8px;min-height:44px;padding:8px 12px}button:hover{background:#507b851a}button:disabled{opacity:.5;cursor:default}button[hidden]{display:none}#app,#viewport{position:fixed;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}canvas[data-input=mouse]{cursor:grab}canvas[data-input=mouse].dragging{cursor:grabbing}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.masthead{top:max(26px,env(safe-area-inset-top));pointer-events:none;align-items:flex-start;gap:20px;display:flex;position:absolute;left:36px}.eyebrow{letter-spacing:.2em;color:var(--muted);margin:0;font-size:11px;font-weight:650}h1{letter-spacing:-1.1px;color:var(--ink);margin:5px 0;font:34px/1.2 Georgia,serif}.draft{background:var(--panel);border:1px solid var(--line);color:var(--muted);pointer-events:auto;border-radius:20px;margin-top:15px;padding:6px 10px;font-size:12px}.views{gap:8px;display:flex;position:absolute;top:82px;right:32px}.views select,.views button{background:var(--panel);box-shadow:0 3px 20px #152d3110}.views select{border:1px solid var(--line);min-height:44px;color:var(--ink);border-radius:8px;flex:1;min-width:0;padding:8px 36px 8px 14px;font-size:14px}.views button{flex-shrink:0;padding:5px 11px;font-size:23px;line-height:1}.zoom-controls{flex-direction:column;gap:6px;display:flex;position:absolute;top:140px;right:32px}.zoom-controls button{background:var(--panel);width:44px;height:44px;padding:0;font-size:24px;line-height:1}.toggle-ui{z-index:9;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;padding:11px;position:absolute}.toggle-ui svg{width:20px;height:20px;display:block}.toggle-ui .show-ui-icon{display:none}.fps-counter{z-index:5;top:max(24px,env(safe-area-inset-top));background:var(--panel);min-width:70px;height:44px;color:var(--ink);border:1px solid var(--line);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:flex;position:absolute;right:80px}.controls,.certezza-panel{background:var(--panel);border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;position:absolute;overflow:auto;box-shadow:0 8px 40px #071a2920}.controls{right:32px;bottom:max(22px,env(safe-area-inset-bottom));width:278px;max-height:calc(100dvh - 268px)}.certezza-panel{width:300px;max-height:calc(100dvh - 250px);top:150px;left:36px}.controls summary,.certezza-panel summary{justify-content:space-between;align-items:center;min-height:48px;padding:13px 19px;font-size:15px;font-weight:600;list-style:none;display:flex}.controls summary::-webkit-details-marker{display:none}.certezza-panel summary::-webkit-details-marker{display:none}.controls[open] summary,.certezza-panel[open] summary{border-bottom:1px solid var(--line)}.controls:not([open]) summary span,.certezza-panel:not([open]) summary span{transform:rotate(180deg)}.control-content{padding:16px 19px 13px}.control-head{justify-content:space-between;align-items:center;margin:0 0 9px;font-size:14px;display:flex}.control-head output{font-variant-numeric:tabular-nums;color:var(--accent);font-size:13px}input[type=range]{width:100%;accent-color:var(--accent);height:28px;margin:0 0 12px}.time-marks{color:var(--muted);justify-content:space-between;margin:-6px 0 14px;font-size:11px;display:flex}.presets{gap:5px;margin:0 0 20px;display:flex}.presets button{flex:1;padding:6px 3px;font-size:12px}.presets button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.check{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:14px;display:flex}.check input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin:0}.cycle{width:100%;margin-top:12px;font-size:14px}.cycle[aria-pressed=true]{background:var(--accent);color:#fff}.small-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:11px;line-height:1.45}.small-note.left{text-align:left}.giorno{gap:6px;margin:0 0 4px;display:flex}.giorno select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:0 0;border-radius:7px;padding:6px 8px}.giorno select:first-of-type{width:74px}.giorno select:last-of-type{flex:1}#giuliano{margin:0 0 14px}.segmented{border:1px solid var(--line);border-radius:10px;gap:3px;margin-bottom:10px;padding:3px;display:flex}.segmented button{border:0;flex:1;min-height:40px;padding:6px 4px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.segmented-3 button{font-size:12px}.segmented-4 button{padding:6px 2px;font-size:12px}.segmented-4 output{font-variant-numeric:tabular-nums;opacity:.75;font-size:11px}.gruppo-etichetta{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 5px;font-size:11px}.legenda{gap:7px;margin:12px 0 10px;padding:0;list-style:none;display:grid}.legenda li{grid-template-columns:22px 1fr auto;align-items:center;gap:9px;font-size:13px;line-height:1.3;display:grid}.legenda output{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.campione{border:1px solid #0000002e;border-radius:4px;width:22px;height:16px}.campione-A{background:var(--cert-A)}.campione-B{background:var(--cert-B)}.campione-C{background:repeating-linear-gradient(135deg,var(--cert-C) 0 4px,#f2d9e8 4px 6px)}.campione-fuori{background:#b9bdbd}.legenda .legenda-fuori{color:var(--muted);font-size:12px;display:none}.modo-certezza .legenda .legenda-fuori{display:grid}.conteggi-tutti{margin:0 0 8px;font-size:12px}.conteggi-tutti summary{min-height:36px;color:var(--accent);align-items:center;display:flex}.conteggi-tutti table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:4px 0 6px}.conteggi-tutti th,.conteggi-tutti td{border-bottom:1px solid var(--line);text-align:right;padding:3px 4px}.conteggi-tutti th:first-child,.conteggi-tutti td:first-child{text-align:left}.conteggi-tutti tr.attivo td{color:var(--accent);font-weight:650}.views .apri-elenco{background:var(--panel);flex-shrink:0;padding:8px 12px;font-size:14px;line-height:1.2;box-shadow:0 3px 20px #152d3110}.views .apri-elenco[aria-expanded=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.elenco{z-index:7;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:340px;height:calc(100dvh - 250px);min-height:320px;color:var(--ink);border-radius:14px;flex-direction:column;display:flex;position:absolute;top:150px;left:36px;box-shadow:0 8px 40px #071a2930}.elenco[hidden]{display:none}.elenco header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 8px 18px;display:flex}.elenco h2{margin:0;font:19px/1.25 Georgia,serif}.elenco header button{flex-shrink:0;width:44px;height:44px;padding:0;font-size:24px;line-height:1}.elenco-strumenti{padding:10px 14px 0}.elenco-strumenti input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:0 0;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:16px}.elenco-strumenti .small-note{margin:0 0 6px}.elenco-lista{flex:1;min-height:0;padding:0 8px 10px;overflow:auto}.elenco-gruppo{border-top:1px solid var(--line)}.elenco-gruppo summary{justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 8px;font-size:14px;font-weight:600;display:flex}.elenco-conta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.elenco-gruppo ul{margin:0 0 6px;padding:0;list-style:none}.elenco-gruppo li button{text-align:left;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 8px;font-size:13px;line-height:1.3;display:flex}.elenco-gruppo li button .livello{flex-shrink:0}.elenco-nome{flex:1}.elenco-nascosto{color:var(--muted);font-size:11px}.scheda{z-index:8;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:360px;max-height:calc(100dvh - 280px);color:var(--ink);border-radius:14px;padding:0 0 14px;position:absolute;top:252px;right:32px;overflow:auto;box-shadow:0 8px 40px #071a2930}.scheda[hidden]{display:none}.scheda header{z-index:1;background:var(--panel-pieno);border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 12px;display:flex;position:sticky;top:0}.scheda h2{margin:4px 0 0;font:21px/1.25 Georgia,serif}.scheda header button{flex-shrink:0;width:44px;height:44px;padding:0;font-size:24px;line-height:1}#scheda-corpo{padding:4px 18px 0;font-size:13px;line-height:1.5}#scheda-corpo h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 6px;font-size:12px}.scheda-prova{background:#cc79a724;border-radius:8px;margin:10px 0 4px;padding:7px 10px;font-size:12px}.scheda-certezze{gap:8px;margin:10px 0 4px;display:grid}.scheda-certezze div{grid-template-columns:104px 1fr;column-gap:10px;display:grid}.scheda-certezze dt{font-weight:600}.scheda-certezze dd{margin:0}.scheda-certezze .spiega{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.livello{text-align:center;color:#fff;border-radius:5px;min-width:22px;padding:0 5px;font-weight:700;display:inline-block}.livello-A{background:var(--cert-A)}.livello-B{background:var(--cert-B);color:#231a00}.livello-C{background:var(--cert-C);color:#2a0f1f}.scheda-dettaglio{color:var(--muted);margin:6px 0;font-size:12px}.scheda-parametri,.scheda-fonti{gap:4px;margin:0;padding:0;list-style:none;display:grid}.scheda-parametri li{border-bottom:1px dotted var(--line);justify-content:space-between;gap:12px;padding:2px 0;display:flex}.scheda-parametri li span:last-child{font-variant-numeric:tabular-nums;text-align:right}.scheda-fonti li{padding-left:12px;position:relative}.scheda-fonti li:before{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.scheda a{color:var(--accent)}.scheda-dove{color:var(--muted);font-size:11px}.scheda-immagine{margin:6px 0 12px}.scheda-immagine img{background:var(--line);border-radius:8px;width:100%;height:auto;display:block}.scheda-immagine figcaption{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.4}.scheda-nota-immagine{color:var(--ink)}footer{left:36px;bottom:max(24px,env(safe-area-inset-bottom));max-width:calc(100vw - 380px);color:var(--muted);font-size:12px;position:absolute}.hint{margin:0 0 10px}.credits{position:relative}.credits summary{border-bottom:1px solid;font-size:12px;display:inline-block}.credits p{max-width:450px;font-size:12px;line-height:1.5}.credits[open]{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 18px}.loading{z-index:10;color:#172229;background:#bdc7c6;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:opacity .4s;display:flex;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none;visibility:hidden}.loading h2{margin:10px 0;font:27px Georgia,serif}.loading p{color:#4b5c60;text-align:center;max-width:420px;padding:0 24px;font-size:14px}.loading progress{accent-color:#226571;width:220px;height:5px}.loader-mark{border:1px solid #607e8244;border-top-color:#226571;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.loading.error .loader-mark{border-color:#a24832;animation:none}.loading.error progress{display:none}@keyframes spin{to{transform:rotate(360deg)}}body.night{--panel:#131d2eed;--panel-pieno:#141e2f;--ink:#e9eef4;--muted:#a3b2c6;--line:#b8cbe62e;--accent:#ecb570}.night input{accent-color:#ecb570}.night .presets button.active,.night .cycle[aria-pressed=true],.night .segmented button[aria-pressed=true]{color:#172229}.ui-slide{transition:transform .42s cubic-bezier(.22,.75,.25,1),visibility}.ui-hidden .ui-slide{visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.22,.75,.25,1),visibility 0s .42s}.ui-hidden [data-ui-slide=left]{transform:translate(-110vw)}.ui-hidden [data-ui-slide=right]{transform:translate(110vw)}.ui-hidden [data-ui-slide=up]{transform:translateY(-110dvh)}.ui-hidden [data-ui-slide=down]{transform:translateY(110dvh)}.ui-hidden .toggle-ui,.ui-hidden .fps-counter{color:#fff;opacity:.65;background:#23313938;border-color:#ffffff38}.ui-hidden .toggle-ui .hide-ui-icon{display:none}.ui-hidden .toggle-ui .show-ui-icon{display:block}@media (width<=700px){.masthead{left:18px;top:max(16px,env(safe-area-inset-top));display:block}h1{font-size:27px}.draft{margin-top:3px;padding:4px 8px;font-size:10px;display:inline-block}.toggle-ui{top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}.fps-counter{top:max(16px,env(safe-area-inset-top));min-width:59px;padding:0 7px;font-size:11px;right:70px}.views{left:18px;right:18px;top:calc(max(16px,env(safe-area-inset-top)) + 96px)}.views select{padding:10px 12px;font-size:16px}.zoom-controls{top:calc(max(16px,env(safe-area-inset-top)) + 150px);right:18px}.certezza-panel{width:auto;top:auto;left:18px;right:18px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 92px);max-height:min(34dvh,100dvh - 260px)}.controls{width:auto;left:18px;right:18px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 34px);max-height:min(50dvh,100dvh - 260px)}.certezza-panel[open],.controls[open]{z-index:6}.scheda{width:auto;top:auto;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-height:62dvh}.elenco{width:auto;top:auto;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:9;height:70dvh;min-height:0}.elenco,.scheda,.scheda header{background:var(--panel-pieno)}.views .apri-elenco{padding:8px 10px}footer{max-width:none;left:18px;right:18px;bottom:max(8px,env(safe-area-inset-bottom));background:var(--panel);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:3px 7px;font-size:10px;display:flex}.hint{margin:0;font-size:10px}.credits summary{white-space:nowrap;font-size:10px}.credits[open]{left:15px;right:15px;bottom:max(12px,env(safe-area-inset-bottom));z-index:12;position:fixed}}@media (height<=500px) and (orientation:landscape){.draft{display:none}.views{top:15px;left:auto;right:max(76px,env(safe-area-inset-right));width:250px}.zoom-controls{top:70px;right:max(18px,env(safe-area-inset-right))}.controls{width:270px;left:auto;right:max(18px,env(safe-area-inset-right));max-height:calc(100dvh - 90px);bottom:12px}.certezza-panel{left:max(18px,env(safe-area-inset-left));width:270px;max-height:calc(100dvh - 90px);top:auto;bottom:12px;right:auto}.scheda{left:auto;right:max(18px,env(safe-area-inset-right));width:320px;max-height:none;top:12px;bottom:12px}.elenco{left:max(18px,env(safe-area-inset-left));width:300px;height:auto;min-height:0;top:12px;bottom:12px;right:auto}footer{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}