:root{
  --bg:#08090d;
  --bg2:#111217;
  --surface:rgba(255,255,255,.13);
  --surface-strong:rgba(255,255,255,.22);
  --surface-soft:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.28);
  --line-soft:rgba(255,255,255,.14);
  --ink:#fff8e8;
  --ink2:rgba(255,248,232,.78);
  --muted:rgba(255,248,232,.55);
  --dark:#0a0b10;
  --blackglass:rgba(5,6,10,.48);
  --accent:#ff6648;
  --lime:#d6ff4f;
  --blue:#70a7ff;
  --violet:#d595ff;
  --good:#6dff9a;
  --bad:#ff6c5f;
  --radius-xl:42px;
  --radius-lg:30px;
  --radius-md:22px;
  --radius-sm:16px;
  --shadow:0 32px 90px rgba(0,0,0,.42);
  --shadow-soft:0 18px 46px rgba(0,0,0,.26);
  --glow:0 0 0 1px rgba(255,255,255,.20) inset,0 1px 0 rgba(255,255,255,.28) inset;
  --max:1120px;
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Inter,sans-serif;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg);color:var(--ink);scroll-behavior:smooth}
body{min-height:100%;margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%}
.liquid-scene{position:fixed;inset:0;z-index:-4;overflow:hidden;background:radial-gradient(circle at 50% -10%,#2d3340 0,transparent 38rem),linear-gradient(145deg,#090a0f 0%,#11131a 45%,#07080c 100%)}
.blob{position:absolute;display:block;border-radius:999px;filter:blur(26px);opacity:.9;mix-blend-mode:screen;transform:translateZ(0);animation:blobDrift 15s ease-in-out infinite alternate}
.blob-one{width:520px;height:520px;left:-180px;top:-130px;background:radial-gradient(circle,#ff6948 0%,rgba(255,105,72,.55) 36%,transparent 70%)}
.blob-two{width:480px;height:480px;right:-160px;top:8vh;background:radial-gradient(circle,#d8ff4f 0%,rgba(120,170,88,.45) 40%,transparent 72%);animation-delay:-5s}
.blob-three{width:560px;height:560px;left:18vw;bottom:-240px;background:radial-gradient(circle,#5fa0ff 0%,rgba(120,82,255,.42) 42%,transparent 72%);animation-delay:-9s}
.grain{position:absolute;inset:-50%;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");animation:grainMove 10s steps(6) infinite}
@keyframes blobDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(26px,36px,0) scale(1.08)}}
@keyframes grainMove{0%,100%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-2%,-4%)}}
.liquid-glass,.home-copy,.hero-panel,.content-card,.section-block,.subject-tile,.empty-state,.quiz-card,.score-box,.error-card,.connection-card,.pin-card,.pin-preview,.setup-panel,.liquid-study-card,.ripasso-hero,.chapter-card,.count-card{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.22);box-shadow:var(--shadow),var(--glow);backdrop-filter:blur(34px) saturate(1.55);-webkit-backdrop-filter:blur(34px) saturate(1.55);overflow:hidden}
.liquid-glass::before,.home-copy::before,.hero-panel::before,.content-card::before,.section-block::before,.subject-tile::before,.quiz-card::before,.score-box::before,.error-card::before,.connection-card::before,.pin-card::before,.liquid-study-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 32%,rgba(255,255,255,.09) 56%,transparent);pointer-events:none;opacity:.78}
.liquid-glass::after,.liquid-study-card::after,.content-card::after,.quiz-card::after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.22) 18%,transparent 34%);transform:translateX(-130%);pointer-events:none;opacity:.75}.liquid-glass:hover::after,.liquid-study-card.is-in-view::after,.content-card:hover::after,.quiz-card:hover::after{animation:glassSweep 1.25s ease both}@keyframes glassSweep{to{transform:translateX(135%)}}
.topbar{position:sticky;top:max(10px,env(safe-area-inset-top));z-index:50;max-width:var(--max);margin:0 auto;padding:10px 12px;border-radius:999px;display:flex;align-items:center;gap:12px;transform:translateY(12px)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:52px;height:52px;border-radius:19px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,rgba(214,255,79,.38),rgba(255,255,255,.07));border:1px solid rgba(214,255,79,.38);box-shadow:0 14px 36px rgba(214,255,79,.13),inset 0 1px 0 rgba(255,255,255,.34);color:var(--lime);font-weight:950;font-size:22px}.brand strong{display:block;font-size:19px;line-height:1.05}.brand small{display:block;color:var(--muted);font-weight:720;margin-top:3px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10)}.desktop-nav a{min-height:39px;padding:0 15px;display:grid;place-items:center;border-radius:999px;color:var(--ink2);font-size:13px;font-weight:820;transition:transform .28s cubic-bezier(.2,.9,.2,1),background .28s ease,color .28s ease}.desktop-nav a:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.desktop-nav a.is-active{background:rgba(255,255,255,.82);color:#101116;box-shadow:0 10px 24px rgba(255,255,255,.12)}.logout-link{min-height:43px;padding:0 15px;display:grid;place-items:center;border-radius:999px;color:var(--muted);font-weight:800;font-size:13px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.11);transition:.25s ease}.logout-link:hover{background:rgba(255,255,255,.13);color:var(--ink)}
.page-wrap{max-width:var(--max);margin:0 auto;padding:44px 22px 132px}.kicker,.eyebrow{margin:0 0 10px;color:var(--lime);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.button,button.button{appearance:none;border:0;min-height:50px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;transition:transform .24s cubic-bezier(.2,.9,.2,1),background .24s ease,box-shadow .24s ease}.button.dark{background:rgba(255,255,255,.9);color:#101116;box-shadow:0 18px 36px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.5)}.button.light{background:rgba(255,255,255,.10);color:var(--ink);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.button.full{width:100%}.button:hover,button:hover,.is-pressing{transform:scale(.985)}
.home-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.62fr);gap:18px;margin-bottom:18px}.home-copy{border-radius:var(--radius-xl);min-height:370px;padding:clamp(34px,6vw,66px);display:flex;flex-direction:column;justify-content:flex-end}.home-copy h1{margin:0;font-size:clamp(62px,13vw,152px);letter-spacing:-.045em;line-height:.78}.home-copy p:not(.kicker){max-width:610px;margin:18px 0 0;color:var(--ink2);font-size:18px;line-height:1.45}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-panel{border-radius:var(--radius-xl);min-height:370px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,105,72,.70),rgba(255,255,255,.10) 58%,rgba(214,255,79,.13))}.hero-panel span{font-size:clamp(72px,10vw,124px);font-weight:950;line-height:.82;letter-spacing:-.06em}.hero-panel small{color:rgba(255,248,232,.72);font-weight:850}.hero-panel strong{font-size:29px;line-height:1;max-width:210px}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-grid .large{grid-column:span 2;min-height:260px}.content-card,.subject-tile{border-radius:30px;padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .34s cubic-bezier(.2,.9,.2,1),border-color .3s ease,background .3s ease}.content-card:hover,.subject-tile:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(255,255,255,.36)}.content-card span,.subject-tile span:first-child{color:var(--muted);font-weight:850;font-size:13px}.content-card strong,.subject-tile strong{font-size:clamp(23px,3vw,38px);line-height:1;letter-spacing:-.035em}.content-card small,.subject-tile small{color:var(--ink2);font-weight:720}.content-card.accent{background:linear-gradient(145deg,rgba(255,105,72,.55),rgba(255,255,255,.08))}.content-card.calm{background:linear-gradient(145deg,rgba(112,167,255,.35),rgba(255,255,255,.08))}.content-card.image-wash{background:linear-gradient(145deg,rgba(214,255,79,.28),rgba(255,255,255,.08)),radial-gradient(circle at 18% 22%,rgba(255,255,255,.24),transparent 21rem)}.section-block{margin-top:18px;border-radius:var(--radius-xl);padding:24px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title h2{margin:0;font-size:34px;letter-spacing:-.04em}.section-title a{color:var(--lime);font-weight:850}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subject-tile{min-height:150px}.subject-tile span:first-child{width:38px;height:38px;border-radius:15px;background:var(--subject);box-shadow:0 0 40px color-mix(in srgb,var(--subject) 48%,transparent)}.study-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.study-card-grid.compact .study-card{min-height:190px}.study-card{border-radius:26px;padding:21px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid var(--line-soft);box-shadow:var(--shadow-soft),var(--glow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.study-card h3{margin:18px 0 10px;font-size:24px;line-height:1;letter-spacing:-.03em}.study-card p{color:var(--ink2);line-height:1.45}.card-meta,.study-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.card-meta span,.study-tags span,.difficulty-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.13);color:var(--ink2);font-size:12px;font-weight:850}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:22px 0 18px}.page-heading h1{margin:0;font-size:clamp(48px,8vw,96px);line-height:.88;letter-spacing:-.055em}.page-heading p:not(.kicker){max-width:680px;color:var(--ink2);font-size:17px;line-height:1.45}.filter-rail,.subject-scroll{display:flex;gap:9px;overflow:auto;padding:4px 0 14px;scrollbar-width:none}.filter-rail::-webkit-scrollbar,.subject-scroll::-webkit-scrollbar{display:none}.filter-chip,.subject-pill{flex:0 0 auto;min-height:42px;padding:0 16px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);color:var(--ink2);font-weight:850;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.25s ease}.filter-chip.is-active,.subject-pill.is-active{background:rgba(255,255,255,.88);color:#101116}.count-card{border-radius:28px;min-width:132px;min-height:104px;padding:18px;display:grid;place-items:center}.count-card strong{font-size:48px;line-height:.75}.count-card span{color:var(--muted);font-weight:850}
/* RIPASSO IMMERSIVO */
body.ripasso-shell{scroll-snap-type:y proximity}.ripasso-shell .page-wrap{max-width:880px;padding-top:42px}.ripasso-hero{border-radius:var(--radius-xl);padding:26px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:13px}.ripasso-hero h1{margin:0;font-size:clamp(44px,9vw,86px);line-height:.86;letter-spacing:-.058em}.ripasso-hero p:not(.kicker){margin:16px 0 0;color:var(--ink2);font-size:16px;line-height:1.45;max-width:590px}.ripasso-meter{width:132px;height:132px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);box-shadow:var(--glow)}.ripasso-meter strong{font-size:52px;line-height:.8;letter-spacing:-.06em}.ripasso-meter span{font-size:18px;color:var(--ink2);font-weight:900}.ripasso-meter small{margin-top:4px;color:var(--muted);font-weight:850}.subject-scroll{position:sticky;top:92px;z-index:14;padding:10px 2px 18px;margin:0 -2px 2px;background:linear-gradient(180deg,rgba(8,9,13,.88),rgba(8,9,13,.40),transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.vertical-study-feed{display:grid;gap:22px;padding-bottom:24px}.liquid-study-card{min-height:min(760px,calc(100svh - 188px));border-radius:44px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:center;transform:translateY(18px) scale(.965);opacity:.74;transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .58s ease,border-color .58s ease,box-shadow .58s ease;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 42%,rgba(255,255,255,.035)),radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--subject) 44%,transparent),transparent 34rem)}.liquid-study-card.is-in-view{transform:translateY(0) scale(1);opacity:1;border-color:rgba(255,255,255,.34);box-shadow:0 34px 110px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.22) inset,0 1px 0 rgba(255,255,255,.35) inset}.card-liquid-bg{position:absolute;inset:auto -90px -110px auto;width:330px;height:330px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--subject) 70%,white 8%) 0%,transparent 66%);filter:blur(16px);opacity:.54;pointer-events:none}.study-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-counter{font-size:14px;font-weight:950;color:rgba(255,248,232,.62);padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.study-card-core{position:relative;z-index:1;padding:30px 0 22px}.difficulty-chip{margin:0 0 18px}.difficulty-chip.easy{color:#c6ffce}.difficulty-chip.medium{color:#ffe7a8}.difficulty-chip.hard{color:#ffc3bc}.liquid-study-card h2{margin:0;font-size:clamp(42px,8.8vw,82px);line-height:.9;letter-spacing:-.064em;max-width:760px}.lead-copy,.body-copy,.answer-sheet p{font-size:clamp(18px,3.3vw,25px);line-height:1.36;color:var(--ink2);margin:22px 0 0;max-width:760px}.answer-sheet{margin-top:24px;padding:22px;border-radius:28px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.15);box-shadow:var(--glow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.answer-sheet span,.connection-strip span{display:block;color:var(--lime);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.answer-sheet p{margin:0}.connection-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-strip div{padding:16px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.connection-strip p{margin:0;color:var(--ink2);font-size:14px;line-height:1.35}.empty-state{border-radius:var(--radius-xl);padding:34px}.empty-state h2{margin:0 0 8px;font-size:34px;letter-spacing:-.04em}.empty-state p{color:var(--ink2)}
/* QUIZ */
.quiz-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.quiz-status{position:sticky;top:106px}.score-box{border-radius:34px;padding:22px}.score-box span{color:var(--muted);font-weight:850}.score-box strong{font-size:76px;line-height:.8;letter-spacing:-.08em}.score-box em{font-style:normal;color:var(--ink2);font-size:28px;font-weight:850}.progress-track{height:10px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;margin:20px 0 12px}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),#fff);border-radius:inherit;transition:width .4s cubic-bezier(.2,.9,.2,1)}.score-box p{color:var(--ink2);font-weight:800}.quiz-stack{position:relative;min-height:520px}.quiz-card{display:none;border-radius:var(--radius-xl);padding:30px;min-height:560px}.quiz-card.is-current{display:flex;flex-direction:column;animation:cardIn .45s cubic-bezier(.16,1,.3,1)}@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.quiz-card h2{font-size:clamp(36px,7vw,72px);line-height:.92;letter-spacing:-.06em;margin:34px 0}.answer-list{display:grid;gap:10px;margin-top:auto}.answer-list button{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:15px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;text-align:left;background:rgba(255,255,255,.09);color:var(--ink);box-shadow:var(--glow);transition:transform .18s ease,background .22s ease,border-color .22s ease}.answer-list button b{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.14);display:grid;place-items:center}.answer-list button span{font-weight:780;line-height:1.25}.answer-list button.is-correct{background:rgba(109,255,154,.22);border-color:rgba(109,255,154,.45)}.answer-list button.is-wrong{background:rgba(255,108,95,.22);border-color:rgba(255,108,95,.45)}.answer-list button:disabled{opacity:.86;cursor:default}.feedback{display:none;margin-top:14px;padding:18px;border-radius:24px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.feedback.is-visible{display:block;animation:cardIn .3s ease}.feedback strong{display:block;font-size:21px}.feedback p{color:var(--ink2);line-height:1.45}.finish-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
/* ERRORS / MAP */
.error-grid,.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.error-card,.connection-card{border-radius:32px;padding:24px}.error-card h2,.connection-card h3{margin:18px 0 10px;font-size:30px;line-height:1;letter-spacing:-.04em}.error-card p,.connection-card p{color:var(--ink2);line-height:1.45}.wrong-answer{padding:14px;border-radius:20px;background:rgba(255,108,95,.13);border:1px solid rgba(255,108,95,.22)}details{margin:14px 0;padding:14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)}summary{font-weight:900;cursor:pointer}.map-grid{margin-top:10px}.subject-card{background:linear-gradient(145deg,color-mix(in srgb,var(--subject) 40%,transparent),rgba(255,255,255,.07))}.protocol-card{grid-column:span 2}
/* PIN */
.pin-body{min-height:100svh;display:grid;place-items:center;padding:26px;background:var(--bg)}.pin-body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 0%,rgba(255,105,72,.46),transparent 32rem),radial-gradient(circle at 84% 22%,rgba(214,255,79,.30),transparent 28rem),linear-gradient(145deg,#090a0f,#13151d 52%,#08090d);z-index:-2}.pin-stage{width:min(100%,980px);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.pin-card,.pin-preview{border-radius:44px;padding:30px}.brand.big .brand-mark{width:64px;height:64px;border-radius:23px}.pin-copy{margin:54px 0 24px}.pin-copy h1{margin:0;font-size:clamp(48px,8vw,86px);line-height:.86;letter-spacing:-.06em}.pin-copy p:not(.kicker){color:var(--ink2)}.pin-form{display:grid;gap:10px}.pin-form label{font-weight:900;color:var(--muted)}.pin-form input{width:100%;height:62px;border:1px solid rgba(255,255,255,.18);border-radius:23px;background:rgba(255,255,255,.10);color:var(--ink);padding:0 18px;font-size:26px;font-weight:900;outline:0;box-shadow:var(--glow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.pin-form input:focus{border-color:rgba(214,255,79,.5);box-shadow:0 0 0 4px rgba(214,255,79,.12),var(--glow)}.pin-form button{height:58px;border:0;border-radius:999px;background:rgba(255,255,255,.9);color:#101116;font-weight:950}.notice.error{padding:12px 14px;border-radius:18px;background:rgba(255,108,95,.18);border:1px solid rgba(255,108,95,.3);margin-bottom:12px}.pin-preview{display:grid;gap:12px}.preview-card{border-radius:28px;padding:22px;min-height:150px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13)}.preview-card span{color:var(--muted);font-weight:850}.preview-card strong{display:block;font-size:30px;line-height:1;margin-top:38px}.preview-card.warm{background:linear-gradient(145deg,rgba(255,105,72,.42),rgba(255,255,255,.10))}.preview-card.cool{background:linear-gradient(145deg,rgba(112,167,255,.34),rgba(255,255,255,.10))}.preview-card.dark{background:linear-gradient(145deg,rgba(214,255,79,.25),rgba(255,255,255,.08))}.setup-panel{border-radius:44px;padding:34px}.setup-panel h1{font-size:54px;line-height:.92;letter-spacing:-.05em}.setup-panel pre{white-space:pre-wrap;background:rgba(0,0,0,.35);padding:14px;border-radius:18px;color:#ffd6d1}
.mobile-dock{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;width:min(calc(100% - 28px),620px);border-radius:32px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mobile-dock a{min-height:58px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:900;transition:.24s ease}.mobile-dock a span{font-size:20px;line-height:1}.mobile-dock a.is-active{background:rgba(255,255,255,.88);color:#101116;box-shadow:0 14px 28px rgba(255,255,255,.10)}
[data-animate]{opacity:0;transform:translateY(16px) scale(.985);transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}[data-animate].is-visible{opacity:1;transform:none}.hidden-answer{display:none}.hidden-answer.is-visible{display:block}.text-button{border:0;background:transparent;color:var(--lime);font-weight:900;padding:0}.card-progress{display:flex;gap:8px;margin-top:16px}.card-progress button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:var(--ink);border-radius:999px;min-height:40px;padding:0 14px;font-weight:850}.card-progress button.is-saved{background:rgba(109,255,154,.22)}
@media (max-width:860px){.topbar{margin:0 12px;transform:translateY(10px);padding:9px}.desktop-nav,.logout-link{display:none}.brand-mark{width:50px;height:50px}.brand small{font-size:12px}.page-wrap{padding:38px 16px 116px}.home-hero{grid-template-columns:1fr}.hero-panel{min-height:230px}.content-grid,.subject-grid,.study-card-grid,.error-grid,.connection-grid{grid-template-columns:1fr}.dashboard-grid .large,.protocol-card{grid-column:auto}.home-copy{min-height:330px}.page-heading{align-items:flex-start;flex-direction:column}.quiz-layout{grid-template-columns:1fr}.quiz-status{position:static}.score-box{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.score-box .progress-track,.score-box p,.score-box .button{grid-column:1 / -1}.quiz-card{min-height:calc(100svh - 228px);padding:22px}.answer-list button{grid-template-columns:38px 1fr;border-radius:22px}.answer-list button b{width:38px;height:38px}.ripasso-shell .page-wrap{padding-left:14px;padding-right:14px}.ripasso-hero{grid-template-columns:1fr;border-radius:34px}.ripasso-meter{width:100%;height:auto;min-height:82px;flex-direction:row;gap:6px;border-radius:26px}.ripasso-meter strong{font-size:44px}.subject-scroll{top:84px}.liquid-study-card{min-height:calc(100svh - 178px);border-radius:38px;padding:22px}.liquid-study-card h2{font-size:clamp(38px,12vw,58px)}.connection-strip{grid-template-columns:1fr}.study-tags span:nth-child(2){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-stage{grid-template-columns:1fr}.pin-preview{display:none}.pin-card{border-radius:38px}.mobile-dock{border-radius:30px}.mobile-dock a{font-size:10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}



/* Olly Studio · Reels Finetune 20260620
   Meccanica Reels invariata. Pulizia layout, burger reale, safe area, testi lunghi scrollabili. */
body.ripasso-shell{
  --reel-panel-top:calc(16px + env(safe-area-inset-top));
  --reel-panel-bottom:calc(82px + env(safe-area-inset-bottom));
  --reel-content-x:clamp(28px,7vw,78px);
  height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#08090d!important;
}
body.ripasso-shell .topbar{display:none!important;}
body.ripasso-shell .page-wrap{
  width:100%!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 22% 10%, rgba(214,255,79,.16), transparent 32rem),
    radial-gradient(circle at 82% 18%, rgba(112,167,255,.12), transparent 29rem),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 30%);
}
body.ripasso-shell .liquid-scene{
  background:
    radial-gradient(circle at 16% 8%, rgba(214,255,79,.28), transparent 31rem),
    radial-gradient(circle at 80% 14%, rgba(255,104,72,.24), transparent 29rem),
    radial-gradient(circle at 46% 92%, rgba(112,167,255,.18), transparent 30rem),
    linear-gradient(160deg,#08090d 0%,#11131a 50%,#05060a 100%)!important;
}
body.ripasso-shell .blob{filter:blur(42px)!important;opacity:.52!important;}

.ripasso-minibar{
  position:fixed!important;
  top:calc(12px + env(safe-area-inset-top))!important;
  right:clamp(12px,3.6vw,22px)!important;
  left:auto!important;
  transform:none!important;
  z-index:90!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:3px!important;
  display:block!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.095))!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.40)!important;
  backdrop-filter:blur(30px) saturate(1.65)!important;
  -webkit-backdrop-filter:blur(30px) saturate(1.65)!important;
  overflow:visible!important;
}
.ripasso-minibar::before,.ripasso-minibar::after{display:none!important;}
.ripasso-menu-wrap{position:relative!important;}
.ripasso-burger{
  appearance:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-content:center!important;
  gap:3.5px!important;
  background:rgba(255,255,255,.86)!important;
  color:#101116!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.68)!important;
  backdrop-filter:blur(22px) saturate(1.4)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.4)!important;
  transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease!important;
}
.ripasso-burger span{
  display:block!important;
  width:14px!important;
  height:1.8px!important;
  margin:0 auto!important;
  border-radius:999px!important;
  background:currentColor!important;
  transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .18s ease!important;
}
.ripasso-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.3px) rotate(45deg)!important;}
.ripasso-burger[aria-expanded="true"] span:nth-child(2){opacity:0!important;}
.ripasso-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.3px) rotate(-45deg)!important;}
.subject-menu-panel[hidden]{display:none!important;}
.subject-menu-panel{
  position:absolute!important;
  top:calc(100% + 9px)!important;
  right:0!important;
  left:auto!important;
  z-index:95!important;
  width:min(276px,calc(100vw - 24px))!important;
  max-height:min(58dvh,430px)!important;
  overflow:auto!important;
  padding:9px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(28,29,35,.94),rgba(12,13,18,.88))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.28)!important;
  backdrop-filter:blur(34px) saturate(1.65)!important;
  -webkit-backdrop-filter:blur(34px) saturate(1.65)!important;
}
.subject-menu-panel p{
  margin:4px 8px 10px!important;
  font-size:11px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:rgba(255,248,232,.56)!important;
  font-weight:900!important;
}
.subject-menu-item{
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:rgba(255,248,232,.82)!important;
  font-size:13px!important;
  font-weight:830!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
.subject-menu-item + .subject-menu-item{margin-top:5px!important;}
.subject-menu-item::before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--subject,var(--lime));
  box-shadow:0 0 18px color-mix(in srgb,var(--subject,var(--lime)) 58%,transparent);
}
.subject-menu-item.is-active{
  background:rgba(255,255,255,.88)!important;
  color:#101116!important;
  border-color:rgba(255,255,255,.52)!important;
}

.vertical-study-feed.reels-study-feed{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scroll-snap-type:y mandatory!important;
  scroll-padding:0!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:0!important;
  margin:0!important;
}
.vertical-study-feed.reels-study-feed::-webkit-scrollbar{display:none!important;}
.liquid-study-card.reel-card{
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:calc(84px + env(safe-area-inset-top)) var(--reel-content-x) calc(124px + env(safe-area-inset-bottom))!important;
  border:0!important;
  border-radius:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(8,9,13,.04) 0%,rgba(8,9,13,.10) 30%,rgba(8,9,13,.62) 100%),
    radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--subject) 58%,transparent),transparent 24rem),
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045))!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:.96!important;
  transform:none!important;
  transition:filter .38s ease,opacity .38s ease!important;
  contain:layout paint!important;
}
.liquid-study-card.reel-card.is-in-view{opacity:1!important;filter:saturate(1.04)!important;}
.liquid-study-card.reel-card::before,
.liquid-study-card.reel-card::after{
  content:""!important;
  position:absolute!important;
  inset:var(--reel-panel-top) 14px var(--reel-panel-bottom)!important;
  border-radius:34px!important;
  pointer-events:none!important;
}
.liquid-study-card.reel-card::before{
  background:
    linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08) 54%,rgba(255,255,255,.045)),
    radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--subject) 28%,transparent),transparent 24rem)!important;
  border:1px solid rgba(255,255,255,.23)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(38px) saturate(1.65)!important;
  -webkit-backdrop-filter:blur(38px) saturate(1.65)!important;
}
.liquid-study-card.reel-card::after{
  background:linear-gradient(125deg,rgba(255,255,255,.34),transparent 23%,transparent 66%,rgba(255,255,255,.10)),radial-gradient(circle at 92% 6%,rgba(255,255,255,.18),transparent 7rem)!important;
  opacity:.46!important;
}
.liquid-study-card.reel-card > *{position:relative;z-index:2;}
.liquid-study-card.reel-card .card-liquid-bg{display:none!important;}
.reel-card .study-card-top{
  position:absolute!important;
  z-index:3!important;
  top:calc(68px + env(safe-area-inset-top))!important;
  left:calc(var(--reel-content-x) + 2px)!important;
  right:calc(var(--reel-content-x) + 46px)!important;
  display:block!important;
}
.reel-card .study-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  max-width:100%!important;
  padding:0!important;
}
.reel-card .study-tags span{
  min-height:24px!important;
  max-width:min(245px,100%)!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:rgba(18,20,26,.28)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,248,232,.82)!important;
  font-size:9.4px!important;
  line-height:24px!important;
  font-weight:820!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.reel-card .study-tags span:nth-child(3){display:none!important;}
.reel-card .card-counter,.reel-card .connection-strip,.reel-card.type-connection{display:none!important;}
.reel-card .study-card-core{
  width:min(560px,100%)!important;
  margin:28px auto 0!important;
  padding:34px 6px 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.reel-card .difficulty-chip{
  min-height:25px!important;
  margin:0 0 14px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--subject) 30%,rgba(255,255,255,.10))!important;
  color:rgba(255,248,232,.72)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:9.5px!important;
  font-weight:780!important;
  letter-spacing:0!important;
}
.reel-card h2{
  margin:0!important;
  font-size:clamp(24px,6.6vw,36px)!important;
  line-height:1.1!important;
  font-weight:840!important;
  max-width:100%!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
  color:#fff8e8!important;
  text-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}
.reel-card.has-long-copy h2{
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.reel-card .lead-copy,
.reel-card .body-copy,
.reel-card .answer-sheet p{
  margin:16px 0 0!important;
  max-width:540px!important;
  font-size:clamp(15px,3.95vw,17.4px)!important;
  line-height:1.54!important;
  font-weight:520!important;
  color:rgba(255,248,232,.78)!important;
  letter-spacing:0!important;
}
.reel-card .copy-short,
.reel-card .copy-short p{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;}
.reel-card .copy-long,
.reel-card .copy-long p{display:-webkit-box!important;-webkit-line-clamp:6!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.reel-card .answer-sheet{width:100%!important;margin:17px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.reel-card .answer-sheet span{color:rgba(214,255,79,.86)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
.expand-copy-btn{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  min-height:38px!important;
  margin:17px 0 0!important;
  padding:0 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#101116!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.74))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.64)!important;
  font-size:13px!important;
  font-weight:840!important;
  line-height:1!important;
  letter-spacing:0!important;
  transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease!important;
}
.expand-copy-btn:active{transform:scale(.965)!important;}
.reel-swipe-cue{display:none!important;}
.reel-swipe-cue.is-first-cue{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:calc(88px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%) scale(.82)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  color:rgba(255,248,232,.50)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  pointer-events:none!important;
  opacity:0!important;
  animation:firstCue 3.2s cubic-bezier(.16,1,.3,1) .6s both!important;
}
.reel-swipe-cue span{width:17px;height:17px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);}
@keyframes firstCue{0%{opacity:0;transform:translate(-50%,2px) scale(.82)}18%,64%{opacity:.72;transform:translate(-50%,0) scale(.82)}100%{opacity:0;transform:translate(-50%,10px) scale(.82)}}

body.ripasso-shell .mobile-dock{
  z-index:78!important;
  width:min(392px,calc(100% - 36px))!important;
  min-height:52px!important;
  padding:5px!important;
  border-radius:28px!important;
  bottom:calc(11px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.095))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.38)!important;
  backdrop-filter:blur(40px) saturate(1.7)!important;
  -webkit-backdrop-filter:blur(40px) saturate(1.7)!important;
}
body.ripasso-shell .mobile-dock a{
  min-height:42px!important;
  border-radius:24px!important;
  font-size:9px!important;
  font-weight:860!important;
  color:rgba(255,248,232,.57)!important;
  gap:2px!important;
}
body.ripasso-shell .mobile-dock a span{font-size:16px!important;line-height:1!important;}
body.ripasso-shell .mobile-dock a.is-active{background:rgba(255,255,255,.86)!important;color:#101116!important;}

.reader-backdrop[hidden]{display:none!important;}
.reader-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:240!important;
  display:grid!important;
  place-items:end center!important;
  padding:calc(12px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))!important;
  background:rgba(3,4,8,.52)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  overscroll-behavior:contain!important;
  animation:readerFade .22s ease both!important;
}
.reader-panel{
  width:min(640px,100%)!important;
  max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  border-radius:30px!important;
  padding:22px 20px calc(32px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(145deg,rgba(35,36,42,.92),rgba(15,16,22,.84))!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.34)!important;
  animation:readerUp .30s cubic-bezier(.16,1,.3,1) both!important;
}
.reader-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  width:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#101116!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:760!important;
  z-index:2!important;
}
.reader-meta{margin:4px 48px 12px 0!important;color:rgba(214,255,79,.88)!important;font-size:11px!important;line-height:1.25!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.reader-panel h2{margin:0 0 16px!important;font-size:clamp(26px,7vw,42px)!important;line-height:1.08!important;font-weight:890!important;letter-spacing:0!important;color:#fff8e8!important;}
.reader-body{padding-bottom:34px!important;color:rgba(255,248,232,.82)!important;font-size:17px!important;line-height:1.56!important;font-weight:520!important;white-space:pre-line!important;}
body.reader-open{overflow:hidden!important;}
body.reader-open .mobile-dock,body.reader-open .ripasso-minibar{opacity:0!important;pointer-events:none!important;}
@keyframes readerFade{from{opacity:0}to{opacity:1}}
@keyframes readerUp{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (max-width:520px){
  body.ripasso-shell{--reel-panel-top:calc(10px + env(safe-area-inset-top));--reel-panel-bottom:calc(22px + env(safe-area-inset-bottom));--reel-content-x:26px;}
  .ripasso-minibar{top:calc(10px + env(safe-area-inset-top))!important;right:12px!important;padding:3px!important;}
  .ripasso-burger{width:34px!important;height:34px!important;min-width:34px!important;}
  .ripasso-burger span{width:14px!important;height:1.8px!important;}
  .subject-menu-panel{width:min(272px,calc(100vw - 24px))!important;border-radius:22px!important;}
  .liquid-study-card.reel-card{padding:calc(76px + env(safe-area-inset-top)) var(--reel-content-x) calc(128px + env(safe-area-inset-bottom))!important;}
  .liquid-study-card.reel-card::before,.liquid-study-card.reel-card::after{inset:var(--reel-panel-top) 14px var(--reel-panel-bottom)!important;border-radius:30px!important;}
  .reel-card .study-card-top{top:calc(62px + env(safe-area-inset-top))!important;left:calc(var(--reel-content-x) + 2px)!important;right:calc(var(--reel-content-x) + 46px)!important;}
  .reel-card .study-tags span{min-height:23px!important;line-height:23px!important;font-size:8.9px!important;max-width:190px!important;padding:0 8px!important;}
  .reel-card .study-tags span:nth-child(2){max-width:158px!important;}
  .reel-card .study-card-core{margin-top:24px!important;padding-top:34px!important;}
  .reel-card h2{font-size:clamp(24px,6.75vw,31px)!important;line-height:1.13!important;}
  .reel-card .lead-copy,.reel-card .body-copy,.reel-card .answer-sheet p{font-size:clamp(15px,3.9vw,16.2px)!important;line-height:1.54!important;}
  .reel-card .copy-long,.reel-card .copy-long p{-webkit-line-clamp:6!important;}
  .expand-copy-btn{min-height:36px!important;font-size:12.5px!important;margin-top:16px!important;padding:0 15px!important;}
  body.ripasso-shell .mobile-dock{width:calc(100% - 36px)!important;min-height:52px!important;}
  body.ripasso-shell .mobile-dock a{min-height:42px!important;font-size:8.6px!important;}
  .reader-panel{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:28px!important;padding:20px 18px calc(30px + env(safe-area-inset-bottom))!important;}
  .reader-body{font-size:16px!important;line-height:1.56!important;}
}
@media (prefers-reduced-motion:reduce){.reel-swipe-cue.is-first-cue{animation:none!important;opacity:.55!important}.liquid-study-card.reel-card,.ripasso-burger span{transition:none!important}}


/* Olly Studio · final polish patch */
body.ripasso-shell .page-wrap{padding:0!important;}
body.subject-menu-open .vertical-study-feed.reels-study-feed{filter:blur(1.5px) brightness(.88);transition:filter .22s ease;}
.subject-menu-panel::-webkit-scrollbar,.reader-panel::-webkit-scrollbar{width:0;height:0;}
.reel-card .study-tags span:empty{display:none!important;}
.reel-card .study-tags span:nth-child(n+3){display:none!important;}
.reel-card .study-tags span:first-child{background:color-mix(in srgb,var(--subject) 24%,rgba(14,16,20,.46))!important;color:rgba(255,248,232,.88)!important;}
.reel-card .study-tags span:nth-child(2){background:rgba(12,14,18,.32)!important;color:rgba(255,248,232,.72)!important;}
.expand-copy-btn{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.80))!important;}
.reader-panel{scrollbar-width:none!important;}
@supports (height:100svh){.vertical-study-feed.reels-study-feed,.liquid-study-card.reel-card{height:100svh!important;min-height:100svh!important;}}

.reel-swipe-cue.is-hidden{display:none!important;}

/* Olly Studio · Flip Reels + animated chips */
.liquid-study-card.reel-card{
  perspective:1600px!important;
  cursor:pointer!important;
  padding:0!important;
}
.liquid-study-card.reel-card::before,
.liquid-study-card.reel-card::after{
  inset:var(--reel-panel-top) 14px var(--reel-panel-bottom)!important;
}
.reel-flip-card{
  position:absolute!important;
  z-index:3!important;
  inset:calc(var(--reel-panel-top) + 20px) 30px calc(var(--reel-panel-bottom) + 22px) 30px!important;
  transform-style:preserve-3d!important;
  transition:transform .58s cubic-bezier(.2,.9,.2,1)!important;
  will-change:transform!important;
}
.reel-card.is-flipped .reel-flip-card{transform:rotateY(180deg)!important;}
.reel-card-face{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  overflow:hidden!important;
}
.reel-card-front{
  justify-content:space-between!important;
  padding:4px 8px 14px!important;
}
.reel-card-back{
  transform:rotateY(180deg)!important;
  padding:4px 8px 10px!important;
}
.reel-front-title-wrap{
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  padding:clamp(20px,7vh,72px) 0 clamp(24px,8vh,78px)!important;
}
.reel-card h2,
.reel-card .reel-card-front h2{
  margin:0!important;
  max-width:min(640px,100%)!important;
  font-size:clamp(34px,9.4vw,62px)!important;
  line-height:.98!important;
  font-weight:880!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
  color:#fff8e8!important;
  text-shadow:0 12px 34px rgba(0,0,0,.32)!important;
  display:block!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
.tap-hint{
  margin:18px 0 0!important;
  color:rgba(255,248,232,.54)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:0!important;
}
.reel-meta-marquee{
  width:min(100%,480px)!important;
  min-height:34px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  color:rgba(255,248,232,.86)!important;
  background:linear-gradient(145deg,rgba(12,14,18,.42),rgba(255,255,255,.09))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 26px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(22px) saturate(1.45)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.45)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)!important;
}
.reel-meta-marquee.compact{
  width:min(100%,420px)!important;
  min-height:30px!important;
  opacity:.92!important;
}
.reel-meta-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  gap:28px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
  animation:reelMetaFlow 18s linear infinite!important;
}
.reel-meta-track span{
  display:block!important;
  font-size:11px!important;
  line-height:34px!important;
  font-weight:840!important;
  color:rgba(255,248,232,.82)!important;
  letter-spacing:0!important;
}
.reel-meta-marquee.compact .reel-meta-track span{font-size:10px!important;line-height:30px!important;}
@keyframes reelMetaFlow{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 14px))}
}
.reel-back-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-top:18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:0 4px 30px 0!important;
  scrollbar-width:none!important;
}
.reel-back-scroll::-webkit-scrollbar{display:none!important;}
.reel-back-title{
  margin:0 0 12px!important;
  max-width:620px!important;
  color:#fff8e8!important;
  font-size:clamp(16px,4vw,18px)!important;
  line-height:1.38!important;
  font-weight:860!important;
  letter-spacing:0!important;
}
.reel-back-body{
  max-width:620px!important;
  color:rgba(255,248,232,.78)!important;
  font-size:clamp(16px,4vw,18px)!important;
  line-height:1.55!important;
  font-weight:520!important;
  letter-spacing:0!important;
}
.reel-card.is-flipped .reel-swipe-cue{display:none!important;}
.reel-card.is-flipped{cursor:default!important;}
body.ripasso-shell .mobile-dock{
  z-index:78!important;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.075))!important;
}
@media (max-width:520px){
  .reel-flip-card{inset:calc(var(--reel-panel-top) + 18px) 27px calc(var(--reel-panel-bottom) + 20px) 27px!important;}
  .reel-card-front,.reel-card-back{padding:3px 8px 10px!important;}
  .reel-front-title-wrap{padding:clamp(18px,6vh,58px) 0 clamp(22px,7vh,68px)!important;}
  .reel-card h2,.reel-card .reel-card-front h2{font-size:clamp(31px,9.8vw,46px)!important;line-height:1!important;}
  .reel-meta-marquee{min-height:32px!important;width:min(100%,390px)!important;}
  .reel-meta-track span{font-size:10px!important;line-height:32px!important;}
  .reel-back-scroll{margin-top:16px!important;padding-bottom:34px!important;}
  .reel-back-title,.reel-back-body{font-size:16px!important;line-height:1.5!important;}
}
@media (prefers-reduced-motion:reduce){
  .reel-flip-card,.reel-meta-track{animation:none!important;transition:none!important;}
}

/* Olly Studio · flip reels final micro-polish */
.reel-meta-marquee{
  width:min(100%,500px)!important;
  min-height:34px!important;
  background:linear-gradient(145deg,rgba(20,24,18,.36),rgba(255,255,255,.075))!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 10px 24px rgba(0,0,0,.12)!important;
}
.reel-meta-marquee.compact{width:min(100%,460px)!important;opacity:.86!important;}
.reel-meta-track{
  gap:0!important;
  padding:0!important;
  min-width:max-content!important;
  animation:reelMetaFlowClean 20s linear infinite!important;
  will-change:transform!important;
}
.reel-meta-track span{
  flex:0 0 auto!important;
  padding:0 24px!important;
  font-size:10.6px!important;
  line-height:34px!important;
  white-space:nowrap!important;
}
.reel-meta-marquee.compact .reel-meta-track span{font-size:9.8px!important;line-height:30px!important;}
@keyframes reelMetaFlowClean{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.reel-front-title-wrap{
  padding:clamp(22px,6.5vh,74px) 0 clamp(28px,7vh,82px)!important;
  justify-content:center!important;
}
.reel-card h2,
.reel-card .reel-card-front h2{
  font-size:clamp(30px,8.15vw,50px)!important;
  line-height:1.04!important;
  max-width:96%!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.tap-hint{margin-top:16px!important;}

.reel-card-back{
  padding:4px 8px 12px!important;
}
.reel-back-scroll{
  margin-top:0!important;
  padding:12px 4px 36px 0!important;
  display:block!important;
}
.reel-back-content{
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.reel-back-scroll.is-overflowing .reel-back-content{
  min-height:auto!important;
  justify-content:flex-start!important;
}
.reel-back-title{
  font-size:clamp(15.5px,3.85vw,17px)!important;
  line-height:1.42!important;
  margin-bottom:13px!important;
  max-width:650px!important;
}
.reel-back-body{
  font-size:clamp(15.5px,3.85vw,17px)!important;
  line-height:1.58!important;
  max-width:650px!important;
}

@media (max-width:520px){
  .reel-flip-card{inset:calc(var(--reel-panel-top) + 18px) 27px calc(var(--reel-panel-bottom) + 20px) 27px!important;}
  .reel-front-title-wrap{padding:clamp(24px,8vh,72px) 0 clamp(32px,8vh,78px)!important;}
  .reel-card h2,.reel-card .reel-card-front h2{font-size:clamp(28px,8.3vw,38px)!important;line-height:1.06!important;max-width:94%!important;}
  .tap-hint{font-size:11.5px!important;margin-top:14px!important;}
  .reel-meta-marquee{width:min(100%,calc(100vw - 112px))!important;min-height:31px!important;}
  .reel-meta-track span{font-size:9.7px!important;line-height:31px!important;padding:0 20px!important;}
  .reel-meta-marquee.compact{min-height:29px!important;width:min(100%,calc(100vw - 118px))!important;}
  .reel-meta-marquee.compact .reel-meta-track span{font-size:9.2px!important;line-height:29px!important;}
  .reel-back-scroll{padding-top:10px!important;padding-bottom:34px!important;}
  .reel-back-title,.reel-back-body{font-size:15.6px!important;line-height:1.54!important;}
}

@media (prefers-reduced-motion:reduce){.reel-meta-track{animation:none!important;}}

/* Olly Studio · Allenamento Orale */
.training-hero{border-radius:36px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;margin:16px 0 14px;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.07)),radial-gradient(circle at 12% 0%,rgba(215,255,100,.26),transparent 34rem)}
.training-hero h1{margin:0;font-size:clamp(42px,8vw,86px);line-height:.9;letter-spacing:-.055em;max-width:820px}
.training-hero p{margin:14px 0 0;color:var(--ink2);max-width:680px;font-size:17px;line-height:1.42}
.training-count{min-width:136px;min-height:116px;border-radius:30px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;text-align:center;box-shadow:var(--glow);padding:16px}
.training-count strong{font-size:48px;line-height:.8;letter-spacing:-.05em}.training-count span{display:block;color:var(--ink2);font-weight:900;font-size:13px;margin-top:6px}
.training-toolbar{border-radius:28px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;position:sticky;top:10px;z-index:20;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.075));overflow:visible}
.training-subject-current{min-height:48px;border-radius:22px;padding:0 16px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.11);display:flex;align-items:center;gap:10px;min-width:0;flex:1}.training-subject-current span{color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.training-subject-current strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.training-subject-menu{position:relative;flex:0 0 auto}.training-subject-menu summary{list-style:none;cursor:pointer;min-height:48px;border-radius:22px;padding:0 18px;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#111217;font-weight:950}.training-subject-menu summary::-webkit-details-marker{display:none}.training-subject-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 36px));max-height:60vh;overflow:auto;border-radius:26px;padding:10px;background:rgba(26,27,32,.82);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.44);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4)}.training-subject-panel a{display:block;padding:14px 16px;border-radius:18px;color:var(--ink2);font-weight:900}.training-subject-panel a.is-active{background:rgba(215,255,100,.88);color:#111217}
.training-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:4px 0 18px}.training-tabs::-webkit-scrollbar{display:none}.training-tabs a{flex:0 0 auto;min-height:42px;padding:0 16px;border-radius:999px;display:grid;place-items:center;color:var(--ink2);font-weight:950;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.training-tabs a.is-active,.training-tabs a:target{background:rgba(255,255,255,.90);color:#111217}
.training-section{scroll-margin-top:110px;margin-top:18px}.training-section-title{margin:10px 0 14px}.training-section-title h2{margin:0;font-size:clamp(36px,6vw,64px);line-height:.92;letter-spacing:-.05em}.training-section-title p{margin:10px 0 0;color:var(--ink2);max-width:720px;line-height:1.45;font-size:16px}.oral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oral-card{border-radius:32px;padding:22px;min-height:330px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055)),radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--subject) 34%,transparent),transparent 24rem);overflow:hidden}.oral-meta{display:flex;gap:7px;flex-wrap:wrap}.oral-meta span{max-width:100%;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.105);border:1px solid rgba(255,255,255,.12);color:rgba(255,248,232,.76);font-size:11px;font-weight:900;display:inline-flex;align-items:center}.oral-card h3{margin:0;font-size:clamp(26px,4vw,42px);line-height:.96;letter-spacing:-.045em}.oral-prompt{margin:0;color:var(--ink2);font-size:17px;line-height:1.42}.oral-actions{margin-top:auto}.oral-card details,.simulation-card details{border-radius:22px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);overflow:hidden}.oral-card summary,.simulation-card summary{cursor:pointer;padding:15px 16px;list-style:none;font-weight:950;color:var(--lime)}.oral-card summary::-webkit-details-marker,.simulation-card summary::-webkit-details-marker{display:none}.oral-outline{padding:0 16px 16px;color:var(--ink2);line-height:1.5;max-height:52vh;overflow:auto}.oral-outline h4{margin:12px 0 8px;color:var(--ink);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.oral-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.oral-checklist li{border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);padding:10px}.oral-checklist label{display:flex;gap:10px;align-items:flex-start}.oral-checklist input{margin-top:3px;accent-color:#d7ff64}.oral-checklist span{display:block}.simulation-deck{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:14px;align-items:start}.simulation-console{border-radius:30px;padding:20px;position:sticky;top:88px;display:grid;gap:14px}.simulation-console strong{font-size:clamp(48px,8vw,76px);line-height:.82;letter-spacing:-.06em}.simulation-controls{display:flex;gap:8px;flex-wrap:wrap}.simulation-controls .button{min-height:42px;padding:0 14px}.simulation-stack{position:relative;min-height:430px}.simulation-card{display:none;border-radius:34px;padding:26px;min-height:430px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06)),radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--subject) 36%,transparent),transparent 28rem)}.simulation-card.is-active{display:block;animation:softPop .32s cubic-bezier(.2,.9,.2,1)}@keyframes softPop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.simulation-card h3{font-size:clamp(36px,6vw,68px);line-height:.88;letter-spacing:-.055em;margin:0 0 14px}.simulation-card p{font-size:18px;line-height:1.45;color:var(--ink2)}.simulation-next{margin-top:12px;width:100%}.training-quiz{margin-top:0}.training-quiz .exam-status{position:sticky;top:88px}.training-quiz .exam-card{min-height:unset}.mobile-dock a[href$="quiz.php"] span{font-weight:900}
@media (max-width:760px){.training-hero{grid-template-columns:1fr;padding:22px;border-radius:30px}.training-count{display:none}.training-toolbar{top:8px;border-radius:26px}.training-subject-current span{display:none}.training-subject-menu summary{width:54px;padding:0;font-size:0}.training-subject-menu summary::before{content:'☰';font-size:22px}.oral-grid{grid-template-columns:1fr}.oral-card{min-height:310px;padding:20px;border-radius:28px}.simulation-deck{grid-template-columns:1fr}.simulation-console{position:relative;top:auto}.training-tabs{padding-bottom:12px}.training-section-title h2{font-size:42px}.training-hero h1{font-size:52px}.training-hero p{font-size:15px}.training-section{scroll-margin-top:90px}.oral-outline{max-height:62vh}.training-quiz .exam-status{position:relative;top:auto}}