:root{--fons:#07111f;--fons-secundari:#0d1b2a;--blau-principal:#1688ff;--blau-luminos:#49b7ff;--blau-clar:#9ddcff;--text-principal:#f2f7ff;--text-secundari:#a9bcd2;--radi:18px;--lletra:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--lletra-ui:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--fons);color:var(--text-principal);font-family:var(--lletra-ui);margin:0;padding:0;overflow-x:hidden}.app{background:radial-gradient(1200px 700px at 50% -10%, #1688ff24, transparent 60%), var(--fons);background:radial-gradient(1200px 700px at 50% -10%, color-mix(in srgb, var(--blau-principal) 14%, transparent), transparent 60%), var(--fons);min-height:100dvh}main{max-width:720px;margin:0 auto;padding:0 20px 48px}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:32px 0;animation:.6s both aparicio;display:flex}.screen-records,.screen-quiz,.screen-home,.screen-counter,.screen-letter{justify-content:flex-start;padding-top:24px}@keyframes aparicio{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.kicker{color:var(--blau-clar);letter-spacing:.18em;text-transform:uppercase;margin:8px 0 0;font-size:.85rem}.pending-note{color:var(--text-secundari);margin-top:8px;font-size:.85rem;display:block}.btn{font-family:var(--lletra-ui);cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:48px;padding:14px 34px;font-size:1rem;transition:transform .15s,background .2s,border-color .2s}.btn:active{transform:scale(.97)}.btn:focus-visible,.galeria-item:focus-visible,.sobre:focus-visible,.audio-toggle:focus-visible{outline:3px solid var(--blau-clar);outline-offset:3px}.btn-primary{background:#126dcc;background:color-mix(in srgb, var(--blau-principal) 80%, black);color:#fff;font-weight:600}.btn-primary:hover{background:#147deb;background:color-mix(in srgb, var(--blau-principal) 92%, black)}.btn-primary:disabled{background:#104175;background:color-mix(in srgb, var(--blau-principal) 35%, var(--fons-secundari));cursor:not-allowed}.btn-ghost{color:var(--text-secundari);border-color:#a9bcd259;border-color:color-mix(in srgb, var(--text-secundari) 35%, transparent);background:0 0}.btn-ghost:hover{color:var(--text-principal);border-color:var(--text-secundari)}.btn-small{min-height:40px;padding:8px 16px;font-size:.9rem}.back-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.audio-toggle{z-index:30;border:1px solid #9ddcff66;border:1px solid color-mix(in srgb, var(--blau-clar) 40%, transparent);background:#0d1b2acc;background:color-mix(in srgb, var(--fons-secundari) 80%, transparent);width:44px;height:44px;color:var(--blau-clar);cursor:pointer;border-radius:50%;font-size:1.1rem;position:fixed;top:14px;right:14px}.cover-heart{aspect-ratio:1;width:min(78vw,340px);position:relative}.heart-canvas{width:100%;height:100%;display:block}.frase-central{font-family:var(--lletra);color:var(--text-principal);text-shadow:0 0 22px color-mix(in srgb, var(--blau-luminos) 65%, transparent);pointer-events:none;justify-content:center;align-items:center;margin:0;font-size:clamp(1.6rem,7vw,2.3rem);font-style:italic;display:flex;position:absolute;inset:0;transform:translateY(6%)}.cover-presentacio{max-width:34ch;font-family:var(--lletra);color:var(--text-principal);margin:0;font-size:1.15rem;line-height:1.55}.cover-sub{color:var(--text-secundari);margin:0;font-size:.95rem}.closing-message{font-family:var(--lletra);margin:0;font-size:1.3rem;font-style:italic}.confetti{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.confetti-heart{top:-24px;left:calc((var(--i) * 41) % 100 * 1%);color:var(--blau-luminos);opacity:0;font-size:calc(12px + (var(--i) % 4) * 5px);animation:caiguda 3.2s ease-in calc(var(--i) * .11s) both;position:absolute}@keyframes caiguda{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.9}to{opacity:0;transform:translateY(105vh)rotate(320deg)}}.home-benvinguda{font-family:var(--lletra);margin:24px 0 0;font-size:clamp(1.8rem,7vw,2.4rem)}.home-comptador{color:var(--text-secundari);margin:0;font-size:1.05rem}.home-comptador strong{color:var(--blau-clar);font-size:1.4rem}.home-seccions{grid-template-columns:1fr;gap:12px;width:100%;margin-top:12px;display:grid}.card{background:#0d1b2ae0;background:color-mix(in srgb, var(--fons-secundari) 88%, transparent);border:1px solid #1688ff38;border:1px solid color-mix(in srgb, var(--blau-principal) 22%, transparent);border-radius:var(--radi);padding:18px}.home-card{color:var(--text-principal);font-family:var(--lletra-ui);text-align:left;cursor:pointer;align-items:center;gap:14px;min-height:60px;font-size:1.1rem;transition:border-color .2s,transform .15s;display:flex}.home-card:hover{border-color:var(--blau-luminos)}.home-card:active{transform:scale(.98)}.home-card-cor{color:var(--blau-principal);font-size:1.3rem}.home-descobrir{color:var(--text-secundari);margin-top:10px;font-size:.9rem;font-style:italic}.counter-value{margin:12px 0 0;font-size:1.4rem;line-height:1.4}.counter-value strong{font-family:var(--lletra);color:var(--blau-clar);text-shadow:0 0 30px color-mix(in srgb, var(--blau-luminos) 45%, transparent);font-size:clamp(3.4rem,18vw,5.5rem);display:block}.counter-calendar{font-family:var(--lletra);color:var(--text-principal);margin:0;font-size:1.25rem}.counter-detail{color:var(--text-secundari);font-variant-numeric:tabular-nums;margin:0}.counter-pending{font-family:var(--lletra);max-width:30ch;font-style:italic}.counter-names{font-family:var(--lletra);color:var(--text-secundari);margin-top:18px;font-size:1.2rem}.heart-inline{color:var(--blau-principal)}.progress-bar{background:#0f2f50;background:color-mix(in srgb, var(--blau-principal) 18%, var(--fons-secundari));border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--blau-luminos);border-radius:999px;height:100%;transition:width .35s}.quiz-progress{color:var(--text-secundari);margin:0;font-size:.9rem}.quiz-intro{max-width:36ch;color:var(--text-principal);line-height:1.6}.quiz-question{font-family:var(--lletra);max-width:26ch;margin:6px 0 4px;font-size:clamp(1.3rem,5.5vw,1.7rem);line-height:1.35}.quiz-options{flex-direction:column;gap:10px;width:100%;display:flex}.btn-option{background:#0d1b2ae0;background:color-mix(in srgb, var(--fons-secundari) 88%, transparent);width:100%;color:var(--text-principal);border-color:#1688ff38;border-color:color-mix(in srgb, var(--blau-principal) 22%, transparent);border-radius:var(--radi);text-align:left;min-height:56px;padding:16px 18px}.btn-option:hover:not(:disabled){border-color:var(--blau-luminos)}.btn-option.triada{border-color:var(--blau-luminos);background:#0f3359;background:color-mix(in srgb, var(--blau-principal) 22%, var(--fons-secundari))}.btn-option.correcta{border-color:#3ecf8e}.btn-option.incorrecta{border-color:#ff6b81b3}.btn-option:disabled{cursor:default;opacity:.92}.quiz-reaccio{flex-direction:column;align-items:center;gap:10px;display:flex}.quiz-reaccio p{max-width:34ch;margin:0;line-height:1.5}.quiz-veredicte{font-weight:600}.quiz-veredicte.be{color:#3ecf8e}.quiz-veredicte.malament{color:var(--blau-clar)}.quiz-score{font-family:var(--lletra);color:var(--blau-clar);margin:0;font-size:clamp(2.4rem,12vw,3.6rem)}.quiz-final{max-width:34ch;margin:0;line-height:1.6}.quiz-final-accions{flex-direction:column;align-items:center;gap:10px;display:flex}.records-llista{flex-direction:column;gap:12px;width:100%;margin:4px 0 8px;padding:0;list-style:none;display:flex}.record-card{text-align:left;align-items:flex-start;gap:14px;display:flex}.record-card h3{margin:0 0 4px;font-size:1.05rem}.record-card p{color:var(--text-secundari);margin:0;font-size:.95rem}.record-data{color:var(--blau-clar)!important}.record-cor{color:var(--blau-principal);font-size:1.2rem;line-height:1.4}.galeria{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:6px;display:grid}.galeria-item{cursor:zoom-in;aspect-ratio:3/4;background:0 0;border:none;border-radius:12px;padding:0;position:relative;overflow:hidden}.galeria-foto{object-fit:cover;width:100%;height:100%;display:block}.galeria-foto.oculta{opacity:0;position:absolute;inset:0}.galeria-carregant{background:linear-gradient(110deg, var(--fons-secundari) 30%, #0e2c4c 50%, var(--fons-secundari) 70%);background:linear-gradient(110deg, var(--fons-secundari) 30%, color-mix(in srgb, var(--blau-principal) 16%, var(--fons-secundari)) 50%, var(--fons-secundari) 70%);background-size:200% 100%;animation:1.4s linear infinite lluisor;position:absolute;inset:0}@keyframes lluisor{to{background-position:-200% 0}}.galeria-error{background:var(--fons-secundari);color:var(--blau-principal);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.lightbox-fons{z-index:40;background:#060f1b;background:color-mix(in srgb, var(--fons) 88%, black);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.lightbox{flex-direction:column;align-items:center;gap:10px;max-width:min(94vw,640px);max-height:calc(100dvh - 24px);display:flex;position:relative}.lightbox-foto{border-radius:var(--radi);object-fit:contain;flex:0 auto;max-width:100%;min-height:0;max-height:100%}.lightbox-foto.oculta{visibility:hidden;height:0}.lightbox-estat{color:var(--text-secundari);margin:40px 0}.lightbox-error{color:var(--blau-clar)}.lightbox-tancar{z-index:2;border:1px solid #9ddcff66;border:1px solid color-mix(in srgb, var(--blau-clar) 40%, transparent);background:var(--fons-secundari);width:44px;height:44px;color:var(--text-principal);cursor:pointer;border-radius:50%;font-size:1.4rem;position:absolute;top:-6px;right:-6px}.lightbox-peu{color:var(--text-secundari);margin:0;font-size:.95rem}.lightbox-nav{color:var(--text-secundari);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:16px;display:flex}.lightbox-nav .btn-small{min-height:44px}.sobre{aspect-ratio:4/3;border-radius:var(--radi);border:1px solid #1688ff59;border:1px solid color-mix(in srgb, var(--blau-principal) 35%, transparent);background:linear-gradient(160deg, #0f2f50, var(--fons-secundari));background:linear-gradient(160deg, color-mix(in srgb, var(--blau-principal) 18%, var(--fons-secundari)), var(--fons-secundari));width:min(80vw,300px);color:var(--text-principal);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:40px;transition:transform .2s,border-color .2s;display:flex}.sobre:hover{border-color:var(--blau-luminos);transform:translateY(-4px)}.sobre-cor{color:var(--blau-luminos);font-size:2rem}.sobre-text{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secundari);font-size:.85rem}.letter{background:#0d1b2ae0;background:color-mix(in srgb, var(--fons-secundari) 88%, transparent);border:1px solid #1688ff38;border:1px solid color-mix(in srgb, var(--blau-principal) 22%, transparent);border-radius:var(--radi);text-align:left;flex-direction:column;gap:16px;width:100%;padding:28px 22px;animation:.7s both aparicio;display:flex}.letter-body{font-family:var(--lletra);white-space:pre-line;margin:0;font-size:1.1rem;line-height:1.65}.letter-sign{font-family:var(--lletra);color:var(--blau-clar);text-align:right;margin:0;font-size:1.15rem;font-style:italic}.letter .btn{align-self:center;margin-top:8px}@media (width>=600px){.home-seccions{grid-template-columns:1fr 1fr}.galeria{grid-template-columns:repeat(4,1fr);gap:10px}}@media (width>=1024px){main{max-width:860px}.galeria{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){.screen,.letter{animation:none}.confetti-heart{opacity:0;animation:none}.galeria-carregant{animation:none}.btn,.home-card,.sobre,.progress-bar-fill{transition:none}}.quiz-ultim{color:var(--text-secundari);margin:0;font-size:.9rem}