@property --c1{syntax: "<color>"; inherits: false; initial-value: #02101f;}@property --c2{syntax: "<color>"; inherits: false; initial-value: #073257;}:root{--depth: 0;--ink: #eaf6ff;--ink-dim: #9fc3da;--aqua: #5fd0e6;--aqua-bright: #aef0f5;--bar-bg: rgba(6, 28, 48, .55);--glass-border: rgba(174, 240, 245, .18);color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#02101f;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;padding-bottom:7rem}.ocean{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.ocean>*{position:absolute;top:0;right:0;bottom:0;left:0}.ocean__deep{background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 55%,#0a4a73 100%);animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{--c1: #02101f;--c2: #073257}50%{--c1: #041a33;--c2: #0a4e74}to{--c1: #03152a;--c2: #0b3f63}}.ocean__clear{background:radial-gradient(120% 80% at 50% 120%,#d9fbff,#7fdcec 30%,#2f8fb000 70%),linear-gradient(180deg,#146e9600,#1f86ad 60%,#6fd0e0);opacity:var(--depth);transition:opacity .2s linear}.ocean__caustics{background-image:radial-gradient(closest-side,rgba(190,245,255,.5),transparent 70%),radial-gradient(closest-side,rgba(150,230,255,.4),transparent 70%),radial-gradient(closest-side,rgba(210,250,255,.45),transparent 70%);background-size:38vw 38vw,30vw 30vw,46vw 46vw;background-position:10% 20%,70% 60%,40% 90%;background-repeat:no-repeat;filter:blur(28px);mix-blend-mode:screen;opacity:calc(var(--depth) * .7);animation:caustics 18s ease-in-out infinite alternate}@keyframes caustics{0%{background-position:8% 18%,72% 58%,38% 88%;transform:scale(1)}to{background-position:18% 30%,60% 70%,50% 78%;transform:scale(1.15)}}.ocean__deep:before{content:"";position:absolute;top:-10%;right:0;bottom:-5%;left:0;background:linear-gradient(100deg,transparent 20%,rgba(180,235,255,.06) 35%,transparent 45%,rgba(180,235,255,.05) 60%,transparent 72%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,#000 45%,transparent 92%);opacity:calc(1 - var(--depth));animation:rays 14s ease-in-out infinite alternate}@keyframes rays{0%{transform:translate(-4%) skew(-2deg)}to{transform:translate(4%) skew(2deg)}}.ocean__grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}#app{max-width:760px;margin:0 auto;padding:0 1.5rem;transition:opacity .45s ease,transform .45s ease}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.4rem}.hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.4em;font-size:.72rem;font-weight:500;color:var(--aqua);opacity:.85}.hero__title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(2.8rem,9vw,5rem);line-height:1.02;margin:.2rem 0 0;letter-spacing:.01em;text-shadow:0 2px 40px rgba(95,208,230,.25)}.hero__author{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.3rem;margin:0;color:var(--ink-dim)}.hero__lede{max-width:38ch;margin:1.4rem 0 0;font-weight:300;line-height:1.6;color:var(--ink-dim)}.hero__dive{margin-top:2.6rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.35em;color:var(--aqua);animation:bob 2.4s ease-in-out infinite}.hero__dive svg{width:22px;height:22px;fill:none;stroke:var(--aqua);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@keyframes bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(8px);opacity:1}}.parte{margin:2.4rem 0}.parte__titolo{width:100%;display:flex;align-items:baseline;gap:.7rem;margin:0;padding:0 0 .6rem;border:none;border-bottom:1px solid var(--glass-border);background:transparent;color:var(--aqua-bright);font-family:Cormorant Garamond,serif;font-weight:500;font-size:2rem;text-align:left;cursor:pointer;transition:color .2s}.parte__titolo:hover{color:#d9f7fb}.parte__chev{width:18px;height:18px;flex:none;align-self:center;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.parte.is-open .parte__chev{transform:rotate(90deg)}.parte__nome{flex:1}.parte__count{font-family:Inter,sans-serif;font-size:.8rem;font-weight:400;color:var(--ink-dim);font-variant-numeric:tabular-nums}.capitoli{list-style:none;margin:1rem 0 0;padding:0;display:none;flex-direction:column;gap:.4rem}.parte.is-open .capitoli{display:flex}.cap{width:100%;display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid transparent;border-radius:14px;background:#ffffff05;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,transform .15s}.cap:hover{background:#78d7eb1a;border-color:var(--glass-border)}.cap:active{transform:scale(.99)}.cap.is-active{background:#5fd0e629;border-color:#aef0f566}.cap__n{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--aqua);opacity:.7;min-width:1.8em}.cap.is-active .cap__n{opacity:1}.cap__titolo{flex:1;font-weight:400}.cap__time{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--ink-dim)}.cap__eq{display:none;align-items:flex-end;gap:2px;height:14px}.cap__eq i{width:3px;height:100%;background:var(--aqua-bright);border-radius:2px;transform-origin:bottom;animation:eq .9s ease-in-out infinite}.cap__eq i:nth-child(2){animation-delay:.2s}.cap__eq i:nth-child(3){animation-delay:.4s}.cap__eq i:nth-child(4){animation-delay:.1s}.cap.is-playing .cap__eq{display:flex}@keyframes eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.fondale{text-align:center;font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.1rem;color:#021423a6;margin:5rem 0 2rem}.player{position:fixed;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);width:min(720px,calc(100% - 1.5rem));display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:18px;background:var(--bar-bg);border:1px solid var(--glass-border);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 12px 40px #0006;z-index:10;transition:opacity .18s ease}.player.view-switching{opacity:0}.player[hidden]{display:none}.player__btn{display:grid;place-items:center;width:38px;height:38px;flex:none;border:none;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,transform .15s}.player__btn:hover{background:#aef0f524}.player__btn:active{transform:scale(.92)}.player__btn svg{width:20px;height:20px;fill:currentColor}.player__btn--play{width:46px;height:46px;background:linear-gradient(160deg,var(--aqua-bright),var(--aqua));color:#042033;box-shadow:0 4px 18px #5fd0e666}.player__btn--play:hover{background:linear-gradient(160deg,#c9f6fa,var(--aqua-bright))}.player__btn--play svg{width:24px;height:24px}.player__btn--play .i-pause,.player__btn--play.is-playing .i-play{display:none}.player__btn--play.is-playing .i-pause{display:block}.player__meta{min-width:0;flex:1 1 9rem}.player__title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__sub{font-size:.72rem;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__scrub{display:flex;align-items:center;gap:.5rem;flex:2 1 14rem}.player__time{font-variant-numeric:tabular-nums;font-size:.72rem;color:var(--ink-dim);min-width:2.6em;text-align:center}.player__scrub input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--aqua) calc(var(--p, 0) * 1%),rgba(255,255,255,.18) calc(var(--p, 0) * 1%));cursor:pointer}.player__scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--aqua-bright);box-shadow:0 0 10px #aef0f5cc;border:none}.player__scrub input[type=range]::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:var(--aqua-bright);box-shadow:0 0 10px #aef0f5cc}.player__demo{flex:none;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;padding:.15rem .4rem;border-radius:6px;background:#ffc8782e;color:#ffd9a0;border:1px solid rgba(255,200,120,.3)}.player__demo[hidden]{display:none}.player__controls{display:flex;align-items:center;gap:.4rem;flex:none}.player__expand{display:grid;place-items:center;width:34px;height:34px;flex:none;border:none;border-radius:10px;background:transparent;color:var(--ink-dim);cursor:pointer;transition:background .2s,color .2s}.player__expand:hover{background:#aef0f524;color:var(--ink)}.player__expand svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player__expand .i-collapse,body.expanded .player__expand .i-expand{display:none}body.expanded .player__expand .i-collapse{display:block}.player__complete{display:none;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--glass-border);background:#ffffff0a;color:var(--ink-dim);font:inherit;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.player__complete:hover{background:#aef0f51f;color:var(--ink)}.player__complete svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.player__complete.is-done{background:#5fd0e62e;border-color:var(--aqua);color:var(--aqua-bright)}.cap__done{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid rgba(174,240,245,.3);color:transparent;opacity:.4;transition:background .2s,border-color .2s,color .2s,opacity .2s}.cap:hover .cap__done{opacity:1}.cap__done svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cap.is-done .cap__done{opacity:1;background:var(--aqua);border-color:var(--aqua);color:#042033}.cap.is-done .cap__titolo{color:var(--ink-dim)}body.expanded{overflow:hidden}body.expanded #app{opacity:0;transform:translateY(16px);pointer-events:none}body.expanded .player{flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;width:min(560px,92vw);left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);padding:3rem 2rem 2.4rem;border-radius:28px;background:#03122157;box-shadow:0 30px 90px #00000080;animation:panelIn .42s cubic-bezier(.2,.8,.25,1) backwards}@keyframes panelIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pillIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}body.expanded .player__meta{order:-3;text-align:center;flex:none;max-width:100%}body.expanded .player__title{font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.1;white-space:normal}body.expanded .player__sub{font-size:.85rem;letter-spacing:.05em}body.expanded .player__scrub{order:-2;width:100%;flex:none}body.expanded .player__controls{order:-1;gap:1.4rem}body.expanded .player__btn{width:52px;height:52px}body.expanded .player__btn svg{width:26px;height:26px}body.expanded .player__btn--play{width:72px;height:72px}body.expanded .player__btn--play svg{width:34px;height:34px}body.expanded .player__complete{display:inline-flex;order:0}body.expanded .player__expand{position:absolute;top:1rem;right:1rem}body.expanded .player__demo{position:absolute;top:1.1rem;left:1.1rem}body.expanded .player__vol{order:1}body.immersive{overflow:hidden}body.immersive #app{opacity:0;transform:translateY(16px);pointer-events:none}.player__vol{display:flex;align-items:center;gap:.3rem;flex:none}.player__vol-btn .i-muted,.player__vol-btn.is-muted .i-vol{display:none}.player__vol-btn.is-muted .i-muted{display:block}.player__vol-btn svg .stroke{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player__vol input[type=range]{width:72px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--aqua) calc(var(--p, 100) * 1%),rgba(255,255,255,.18) calc(var(--p, 100) * 1%));cursor:pointer}.player__vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:none;background:var(--aqua-bright);box-shadow:0 0 8px #aef0f5b3}.player__vol input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--aqua-bright)}.hero__resume{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.8rem;padding:.7rem 1.3rem;border-radius:999px;border:1px solid rgba(174,240,245,.4);background:#5fd0e624;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer;transition:background .25s,border-color .25s,transform .2s}.hero__resume:hover{background:#5fd0e63d;border-color:var(--aqua-bright);transform:translateY(-2px)}.hero__resume svg{width:16px;height:16px;flex:none;fill:var(--aqua-bright)}.hero__resume-c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.hero__resume-t{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--aqua)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#010c19;text-align:center;will-change:transform,opacity,filter}.intro.is-gone{display:none}.intro__sea{position:absolute;top:0;right:0;bottom:0;left:0}.intro__sea>*{position:absolute;top:0;right:0;bottom:0;left:0}.intro__deep{background:radial-gradient(130% 90% at 50% 130%,#2fa6c4,#0d6e9e 22%,#0d6e9e00 60%),linear-gradient(180deg,#010c19,#04203c 38%,#073f63 70%,#0a5d84);animation:introDrift 22s ease-in-out infinite alternate}@keyframes introDrift{0%{filter:hue-rotate(0deg) saturate(1);transform:scale(1.02)}to{filter:hue-rotate(-12deg) saturate(1.15);transform:scale(1.06)}}.intro__caustics{background-image:radial-gradient(closest-side,rgba(190,245,255,.55),transparent 70%),radial-gradient(closest-side,rgba(150,230,255,.45),transparent 70%),radial-gradient(closest-side,rgba(210,250,255,.5),transparent 70%);background-size:40vw 40vw,32vw 32vw,50vw 50vw;background-position:12% 70%,75% 85%,45% 100%;background-repeat:no-repeat;filter:blur(30px);mix-blend-mode:screen;opacity:.5;animation:caustics 16s ease-in-out infinite alternate}.intro__rays{top:-10%;right:0;bottom:-5%;left:0;background:linear-gradient(102deg,transparent 18%,rgba(180,235,255,.1) 30%,transparent 42%,rgba(180,235,255,.08) 55%,transparent 66%,rgba(180,235,255,.09) 78%,transparent 88%);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 96%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 96%);animation:rays 12s ease-in-out infinite alternate}.intro__surface{inset:0 0 auto 0;height:22%;background:linear-gradient(180deg,rgba(190,240,250,.14),transparent)}.intro__bubbles i{position:absolute;bottom:-24px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffffe6,#b4ebff1a 70%);box-shadow:0 0 6px #c8f5ff66;opacity:0;animation:rise var(--dur) linear var(--delay) infinite}@keyframes rise{0%{transform:translate(0) scale(.6);opacity:0}12%{opacity:.6}50%{transform:translate(12px,-52vh) scale(1)}88%{opacity:.35}to{transform:translate(-8px,-104vh) scale(1.05);opacity:0}}.intro__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem}.intro__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.45em;font-size:.72rem;font-weight:500;color:var(--aqua);opacity:.9}.intro__title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(3rem,11vw,6rem);line-height:1;margin:.3rem 0 0;text-shadow:0 4px 60px rgba(95,208,230,.4)}.intro__author{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.4rem;margin:0 0 2.2rem;color:var(--ink-dim)}.intro__enter{display:grid;place-items:center;width:60px;height:60px;padding:0;border-radius:50%;border:1px solid rgba(174,240,245,.45);background:#5fd0e61f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--ink);cursor:pointer;transition:background .3s,border-color .3s,transform .2s,box-shadow .3s;animation:enterGlow 3s ease-in-out infinite}.intro__enter svg{width:26px;height:26px;fill:none;stroke:var(--aqua-bright);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:bob 2.4s ease-in-out infinite}.intro__enter:hover{background:#5fd0e638;border-color:var(--aqua-bright);transform:translateY(-2px)}.intro__enter:active{transform:translateY(0) scale(.97)}@keyframes enterGlow{0%,to{box-shadow:0 0 #5fd0e600}50%{box-shadow:0 6px 40px #5fd0e659}}body.diving .intro{transform-origin:50% 44%;animation:diveOut .9s cubic-bezier(.42,0,.9,1) forwards}body.diving .intro__content{animation:introContentOut .45s ease forwards}@keyframes diveOut{0%{transform:scale(1);opacity:1;filter:blur(0) brightness(1)}to{transform:scale(1.28);opacity:0;filter:blur(12px) brightness(1.12)}}@keyframes introContentOut{to{opacity:0;transform:scale(1.04)}}.player__fab{display:none;place-items:center;position:relative;width:54px;height:54px;flex:none;border:1px solid var(--glass-border);border-radius:50%;background:var(--bar-bg);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 10px 30px #00000073;color:var(--aqua-bright);cursor:pointer}.player__fab svg{width:22px;height:22px}.player__fab:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(var(--aqua) calc(var(--p, 0) * 1%),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));z-index:-1}.player__fab.is-playing{animation:fabPulse 2.6s ease-in-out infinite}@keyframes fabPulse{0%,to{box-shadow:0 10px 30px #00000073,0 0 #5fd0e600}50%{box-shadow:0 10px 30px #00000073,0 0 22px #5fd0e673}}@media(max-width:560px){body:not(.expanded):not(.immersive) .player{flex-wrap:wrap;gap:.45rem .5rem;padding:.55rem .7rem}body:not(.expanded):not(.immersive) .player__controls{order:1}body:not(.expanded):not(.immersive) .player__meta{order:2;flex:1 1 auto;min-width:0}body:not(.expanded):not(.immersive) .player__vol{order:3}body:not(.expanded):not(.immersive) .player__vol input[type=range]{display:none}body:not(.expanded):not(.immersive) .player__expand{order:4}body:not(.expanded):not(.immersive) .player__scrub{order:5;flex:1 1 100%}body:not(.expanded):not(.immersive) .player__demo{order:6}body.immersive .player{left:1rem;right:auto;width:auto;padding:0;border:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}body.immersive .player>*:not(.player__fab){display:none}body.immersive .player__fab{display:grid;animation:pillIn .34s cubic-bezier(.2,.8,.25,1) backwards}body.expanded .player{width:min(420px,92vw);padding:1.8rem 1.4rem 1.6rem;gap:1.1rem}body.expanded .player__title{font-size:clamp(1.5rem,6vw,2rem)}body.expanded .player__btn{width:46px;height:46px}body.expanded .player__btn--play{width:62px;height:62px}body.expanded .player__btn--play svg{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.ocean__deep,.ocean__caustics,.ocean__deep:before,.hero__dive,.cap__eq i,.intro__deep,.intro__caustics,.intro__rays,.intro__bubbles i,.intro__enter,.intro__enter svg,.player__fab,body.expanded .player,body.immersive .player__fab{animation:none!important}body.diving .intro{animation:none!important;opacity:0;transition:opacity .4s ease}}