@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";
.homepage{--color-background:#fff;--color-textPrimary:#1a2b3c;--color-textSecondary:#fff;--color-primary:#ff6f4a;--color-border:#1b8fc226;--color-hover:#e8f6fc;--background:#fff;--foreground:#1a2b3c;color:#1a2b3c;background:#fff;font-family:Nunito,Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.homepage h1,.homepage h2,.homepage h3,.homepage h4,.homepage h5,.homepage h6,.homepage .hp-section-label,.homepage .hp-stat__number,.homepage .hp-step__number{font-family:Fredoka,Inter,sans-serif}.homepage a{color:inherit;text-decoration:none}.homepage .hp-section{padding:clamp(90px,1.85185vw + 83.3333px,110px) clamp(36px,.740741vw + 33.3333px,44px)}@media (max-width:767px){.homepage .hp-section{padding:clamp(64.8px,1.33333vw + 60px,79.2px) clamp(18px,.37037vw + 16.6667px,22px)}}.homepage .hp-section-label{text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700}.homepage .hp-section-title{text-align:center;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(37.8px,.777778vw + 35px,46.2px);font-weight:800;line-height:1.2}@media (max-width:767px){.homepage .hp-section-title{font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}}.homepage .hp-section-subtitle{text-align:center;color:#5a7184;max-width:560px;margin:0 auto clamp(54px,1.11111vw + 50px,66px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);line-height:1.6}.homepage .hp-hero{background:linear-gradient(175deg,#e8f6fc 0%,#fff 40%,#fdf6ec 100%);justify-content:center;align-items:center;min-height:100vh;padding:clamp(36px,.740741vw + 33.3333px,44px) clamp(36px,.740741vw + 33.3333px,44px) clamp(72px,1.48148vw + 66.6667px,88px);display:flex;position:relative;overflow:hidden}@media (max-width:767px){.homepage .hp-hero{min-height:auto;padding:clamp(36px,.740741vw + 33.3333px,44px) clamp(18px,.37037vw + 16.6667px,22px) clamp(54px,1.11111vw + 50px,66px)}}.homepage .hp-hero__bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.homepage .hp-bubble{opacity:.12;border-radius:50%;animation:linear infinite hp-float-up;position:absolute}@keyframes hp-float-up{0%{opacity:0;transform:translateY(100vh)scale(.5)}10%{opacity:.12}90%{opacity:.12}to{opacity:0;transform:translateY(-100px)scale(1)}}.homepage .hp-hero__content{text-align:center;z-index:2;max-width:720px;position:relative}.homepage .hp-pelican{width:clamp(162px,3.33333vw + 150px,198px);height:clamp(162px,3.33333vw + 150px,198px);margin:0 auto clamp(28.8px,.592593vw + 26.6667px,35.2px)}@media (max-width:767px){.homepage .hp-pelican{width:clamp(126px,2.59259vw + 116.667px,154px);height:clamp(126px,2.59259vw + 116.667px,154px)}}.homepage .hp-pelican img{object-fit:contain;width:100%;height:100%;animation:2.5s ease-in-out infinite hp-pelican-bob}@keyframes hp-pelican-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.homepage .hp-hero__title{color:#1a2b3c;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(50.4px,1.03704vw + 46.6667px,61.6px);font-weight:800;line-height:1.15}@media (max-width:767px){.homepage .hp-hero__title{font-size:clamp(32.4px,.666667vw + 30px,39.6px)}}.homepage .hp-highlight{color:#1b8fc2;display:inline-block;position:relative}.homepage .hp-highlight:after{content:"";z-index:-1;opacity:.6;background:#ffd234;border-radius:6px;height:clamp(10.8px,.222222vw + 10px,13.2px);position:absolute;bottom:2px;left:-4px;right:-4px}.homepage .hp-hero__body{color:#5a7184;max-width:540px;margin-bottom:clamp(32.4px,.666667vw + 30px,39.6px);margin-left:auto;margin-right:auto;font-size:clamp(18px,.37037vw + 16.6667px,22px);line-height:1.6}@media (max-width:767px){.homepage .hp-hero__body{font-size:clamp(15.3px,.314815vw + 14.1667px,18.7px)}}.homepage .hp-hero__buttons{flex-wrap:wrap;justify-content:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding-bottom:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}@media (max-width:767px){.homepage .hp-hero__buttons{flex-direction:column;align-items:center;gap:clamp(12.6px,.259259vw + 11.6667px,15.4px);width:100%}.homepage .hp-hero__buttons .button{width:100%;max-width:clamp(270px,5.55556vw + 250px,330px)}}.homepage .hp-hero__stats{flex-wrap:wrap;justify-content:center;gap:clamp(36px,.740741vw + 33.3333px,44px);margin-top:clamp(43.2px,.888889vw + 40px,52.8px);display:flex}@media (max-width:767px){.homepage .hp-hero__stats{gap:clamp(21.6px,.444444vw + 20px,26.4px)}}.homepage .hp-stat__number{color:#1b8fc2;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:800}.homepage .hp-stat__label{color:#a3b5c4;text-transform:uppercase;letter-spacing:1px;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700}.homepage .hp-how-it-works{background:#fff}.homepage .hp-how-it-works .hp-section-label{color:#1b8fc2}.homepage .hp-steps{flex-wrap:wrap;justify-content:center;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);max-width:1000px;margin:0 auto;display:flex}@media (max-width:767px){.homepage .hp-steps{flex-direction:column;align-items:center}}.homepage .hp-step{text-align:center;background:#e8f6fc;border:3px solid #0000;border-radius:16px;flex:1;min-width:240px;max-width:280px;padding:clamp(36px,.740741vw + 33.3333px,44px) clamp(21.6px,.444444vw + 20px,26.4px) clamp(28.8px,.592593vw + 26.6667px,35.2px);transition:transform .3s,border-color .3s,box-shadow .3s}.homepage .hp-step:hover{border-color:#1b8fc2;transform:translateY(-6px);box-shadow:0 12px 32px #1b8fc226}.homepage .hp-step__number{color:#fff;background:#1b8fc2;border-radius:50%;justify-content:center;align-items:center;width:clamp(46.8px,.962963vw + 43.3333px,57.2px);height:clamp(46.8px,.962963vw + 43.3333px,57.2px);margin:0 auto clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);font-weight:700;display:flex;box-shadow:0 4px #14699a}.homepage .hp-step__icon{color:#1b8fc2;justify-content:center;align-items:center;margin:0 auto clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(36px,.740741vw + 33.3333px,44px);display:flex}.homepage .hp-step__icon svg{width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px)}.homepage .hp-step__title{color:#1a2b3c;margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(17.1px,.351852vw + 15.8333px,20.9px);font-weight:700}.homepage .hp-step__body{color:#5a7184;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);line-height:1.5}.homepage .hp-step-connector{color:#a3e0f7;align-items:center;margin-top:clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}@media (max-width:767px){.homepage .hp-step-connector{display:none}}.homepage .hp-features{background:linear-gradient(175deg,#fdf6ec 0%,#fff0ec 50%,#fff8e1 100%)}.homepage .hp-features .hp-section-label{color:#ff6f4a}.homepage .hp-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(21.6px,.444444vw + 20px,26.4px);max-width:1000px;margin:0 auto;display:grid}.homepage .hp-feature-card{background:#fff;border:3px solid #0000;border-radius:16px;padding:clamp(32.4px,.666667vw + 30px,39.6px) clamp(25.2px,.518519vw + 23.3333px,30.8px);transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.homepage .hp-feature-card:before{content:"";border-radius:16px 16px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.homepage .hp-feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014}.homepage .hp-feature-card:first-child:before{background:#1b8fc2}.homepage .hp-feature-card:first-child:hover{border-color:#1b8fc2}.homepage .hp-feature-card:nth-child(2):before{background:#ff6f4a}.homepage .hp-feature-card:nth-child(2):hover{border-color:#ff6f4a}.homepage .hp-feature-card:nth-child(3):before{background:#4ecda5}.homepage .hp-feature-card:nth-child(3):hover{border-color:#4ecda5}.homepage .hp-feature-card:nth-child(4):before{background:#ffd234}.homepage .hp-feature-card:nth-child(4):hover{border-color:#ffd234}.homepage .hp-feature-card:nth-child(5):before{background:#7c5cbf}.homepage .hp-feature-card:nth-child(5):hover{border-color:#7c5cbf}.homepage .hp-feature-card:nth-child(6):before{background:#1b8fc2}.homepage .hp-feature-card:nth-child(6):hover{border-color:#1b8fc2}.homepage .hp-feature-card__icon{border-radius:14px;justify-content:center;align-items:center;width:clamp(50.4px,1.03704vw + 46.6667px,61.6px);height:clamp(50.4px,1.03704vw + 46.6667px,61.6px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);display:flex}.homepage .hp-feature-card__icon svg{width:clamp(25.2px,.518519vw + 23.3333px,30.8px);height:clamp(25.2px,.518519vw + 23.3333px,30.8px)}.homepage .hp-feature-card:first-child .hp-feature-card__icon{color:#1b8fc2;background:#1b8fc21f}.homepage .hp-feature-card:nth-child(2) .hp-feature-card__icon{color:#ff6f4a;background:#ff6f4a1f}.homepage .hp-feature-card:nth-child(3) .hp-feature-card__icon{color:#4ecda5;background:#4ecda51f}.homepage .hp-feature-card:nth-child(4) .hp-feature-card__icon{color:#e7b300;background:#ffd23426}.homepage .hp-feature-card:nth-child(5) .hp-feature-card__icon{color:#7c5cbf;background:#7c5cbf1f}.homepage .hp-feature-card:nth-child(6) .hp-feature-card__icon{color:#1b8fc2;background:#1b8fc21f}.homepage .hp-feature-card__title{color:#1a2b3c;margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700}.homepage .hp-feature-card__body{color:#5a7184;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);line-height:1.55}.homepage .hp-testimonials{background:#1b8fc2;position:relative;overflow:hidden}.homepage .hp-testimonials .hp-section-label{color:#ffd234}.homepage .hp-testimonials .hp-section-title{color:#fff}.homepage .hp-testimonials .hp-section-subtitle{color:#a3e0f7}.homepage .hp-testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(21.6px,.444444vw + 20px,26.4px);max-width:1000px;margin:0 auto;display:grid}.homepage .hp-testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:2px solid #ffffff26;border-radius:16px;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px) clamp(25.2px,.518519vw + 23.3333px,30.8px);transition:transform .3s,background .3s}.homepage .hp-testimonial-card:hover{background:#ffffff2e;transform:translateY(-4px)}.homepage .hp-testimonial-card__stars{color:#ffd234;letter-spacing:2px;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(15.3px,.314815vw + 14.1667px,18.7px)}.homepage .hp-testimonial-card__text{color:#fff;margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-style:italic;line-height:1.65}.homepage .hp-testimonial-author{align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.homepage .hp-testimonial-author__avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);font-size:clamp(17.1px,.351852vw + 15.8333px,20.9px);font-weight:700;display:flex}.homepage .hp-testimonial-card:first-child .hp-testimonial-author__avatar{background:#ff6f4a}.homepage .hp-testimonial-card:nth-child(2) .hp-testimonial-author__avatar{background:#4ecda5}.homepage .hp-testimonial-card:nth-child(3) .hp-testimonial-author__avatar{background:#7c5cbf}.homepage .hp-testimonial-author__name{color:#fff;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700}.homepage .hp-testimonial-author__role{color:#a3e0f7;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.homepage .hp-cta{text-align:center;background:linear-gradient(175deg,#1b8fc2 0%,#14699a 30%,#1a2b3c 100%);flex-direction:column;align-items:center;padding:clamp(108px,2.22222vw + 100px,132px) clamp(36px,.740741vw + 33.3333px,44px);display:flex;position:relative;overflow:hidden}@media (max-width:767px){.homepage .hp-cta{padding:clamp(72px,1.48148vw + 66.6667px,88px) clamp(18px,.37037vw + 16.6667px,22px)}}.homepage .hp-cta__glow{background:radial-gradient(circle,#ffd2341f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite hp-pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hp-pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.homepage .hp-cta__pelican{z-index:2;width:clamp(108px,2.22222vw + 100px,132px);height:clamp(108px,2.22222vw + 100px,132px);margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);position:relative}.homepage .hp-cta__pelican img{object-fit:contain;width:100%;height:100%}.homepage .hp-cta__title{color:#fff;z-index:2;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(39.6px,.814815vw + 36.6667px,48.4px);font-weight:800;position:relative}@media (max-width:767px){.homepage .hp-cta__title{font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}}.homepage .hp-cta__body{color:#a3e0f7;z-index:2;max-width:480px;margin-bottom:clamp(36px,.740741vw + 33.3333px,44px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);line-height:1.6;position:relative}.homepage .hp-cta .button{z-index:2;position:relative}.homepage .hp-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.homepage .hp-reveal.hp-visible{opacity:1;transform:translateY(0)}.homepage .hp-reveal-delay-1{transition-delay:80ms}.homepage .hp-reveal-delay-2{transition-delay:.16s}.homepage .hp-reveal-delay-3{transition-delay:.24s}.homepage .hp-reveal-delay-4{transition-delay:.32s}.homepage .hp-reveal-delay-5{transition-delay:.4s}.homepage .hp-reveal-delay-6{transition-delay:.48s}.campaign-dashboard{flex-direction:column;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);max-width:1200px;margin:0 auto;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}@media (max-width:767px){.campaign-dashboard{gap:clamp(21.6px,.444444vw + 20px,26.4px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.dashboard-widgets{grid-template-columns:repeat(3,1fr);gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:grid}@media (max-width:767px){.dashboard-widgets{grid-template-columns:1fr;gap:clamp(10.8px,.222222vw + 10px,13.2px)}}.currently-reading{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;padding:clamp(21.6px,.444444vw + 20px,26.4px);transition:box-shadow .3s}.currently-reading:hover{box-shadow:0 4px 6px #0000001a}.currently-reading__header{align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.currently-reading__header h3{color:var(--color-textPrimary);margin:0;font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700}.currently-reading__header .currently-reading__header-icon{color:#ff6f4a;font-size:clamp(18px,.37037vw + 16.6667px,22px)}.currently-reading__content{align-items:flex-start;gap:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.currently-reading__content{flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.currently-reading__cover{border-radius:8px;flex-shrink:0;width:clamp(90px,1.85185vw + 83.3333px,110px);height:clamp(126px,2.59259vw + 116.667px,154px);overflow:hidden;box-shadow:0 4px 6px #0000001a}.currently-reading__cover img{object-fit:cover;width:100%;height:100%}@media (max-width:767px){.currently-reading__cover{width:clamp(72px,1.48148vw + 66.6667px,88px);height:clamp(100.8px,2.07407vw + 93.3333px,123.2px)}}.currently-reading__cover-placeholder{background:#e8f6fc;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.currently-reading__info{flex-direction:column;flex:1;gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}.currently-reading__label{text-transform:uppercase;letter-spacing:.05em;color:#1b8fc2;margin:0;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700}.currently-reading__title{color:var(--color-textPrimary);margin:0;font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:800;line-height:1.3}.currently-reading__author{color:#5a7184;margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.currently-reading__desc{color:#5a7184;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:clamp(3.6px,.0740741vw + 3.33333px,4.4px) 0 0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);line-height:1.5;display:-webkit-box;overflow:hidden}.currently-reading__progress{align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.currently-reading__progress-bar{background:var(--color-border);border-radius:9999px;flex:1;height:clamp(7.2px,.148148vw + 6.66667px,8.8px);overflow:hidden}.currently-reading__progress-fill{background:#1b8fc2;border-radius:9999px;height:100%;transition:width .5s}.currently-reading__progress-text{color:#1b8fc2;white-space:nowrap;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700}.currently-reading__next{color:#5a7184;margin:clamp(1.8px,.037037vw + 1.66667px,2.2px) 0 0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.currently-reading__next strong{color:var(--color-textPrimary)}.currently-reading__actions{gap:clamp(9px,.185185vw + 8.33333px,11px);margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.currently-reading__actions .button{padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.currently-reading--suggestion{background:#e8f6fc;border-style:dashed;border-color:#1b8fc2}.book-slider{flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.book-slider__header{justify-content:space-between;align-items:center;display:flex}.book-slider__header h3{color:var(--color-textPrimary);margin:0;font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:800}.book-slider__view-all{color:#1b8fc2;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;text-decoration:none;transition:color .15s;display:flex}.book-slider__view-all:hover{color:#14699a}.book-slider__track-wrapper{position:relative}.book-slider__track{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex;overflow-x:auto}.book-slider__track::-webkit-scrollbar{display:none}.book-slider__arrow{z-index:10;border:2px solid var(--color-border);background:var(--color-background);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px #0000001a}.book-slider__arrow:hover{color:#1b8fc2;border-color:#1b8fc2}.book-slider__arrow--left{left:clamp(-14.4px,-.296296vw - 13.3333px,-17.6px)}.book-slider__arrow--right{right:clamp(-14.4px,-.296296vw - 13.3333px,-17.6px)}@media (max-width:767px){.book-slider__arrow{display:none}}.book-card{background:var(--color-background);border:2px solid var(--color-border);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;flex-shrink:0;width:clamp(180px,3.7037vw + 166.667px,220px);padding:0;transition:all .15s;display:flex;overflow:hidden}.book-card:hover{border-color:#1b8fc2;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}@media (max-width:767px){.book-card{width:clamp(144px,2.96296vw + 133.333px,176px)}}.book-card--completed{border-color:#4ecda5}.book-card--completed:hover{border-color:#3ab08c}.book-card__cover{background:#e8f6fc;width:100%;height:auto;position:relative;overflow:hidden}.book-card__cover img{object-fit:cover;width:100%;height:100%}@media (max-width:767px){.book-card__cover{height:clamp(99px,2.03704vw + 91.6667px,121px)}}.book-card__cover-placeholder{color:#1b8fc2;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.book-card__completed-badge{color:#fff;background:#4ecda5;border-radius:50%;justify-content:center;align-items:center;width:clamp(25.2px,.518519vw + 23.3333px,30.8px);height:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);display:flex;position:absolute;top:clamp(7.2px,.148148vw + 6.66667px,8.8px);right:clamp(7.2px,.148148vw + 6.66667px,8.8px);box-shadow:0 1px 2px #0000000d}.book-card__difficulty{text-transform:uppercase;border-radius:9999px;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700;position:absolute;bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);left:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.book-card__difficulty.beginner{color:#3ab08c;background:#e6f9f2}.book-card__difficulty.intermediate{color:#e5ba20;background:#fff8e1}.book-card__difficulty.advanced{color:#e55a37;background:#fff0ec}.book-card__info{flex-direction:column;flex:1;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.book-card__title{color:var(--color-textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card__author{color:#5a7184;margin:0;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.book-card__meta{color:#a3b5c4;margin:0;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.book-card__progress{align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.book-card__progress-bar{background:var(--color-border);border-radius:9999px;flex:1;height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);overflow:hidden}.book-card__progress-fill{background:#1b8fc2;border-radius:9999px;height:100%}.book-card__progress-text{color:#1b8fc2;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700}.book-card__score{color:#e5ba20;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700;display:flex}.book-card__score svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.game-board-layout--full{flex-direction:column;display:flex}.game-board-layout--full .game-board-main{flex:1}.game-board-book-bar{background:var(--color-background);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.game-board-book-bar{flex-direction:column;align-items:flex-start;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.book-bar__info{align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.book-bar__cover{border-radius:4px;flex-shrink:0;width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(54px,1.11111vw + 50px,66px);overflow:hidden}.book-bar__cover img{object-fit:cover;width:100%;height:100%}.book-bar__cover-placeholder{background:#e8f6fc;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(16.2px,.333333vw + 15px,19.8px);display:flex}.book-bar__text{flex-direction:column;display:flex}.book-bar__title{color:var(--color-textPrimary);margin:0;font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:800}.book-bar__author{color:#5a7184;margin:0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.book-bar__meta{color:#5a7184;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:flex}@media (max-width:767px){.book-bar__meta{flex-wrap:wrap;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}.book-bar__difficulty{text-transform:uppercase;border-radius:9999px;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700}.book-bar__difficulty.beginner{color:#3ab08c;background:#e6f9f2}.book-bar__difficulty.intermediate{color:#e5ba20;background:#fff8e1}.book-bar__difficulty.advanced{color:#e55a37;background:#fff0ec}.book-bar__time{font-weight:600}.book-bar__progress{color:#1b8fc2;font-weight:700}.books-page{background:var(--color-background);min-height:100vh}.books-page__content{max-width:1200px;margin:0 auto;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px)}@media (max-width:767px){.books-page__content{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.books-page__header{margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px)}.books-page__header-left h1{color:var(--color-textPrimary);margin:clamp(7.2px,.148148vw + 6.66667px,8.8px) 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:800}.books-page__header-left p{color:#5a7184;margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.books-page__back{color:#1b8fc2;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.books-page__back:hover{color:#14699a}.books-page__toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);padding-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}@media (max-width:767px){.books-page__toolbar{flex-direction:column;align-items:stretch}}.books-page__search{border:2px solid var(--color-border);background:var(--color-background);border-radius:8px;flex:1;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);min-width:clamp(180px,3.7037vw + 166.667px,220px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:border-color .15s;display:flex}.books-page__search:focus-within{border-color:#1b8fc2}.books-page__search svg{color:#a3b5c4;flex-shrink:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.books-page__search input{color:var(--color-textPrimary);background:0 0;border:none;outline:none;flex:1;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.books-page__search input::placeholder{color:#a3b5c4}.books-page__filters{gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}@media (max-width:767px){.books-page__filters{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto}.books-page__filters::-webkit-scrollbar{display:none}}.books-page__filter-btn{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600;transition:all .15s;display:flex}.books-page__filter-btn:hover{border-color:#1b8fc2}.books-page__filter-btn.active{color:#fff;background:#1b8fc2;border-color:#1b8fc2}.books-page__filter-btn.active .books-page__filter-count{color:#fff;background:#ffffff40}.books-page__filter-count{background:var(--color-border);text-align:center;border-radius:9999px;min-width:clamp(18px,.37037vw + 16.6667px,22px);padding:clamp(.9px,.0185185vw + .833333px,1.1px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700}.books-page__sort{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);cursor:pointer;border-radius:8px;outline:none;padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600;transition:border-color .15s}.books-page__sort:focus{border-color:#1b8fc2}.books-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(216px,4.44444vw + 200px,264px),1fr));gap:clamp(18px,.37037vw + 16.6667px,22px);display:grid}@media (max-width:767px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(144px,2.96296vw + 133.333px,176px),1fr));gap:clamp(10.8px,.222222vw + 10px,13.2px)}}.books-grid__card{background:var(--color-background);cursor:pointer;text-align:left;flex-direction:column;padding:0;transition:all .15s;display:flex;overflow:hidden}.books-grid__card:hover{border-color:#1b8fc2;transform:translateY(-3px)}.books-grid__cover{background:#e8f6fc;width:100%;position:relative;overflow:hidden}.books-grid__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.books-grid__card:hover .books-grid__cover img{transform:scale(1.05)}@media (max-width:767px){.books-grid__cover{height:clamp(126px,2.59259vw + 116.667px,154px)}}.books-grid__cover-placeholder{color:#1b8fc2;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(36px,.740741vw + 33.3333px,44px);display:flex}.books-grid__badge{border-radius:50%;justify-content:center;align-items:center;width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex;position:absolute;top:clamp(9px,.185185vw + 8.33333px,11px);right:clamp(9px,.185185vw + 8.33333px,11px);box-shadow:0 1px 2px #0000000d}.books-grid__badge--completed{color:#fff;background:#4ecda5}.books-grid__difficulty{text-transform:uppercase;border-radius:9999px;padding:clamp(2.7px,.0555556vw + 2.5px,3.3px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700;position:absolute;bottom:clamp(9px,.185185vw + 8.33333px,11px);left:clamp(9px,.185185vw + 8.33333px,11px)}.books-grid__difficulty.beginner{color:#3ab08c;background:#e6f9f2}.books-grid__difficulty.intermediate{color:#e5ba20;background:#fff8e1}.books-grid__difficulty.advanced{color:#e55a37;background:#fff0ec}.books-grid__info{flex-direction:column;flex:1;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.books-grid__title{color:var(--color-textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.books-grid__author{color:#5a7184;margin:0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.books-grid__desc{color:#5a7184;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:clamp(3.6px,.0740741vw + 3.33333px,4.4px) 0 0;font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1.5;display:-webkit-box;overflow:hidden}.books-grid__meta{color:#a3b5c4;flex-wrap:wrap;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.books-grid__category{color:#1b8fc2;background:#e8f6fc;border-radius:9999px;padding:clamp(.9px,.0185185vw + .833333px,1.1px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600}.books-grid__progress{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.books-grid__progress-bar{background:var(--color-border);border-radius:9999px;flex:1;height:clamp(5.4px,.111111vw + 5px,6.6px);overflow:hidden}.books-grid__progress-fill{background:#1b8fc2;border-radius:9999px;height:100%}.books-grid__progress-text{color:#1b8fc2;white-space:nowrap;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700}.books-grid__score{color:#e5ba20;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-top:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700;display:flex}.books-grid__score svg{font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.books-grid__cta{color:#ff6f4a;margin-top:auto;padding-top:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700;transition:all .15s}.admin-loading{background:var(--color-background);min-height:100vh;color:var(--color-textPrimary);justify-content:center;align-items:center;display:flex}.admin-panel{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.admin-header{background:var(--color-background);border-bottom:2px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.admin-header-left{align-items:center;gap:1rem;display:flex}.admin-back-btn{border:2px solid var(--color-border);background:var(--color-background);width:40px;height:40px;color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.admin-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-title{align-items:center;gap:.75rem;display:flex}.admin-title svg{color:var(--color-primary);font-size:1.5rem}.admin-title h1{color:var(--color-textPrimary);margin:0;font-size:1.25rem}.admin-actions{gap:.75rem;display:flex}.admin-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.empty-state{text-align:center;color:var(--color-textPrimary);opacity:.7;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state svg{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h2{margin-bottom:.5rem;font-size:1.5rem}.empty-state p{max-width:400px;font-size:1rem}.books-list h2{color:var(--color-textPrimary);margin-bottom:1.5rem;font-size:1.5rem}.books-section{margin-bottom:2rem}.books-section-title{color:var(--color-textSecondary);border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;display:flex}.books-section-title svg{font-size:.875rem}.admin-content .books-grid{grid-template-columns:auto;gap:1rem;display:grid}.book-item{background:var(--color-background);border:2px solid var(--color-border);border-radius:.75rem;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.book-item:hover{border-color:var(--color-primary)}.book-item.selected{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.book-item.selected{background:color-mix(in srgb,var(--color-primary)5%,var(--color-background))}}.book-item.is-draft{opacity:.85;border-style:dashed}.book-item.is-draft:hover{opacity:1}.book-cover-mini{border-radius:.5rem;flex-shrink:0;width:80px;height:120px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.book-cover-mini img{object-fit:cover;width:100%;height:100%}.book-cover-mini .book-cover-fallback{text-align:center;color:#fff;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;font-size:.75rem;font-weight:700;line-height:1.2;display:flex}.draft-badge{color:#78350f;text-transform:uppercase;letter-spacing:.5px;background:#f59e0b;border-radius:.25rem;padding:.2rem .5rem;font-size:.625rem;font-weight:700;position:absolute;top:.5rem;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0003}.book-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.book-details h3{color:var(--color-textPrimary);margin:0;font-size:1.25rem}.book-meta{color:var(--color-textPrimary);opacity:.6;font-size:.8125rem}.book-actions{align-items:center;gap:.5rem;display:flex}.btn-success{color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.btn-success:hover{background:#16a34a!important;border-color:#16a34a!important}.btn-warning{color:#78350f!important;background:#f59e0b!important;border-color:#f59e0b!important}.btn-warning:hover{background:#d97706!important;border-color:#d97706!important}.book-editor{flex-direction:column;gap:2rem;display:flex}.editor-section{background:var(--color-background);border:2px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.editor-section h2{color:var(--color-textPrimary);margin:0;font-size:1.25rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2,.section-header h4{margin:0}.draft-toggle-field{background:var(--color-border);padding:1rem}@supports (color:color-mix(in lab, red, red)){.draft-toggle-field{background:color-mix(in srgb,var(--color-border)30%,var(--color-background))}}.draft-toggle-field{border-radius:.5rem;margin-bottom:1rem}.toggle-label{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.toggle-text{color:var(--color-textPrimary);align-items:center;gap:.5rem;font-weight:600;display:flex}.toggle-text svg{font-size:1rem}.toggle-hint{color:var(--color-textSecondary);margin-left:.5rem;font-size:.8125rem;font-weight:400}.toggle-switch{background:var(--color-border);cursor:pointer;border:none;border-radius:14px;width:52px;height:28px;transition:background .2s;position:relative}.toggle-switch.active{background:#22c55e}.toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob{transform:translate(24px)}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field label{color:var(--color-textPrimary);font-size:.875rem;font-weight:600}.form-field input[type=text],.form-field input[type=color],.form-field select,.form-field textarea{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:1rem}.form-field input[type=text]::placeholder,.form-field textarea::placeholder{color:var(--color-textPrimary);opacity:.5}.form-field input[type=color]{cursor:pointer;height:44px}.form-field textarea{resize:vertical;min-height:80px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);outline:none}.text-info{color:var(--color-textPrimary);opacity:.6;font-size:.8125rem}.pdf-text-container{flex-direction:column;gap:.75rem;display:flex}.pdf-toggle{align-self:flex-start}.pdf-textarea{border:2px solid var(--color-border);background:var(--color-border);border-radius:.5rem;padding:.75rem}@supports (color:color-mix(in lab, red, red)){.pdf-textarea{background:color-mix(in srgb,var(--color-border)20%,var(--color-background))}}.pdf-textarea{color:var(--color-textPrimary);resize:vertical;font-family:Courier New,monospace;font-size:.875rem}.pdf-textarea::placeholder{color:var(--color-textPrimary);opacity:.5}.pdf-textarea:focus{border-color:var(--color-primary);outline:none}.segments-list{flex-direction:column;gap:1rem;display:flex}.drag-hint{color:var(--color-textPrimary);opacity:.5;align-items:center;gap:.5rem;margin:-.5rem 0 .5rem;font-size:.8125rem;display:flex}.drag-hint svg{font-size:.875rem}.segment-card{border:2px solid var(--color-border);background:var(--color-background);border-radius:.75rem;transition:all .2s;overflow:hidden}.segment-card.dragging{opacity:.5;border-style:dashed;transform:scale(.98)}.segment-card.drag-over{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.segment-card.drag-over{background:color-mix(in srgb,var(--color-primary)8%,var(--color-background))}}.segment-card.drag-over{box-shadow:0 4px 12px var(--color-primary);transform:scale(1.01)}@supports (color:color-mix(in lab, red, red)){.segment-card.drag-over{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary)20%,transparent)}}.segment-header{cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .2s;display:flex}.segment-header:hover{background:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.segment-header:hover{background:color-mix(in srgb,var(--color-border)20%,var(--color-background))}}.drag-handle{cursor:grab;color:var(--color-textPrimary);opacity:.4;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s;display:flex}.drag-handle:hover{opacity:.8}.drag-handle:active{cursor:grabbing}.drag-handle svg{font-size:1.125rem}.segment-number{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.segment-number.chapter-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:1rem;width:auto;min-width:32px;padding:0 .5rem;font-size:.75rem}.segment-card.is-chapter{border-left:3px solid #f59e0b}.chapter-toggle-field{background:var(--color-border);align-items:center;gap:1rem;padding:.75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.chapter-toggle-field{background:color-mix(in srgb,var(--color-border)30%,var(--color-background))}}.chapter-toggle-field{border-radius:.5rem;margin-bottom:.5rem}.checkbox-label{cursor:pointer;color:var(--color-textPrimary);align-items:center;gap:.5rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;width:18px;height:18px}.chapter-number-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.header-actions{gap:.5rem;display:flex}.segment-type-badge{border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.segment-type-badge.chapter-type{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.segment-type-badge.section-type{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.segment-type-badge.section-type{background:color-mix(in srgb,var(--color-primary)15%,var(--color-background))}}.segment-type-badge.section-type{color:var(--color-primary);border:1px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.segment-type-badge.section-type{border:1px solid color-mix(in srgb,var(--color-primary)30%,transparent)}}.segment-type-badge svg{font-size:.875rem}.segment-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.segment-info h3{color:var(--color-textPrimary);margin:0;font-size:1.125rem}.segment-meta{color:var(--color-textPrimary);opacity:.6;font-size:.8125rem}.segment-controls{align-items:center;gap:1rem;display:flex}.segment-controls svg{color:var(--color-textPrimary);opacity:.6;font-size:1.25rem}.segment-content{border-top:2px solid var(--color-border);background:var(--color-border);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.segment-content{background:color-mix(in srgb,var(--color-border)10%,var(--color-background))}}.questions-section{flex-direction:column;gap:1rem;display:flex}.question-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.question-card input[type=text],.question-card textarea{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);box-sizing:border-box;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.question-card input[type=text]::placeholder,.question-card textarea::placeholder{color:var(--color-textPrimary);opacity:.5}.question-card input[type=text]:focus,.question-card textarea:focus{border-color:var(--color-primary);outline:none}.question-card textarea{resize:vertical;min-height:60px}.question-header{justify-content:space-between;align-items:center;display:flex}.question-header h5{color:var(--color-textPrimary);margin:0;font-size:1rem}.options-list{flex-direction:column;gap:.5rem;display:flex}.option-field{align-items:center;gap:.75rem;display:flex}.option-field input[type=radio]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.option-field input[type=text]{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);border-radius:.5rem;flex:1;padding:.75rem;font-family:inherit;font-size:1rem}.option-field input[type=text]::placeholder{color:var(--color-textPrimary);opacity:.5}.option-field input[type=text]:focus{border-color:var(--color-primary);outline:none}.editor-actions{border-top:2px solid var(--color-border);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}@media (max-width:768px){.admin-header{flex-wrap:wrap;gap:1rem;padding:1rem}.admin-header-left{flex:1}.admin-title h1{font-size:1rem}.admin-actions{flex-direction:column;width:100%}.admin-actions button{width:100%}.admin-content{padding:1rem}.form-grid{grid-template-columns:1fr}.book-item{text-align:center;flex-direction:column}.book-cover-mini{width:100px;height:150px;margin:0 auto}.book-actions{justify-content:center}.segment-header{flex-wrap:wrap;gap:.75rem}.segment-controls{justify-content:flex-end;width:100%}.editor-actions{flex-direction:column}.editor-actions button{width:100%}.toggle-label{flex-direction:column;align-items:flex-start;gap:.75rem}.toggle-hint{margin-top:.25rem;margin-left:0;display:block}}.cover-image-upload{flex-direction:column;gap:.75rem;display:flex}.cover-preview{border:2px solid var(--color-border);border-radius:.5rem;width:150px;height:200px;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.upload-button{cursor:pointer;align-items:center;gap:.5rem;width:fit-content;display:inline-flex}.upload-button.uploading{opacity:.7;cursor:wait}.upload-error{color:#ef4444;font-size:.8125rem}.upload-hint{color:var(--color-textPrimary);opacity:.6;font-size:.75rem}.field-hint{color:var(--color-textPrimary);opacity:.6;margin:0 0 .75rem;font-size:.75rem}.icon-pack-upload{flex-direction:column;gap:.75rem;display:flex}.icon-slots{flex-wrap:wrap;gap:1rem;display:flex}.icon-slot{background:var(--color-border);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.icon-slot{background:color-mix(in srgb,var(--color-border)20%,var(--color-background))}}.icon-slot{border:2px solid var(--color-border);border-radius:.5rem;min-width:100px}.icon-preview{background:var(--color-background);border:2px dashed var(--color-border);border-radius:.5rem;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.icon-preview img{object-fit:contain;width:100%;height:100%}.icon-placeholder{color:var(--color-textPrimary);opacity:.3;font-size:1.5rem}.icon-label{color:var(--color-textPrimary);font-size:.75rem;font-weight:600}.icon-actions{gap:.25rem;display:flex}.btn--xs{padding:.25rem .5rem;font-size:.75rem}.legal-page{min-height:100vh;padding:2rem 1rem}.legal-container{border-radius:.5rem;max-width:800px;margin:0 auto;padding:3rem;box-shadow:0 1px 3px #0000001a}.legal-header{border-bottom:2px solid #d30000;margin-bottom:2rem;padding-bottom:1.5rem}.legal-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.last-updated{font-size:.875rem}.legal-container h2{border-bottom:1px solid #d30000;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}.legal-container h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.legal-container section{margin-bottom:2rem}.legal-container p{margin-bottom:1rem;line-height:1.7}.legal-container ul,.legal-container ol{margin-bottom:1rem;margin-left:2rem}.legal-container li{margin-bottom:.5rem;line-height:1.7}.legal-container ul li{list-style-type:disc}.legal-container ol li{list-style-type:decimal}.legal-container a{color:#d30000;text-decoration:none;transition:color .2s}.legal-container a:hover{color:#5568d3;text-decoration:underline}.highlight-box{border-left:4px solid #d30000;border-radius:0 .375rem .375rem 0;margin:1.5rem 0;padding:1rem 1.25rem}.highlight-box strong{color:#d30000}.highlight-box ul{margin-top:.5rem;margin-bottom:0;margin-left:1.5rem}.contact-info{border-radius:.5rem;margin-top:2rem;padding:1.5rem}.contact-info h2{border-bottom:none;margin-top:0;padding-bottom:0}.legal-footer{text-align:center;color:#718096;border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:2rem;font-size:.875rem}.legal-footer p{color:#718096;margin-bottom:.25rem}.legal-footer a{color:#718096;margin:0 .5rem}.legal-footer a:hover{color:#4a5568}@media (max-width:768px){.legal-page{padding:1rem .5rem}.legal-container{border-radius:0;padding:2rem 1.5rem}.legal-header h1{font-size:1.5rem}.legal-container h2{font-size:1.25rem}.legal-container h3{font-size:1.125rem}.legal-container ul,.legal-container ol{margin-left:1.5rem}.highlight-box{padding:1rem}}@media print{.legal-page{padding:0}.legal-container{box-shadow:none;max-width:100%}.legal-container a{text-decoration:underline}.highlight-box{border:1px solid #333}}.public-profile-page{background:var(--color-background);min-height:100vh;padding:clamp(21.6px,.444444vw + 20px,26.4px)}@media (max-width:767px){.public-profile-page{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.public-profile-container{max-width:clamp(450px,9.25926vw + 416.667px,550px);margin:0 auto}.public-profile-loading{min-height:60vh;color:var(--color-textPrimary);opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.public-profile-loading .spinner{font-size:clamp(21.6px,.444444vw + 20px,26.4px);animation:1s linear infinite spin}.public-profile-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.public-profile-not-found .not-found-icon{color:var(--color-border);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px)}.public-profile-not-found h2{color:var(--color-textPrimary);margin:0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:700}.public-profile-not-found p{color:var(--color-textPrimary);opacity:.7;margin:0 0 clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px)}.public-profile-not-found p strong{color:var(--color-primary)}.public-profile-header{align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.public-profile-header .back-btn{border:1px solid var(--color-border);background:var(--color-background);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.public-profile-header .back-btn:hover{background:var(--color-border)}.public-profile-header h1{color:var(--color-primary);margin:0;font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:600}.profile-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.profile-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);padding:clamp(21.6px,.444444vw + 20px,26.4px)}.profile-card-main{align-items:center;gap:clamp(18px,.37037vw + 16.6667px,22px);margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.profile-avatar-large{border:3px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:clamp(72px,1.48148vw + 66.6667px,88px);height:clamp(72px,1.48148vw + 66.6667px,88px);overflow:hidden;box-shadow:0 4px 16px #0000001a}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-info{flex:1;min-width:0}.profile-display-name{color:var(--color-textPrimary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);font-weight:700;overflow:hidden}.profile-username{color:var(--color-primary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:500}.profile-actions{justify-content:center;display:flex}.add-friend-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:clamp(9px,.185185vw + 8.33333px,11px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);width:100%;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:600;transition:all .15s;display:flex}.add-friend-btn:disabled{opacity:.7;cursor:not-allowed}.friend-badge,.pending-badge{border-radius:clamp(9px,.185185vw + 8.33333px,11px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);width:100%;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}.friend-badge{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.pending-badge{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b4d}.own-profile-badge{text-align:center;background:var(--color-border);color:var(--color-textPrimary);opacity:.7;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.profile-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(18px,.37037vw + 16.6667px,22px)}.profile-section h3{color:var(--color-textPrimary);opacity:.7;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}.profile-section h3 svg{opacity:.8;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:grid}@media (max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stats-grid .stat-card{text-align:center;background:var(--color-border);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex-direction:column;align-items:center;padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.stat-icon{margin-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.stat-icon.fire{color:#f59e0b}.stat-icon.trophy{color:#fbbf24}.stat-icon.book{color:var(--color-primary)}.stat-icon.medal{color:#a855f7}.stat-value{color:var(--color-textPrimary);margin-bottom:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:800;line-height:1}.stat-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(8.1px,.166667vw + 7.5px,9.9px)}.currently-reading-card{background:var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);gap:clamp(12.6px,.259259vw + 11.6667px,15.4px);padding:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.book-cover-small{object-fit:cover;border-radius:clamp(5.4px,.111111vw + 5px,6.6px);flex-shrink:0;width:clamp(45px,.925926vw + 41.6667px,55px);height:clamp(63px,1.2963vw + 58.3333px,77px)}.currently-reading-info{flex-direction:column;flex:1;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);min-width:0;display:flex}.book-title{color:var(--color-textPrimary);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;overflow:hidden}.book-author{color:var(--color-textPrimary);opacity:.6;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.reading-progress{margin-top:auto}.progress-bar{background:var(--color-background);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:clamp(5.4px,.111111vw + 5px,6.6px);margin-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);overflow:hidden}.progress-fill{background:var(--color-primary);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:100%;transition:width .3s}.progress-text{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.badges-grid{grid-template-columns:repeat(4,1fr);gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:grid}@media (max-width:767px){.badges-grid{grid-template-columns:repeat(2,1fr)}}.badge-item{text-align:center;background:var(--color-border);border:2px solid #0000;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex-direction:column;align-items:center;padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(3.6px,.0740741vw + 3.33333px,4.4px);transition:all .15s;display:flex}.badge-item:hover{transform:scale(1.05)}.badge-item.tier-bronze{border-color:#cd7f32}.badge-item.tier-bronze .badge-icon{color:#cd7f32}.badge-item.tier-silver{border-color:silver}.badge-item.tier-silver .badge-icon{color:silver}.badge-item.tier-gold{border-color:gold}.badge-item.tier-gold .badge-icon{color:gold}.badge-item.tier-platinum{background:linear-gradient(135deg,var(--color-border),#e5e4e2);border-color:#e5e4e2}@supports (color:color-mix(in lab, red, red)){.badge-item.tier-platinum{background:linear-gradient(135deg,var(--color-border),color-mix(in srgb,#e5e4e2 20%,var(--color-border)))}}.badge-item.tier-platinum .badge-icon{color:#e5e4e2}.badge-item.tier-diamond{background:linear-gradient(135deg,var(--color-border),#b9f2ff);border-color:#b9f2ff}@supports (color:color-mix(in lab, red, red)){.badge-item.tier-diamond{background:linear-gradient(135deg,var(--color-border),color-mix(in srgb,#b9f2ff 20%,var(--color-border)))}}.badge-item.tier-diamond .badge-icon{color:#b9f2ff}.badge-icon{margin-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.badge-icon svg{display:block}.badge-name{color:var(--color-textPrimary);opacity:.7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(8.1px,.166667vw + 7.5px,9.9px);overflow:hidden}.more-badges .badge-count{color:var(--color-textPrimary);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700}.friends-grid{grid-template-columns:repeat(3,1fr);gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:grid}.friend-item{background:var(--color-border);cursor:pointer;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);transition:all .15s;display:flex}.friend-item:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.friend-item:hover{background:color-mix(in srgb,var(--color-primary)15%,var(--color-border))}}.friend-avatar-small{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.friend-info-small{flex-direction:column;flex:1;gap:clamp(.9px,.0185185vw + .833333px,1.1px);min-width:0;display:flex}.friend-name-small{color:var(--color-textPrimary);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600;overflow:hidden}.friend-streak-small{color:#f59e0b;align-items:center;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(9px,.185185vw + 8.33333px,11px);display:flex}.friend-streak-small svg{font-size:clamp(8.1px,.166667vw + 7.5px,9.9px)}.more-friends{flex-direction:column;justify-content:center}.more-friends .more-count{color:var(--color-textPrimary);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700}.activity-calendar{justify-content:space-between;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.activity-day{flex-direction:column;flex:1;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}.activity-day .day-fire{color:#d97706;font-size:clamp(18px,.37037vw + 16.6667px,22px)}.activity-day.completed .day-fire{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0b80)}.activity-day .day-empty{background:var(--color-border);border-radius:50%;width:clamp(18px,.37037vw + 16.6667px,22px);height:clamp(18px,.37037vw + 16.6667px,22px)}.activity-day .day-label{color:var(--color-textPrimary);opacity:.5;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.no-activity{text-align:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;justify-content:center;align-items:center;padding:clamp(43.2px,.888889vw + 40px,52.8px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.no-activity .no-activity-icon{color:var(--color-border);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(36px,.740741vw + 33.3333px,44px)}.no-activity p{color:var(--color-textPrimary);opacity:.6;margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heading--s{font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:600}.heading{font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:700}@media (max-width:767px){.heading{font-size:clamp(21.6px,.444444vw + 20px,26.4px)}}.heading--l{font-size:clamp(32.4px,.666667vw + 30px,39.6px);font-weight:700}@media (max-width:767px){.heading--l{font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px)}}.heading--xl{font-size:clamp(46.8px,.962963vw + 43.3333px,57.2px);font-weight:800}@media (max-width:767px){.heading--xl{font-size:clamp(32.4px,.666667vw + 30px,39.6px)}}.subheading--s{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:500}@media (max-width:767px){.subheading--s{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.subheading{font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:600}.subheading--l{font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:600}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:500}.body--xs{font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.body--s{font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.body{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.body--l{font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.body--xl{font-size:clamp(18px,.37037vw + 16.6667px,22px)}.container{width:100%;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width:768px){.container{max-width:clamp(864px,17.7778vw + 800px,1056px)}}.row{flex-wrap:wrap;display:flex}.col{width:100%;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}@media (min-width:768px){.col{width:50%}}.box{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.bg-primary{background-color:#fc440f}.bg-secondary{background-color:#8783d1}.bg-dark{background-color:#0e131f}.bg-light{background-color:#d6eadf}.bg-accent{background-color:#0c1b33}.bg-white{background-color:#faf9f6}.bg-off-white{background-color:#fff}.text-primary{color:#fc440f}.text-secondary{color:#8783d1}.text-dark{color:#0e131f}.text-light{color:#d6eadf}.text-accent{color:#0c1b33}.text-white{color:#faf9f6}.text-off-white{color:#fff}.button{cursor:pointer;text-align:center;z-index:1;border:none;border-radius:clamp(5.4px,.111111vw + 5px,6.6px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(21.6px,.444444vw + 20px,26.4px);font-family:inherit;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .1s;display:flex}.button:active{transform:scale(.98)}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:active{transform:none}.btn--s{padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.btn{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.btn--l{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.btn--xl{padding:clamp(16.2px,.333333vw + 15px,19.8px) clamp(43.2px,.888889vw + 40px,52.8px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.btn-primary{background-color:var(--color-primary);color:var(--color-textSecondary)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary--outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-primary--outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-textSecondary)}.btn-secondary{background-color:var(--color-backgroundSecondary,var(--color-hover));color:var(--color-textPrimary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-backgroundTertiary,var(--color-active));border-color:var(--color-borderStrong,var(--color-border))}.btn-secondary--outline{color:var(--color-textPrimary);border:2px solid var(--color-border);background-color:#0000}.btn-secondary--outline:hover:not(:disabled){background-color:var(--color-hover);border-color:var(--color-borderStrong,var(--color-border))}.btn-ghost{color:var(--color-textPrimary);background-color:#0000;border:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-hover)}.btn-danger{background-color:var(--color-error,#ef4444);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-danger--outline{color:var(--color-error,#ef4444);border:2px solid var(--color-error,#ef4444);background-color:#0000}.btn-danger--outline:hover:not(:disabled){background-color:var(--color-error,#ef4444);color:#fff}.btn-success{background-color:var(--color-success,#22c55e);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-icon{width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);padding:clamp(9px,.185185vw + 8.33333px,11px)}.btn-icon.btn--s{width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);padding:clamp(5.4px,.111111vw + 5px,6.6px)}.btn-icon.btn--l{width:clamp(50.4px,1.03704vw + 46.6667px,61.6px);height:clamp(50.4px,1.03704vw + 46.6667px,61.6px);padding:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.btn--full{width:100%}.btn--loading{pointer-events:none;position:relative;color:#0000!important}.btn--loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:clamp(14.4px,.296296vw + 13.3333px,17.6px);height:clamp(14.4px,.296296vw + 13.3333px,17.6px);animation:.6s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-3d{border-radius:9999px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-3d:hover:not(:disabled){filter:none;transform:translateY(-2px)}.btn-3d:active:not(:disabled){transform:translateY(1px)}.btn-3d-coral{color:#fff;background-color:#ff6f4a;box-shadow:0 4px #e55a37,0 6px 20px #ff6f4a4d}.btn-3d-coral:hover:not(:disabled){box-shadow:0 4px #e55a37,0 8px 28px #ff6f4a66}.btn-3d-coral:active:not(:disabled){box-shadow:0 2px #e55a37}.btn-3d-ocean{color:#fff;background-color:#1b8fc2;box-shadow:0 4px #14699a,0 6px 20px #1b8fc24d}.btn-3d-ocean:hover:not(:disabled){box-shadow:0 4px #14699a,0 8px 28px #1b8fc266}.btn-3d-ocean:active:not(:disabled){box-shadow:0 2px #14699a}.btn-3d-mint{color:#fff;background-color:#4ecda5;box-shadow:0 4px #3ab08c,0 6px 20px #4ecda54d}.btn-3d-mint:hover:not(:disabled){box-shadow:0 4px #3ab08c,0 8px 28px #4ecda566}.btn-3d-mint:active:not(:disabled){box-shadow:0 2px #3ab08c}.btn-3d-sunshine{color:#1a2b3c;background-color:#ffd234;box-shadow:0 4px #e5ba20,0 6px 20px #ffd2344d}.btn-3d-sunshine:hover:not(:disabled){box-shadow:0 4px #e5ba20,0 8px 28px #ffd23466}.btn-3d-sunshine:active:not(:disabled){box-shadow:0 2px #e5ba20}.btn-3d-plum{color:#fff;background-color:#7c5cbf;box-shadow:0 4px #5f3fa8,0 6px 20px #7c5cbf4d}.btn-3d-plum:hover:not(:disabled){box-shadow:0 4px #5f3fa8,0 8px 28px #7c5cbf66}.btn-3d-plum:active:not(:disabled){box-shadow:0 2px #5f3fa8}.btn-3d-ocean--outline{color:#1b8fc2;background-color:#fff;border:3px solid #1b8fc2;box-shadow:0 4px #14699a}.btn-3d-ocean--outline:hover:not(:disabled){background-color:#e8f6fc}.btn-3d-ocean--outline:active:not(:disabled){box-shadow:0 2px #14699a}.btn-3d-coral--outline{color:#ff6f4a;background-color:#fff;border:3px solid #ff6f4a;box-shadow:0 4px #e55a37}.btn-3d-coral--outline:hover:not(:disabled){background-color:#fff0ec}.btn-3d-coral--outline:active:not(:disabled){box-shadow:0 2px #e55a37}.media-block .button{width:fit-content}.video-block .video-wrapper{width:100%}.video-block img{max-height:clamp(540px,11.1111vw + 500px,660px)}.hero{--dim:.5;width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.hero__media{width:100%;height:100%;position:absolute;inset:0}.hero__media img,.hero__media video{object-fit:cover;width:100%;height:100%}.hero__content{z-index:20;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.hero .hero__content.text-center .container .eyebrow,.hero .hero__content.text-center .container h1,.hero .hero__content.text-center .container p{margin-inline:auto}.hero .hero__content.text-center .container h1{text-transform:capitalize}.hero .container .eyebrow,.hero .container h1,.hero .container p{text-wrap:balance;max-width:clamp(630px,12.963vw + 583.333px,770px)}.hero:after{content:"";background:rgba(0,0,0,var(--dim));pointer-events:none;position:absolute;inset:0}.site-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;background:#ffffffd9;border-bottom:2px solid #e8f6fc;width:100vw;margin-left:calc(50% - 50vw);transition:box-shadow .3s;position:relative}.site-nav--sticky{position:sticky;top:0}.site-nav.is-scrolled{box-shadow:0 4px 24px #1b8fc21a}.site-nav .nav__bar{grid-template-columns:auto 1fr auto auto;align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:grid}.site-nav .nav__logo{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);text-decoration:none;display:inline-flex}.site-nav .nav__logo-img{border-radius:4px}.site-nav .nav__brand{color:#1b8fc2;font-family:Fredoka,Inter,sans-serif;font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);font-weight:700}.site-nav .nav__brand-accent{color:#ff6f4a}.site-nav .nav__links{justify-self:center}.site-nav .nav__links ul{gap:clamp(21.6px,.444444vw + 20px,26.4px);margin:0;padding:0;list-style:none;display:flex}.site-nav .nav__link{color:#1a2b3c;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700;text-decoration:none;transition:color .15s}.site-nav .nav__link:hover{color:#1b8fc2}.site-nav .nav__actions{align-items:center;display:flex}.site-nav .nav__actions .button{border-radius:9999px;font-weight:700}.site-nav .nav__hamburger{cursor:pointer;background:0 0;border:0;padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:none}.site-nav .nav__hamburger-bar{background:#1a2b3c;border-radius:2px;width:clamp(19.8px,.407407vw + 18.3333px,24.2px);height:clamp(1.8px,.037037vw + 1.66667px,2.2px);margin:clamp(3.6px,.0740741vw + 3.33333px,4.4px) 0;transition:background .15s;display:block}.nav__panel{opacity:0;pointer-events:none;z-index:400;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.nav__panel.is-open{opacity:1;pointer-events:auto}.nav__panel-inner{z-index:500;background:#fff;flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:84vw;max-width:clamp(378px,7.77778vw + 350px,462px);height:100%;padding:clamp(64.8px,1.33333vw + 60px,79.2px) clamp(21.6px,.444444vw + 20px,26.4px) clamp(28.8px,.592593vw + 26.6667px,35.2px);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:clamp(-7.2px,-.148148vw - 6.66667px,-8.8px) 0 clamp(21.6px,.444444vw + 20px,26.4px) #0000002e}.is-open .nav__panel-inner{transform:translate(0)}.nav__panel-inner nav ul{gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin:0;padding:0;list-style:none;display:grid}.nav__panel-inner .nav__link{color:#1a2b3c;border-radius:8px;padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:block}.nav__panel-inner .nav__link:hover{color:#1b8fc2;background:#e8f6fc}.nav__panel-inner .button{align-self:stretch;margin-top:clamp(10.8px,.222222vw + 10px,13.2px)}@media (max-width:960px){.site-nav .nav__links,.site-nav .nav__actions{display:none}.site-nav .nav__hamburger{justify-self:end;display:inline-block}.site-nav .nav__bar{grid-template-columns:auto 1fr auto}}.site-footer{color:#a3b5c4;background:#1a2b3c;border-top:clamp(.9px,.0185185vw + .833333px,1.1px) solid #ffffff14;width:100vw;margin-left:calc(50% - 50vw);padding-block:clamp(43.2px,.888889vw + 40px,52.8px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);position:relative;overflow:hidden}.site-footer .footer__grid{grid-template-columns:1fr 2fr 1fr;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:grid}.site-footer .footer__logo{color:#fff;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-weight:700;text-decoration:none;display:inline-flex}.site-footer .footer__logo-img{border-radius:4px}.site-footer .footer__brand{color:#fff;font-family:Fredoka,Inter,sans-serif;font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:700}.site-footer .footer__brand-accent{color:#ff6f4a}.site-footer .footer__left p{color:#5a7184;line-height:1.6}.site-footer .footer__middle{grid-template-columns:repeat(3,1fr);gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:grid}.site-footer .footer__col ul{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin:0;padding:0;list-style:none;display:flex}.site-footer .footer__col h4,.site-footer .footer__col .subheading--s{color:#fff}.site-footer .footer__link{color:#a3b5c4;text-decoration:none;transition:color .15s}.site-footer .footer__link:hover{color:#a3e0f7}.site-footer .footer__right{flex-direction:column;align-items:flex-start;display:flex}.site-footer .footer__copyright{color:#5a7184;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.site-footer .footer__socials{align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.site-footer .footer__social{color:#a3b5c4;align-items:center;font-size:clamp(18px,.37037vw + 16.6667px,22px);text-decoration:none;transition:color .15s,transform .15s;display:flex}.site-footer .footer__social svg{width:clamp(18px,.37037vw + 16.6667px,22px);height:clamp(18px,.37037vw + 16.6667px,22px)}.site-footer .footer__social:hover{color:#fff;transform:scale(1.15)}.site-footer .footer__legal{flex-direction:column;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}@media (max-width:960px){.site-footer .footer__grid,.site-footer .footer__middle{grid-template-columns:1fr}.site-footer .footer__right{border-top:1px solid #ffffff1a;margin-top:clamp(28.8px,.592593vw + 26.6667px,35.2px);padding-top:clamp(21.6px,.444444vw + 20px,26.4px)}}.faq .faq__item{border-top:1px solid #00000014}.faq .faq__item:last-child{border-bottom:1px solid #00000014}.faq .faq__q{margin:0}.faq .faq__button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:100%;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) 0;display:flex}.faq .faq__chevron{border-bottom:clamp(1.8px,.037037vw + 1.66667px,2.2px) solid;border-right:clamp(1.8px,.037037vw + 1.66667px,2.2px) solid;flex:0 0 clamp(12.6px,.259259vw + 11.6667px,15.4px);width:clamp(12.6px,.259259vw + 11.6667px,15.4px);height:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:transform .2s;transform:rotate(-45deg)}.faq .faq__item.is-open .faq__chevron{transform:rotate(45deg)}.faq .faq__panel{transition:max-height .25s;overflow:hidden}.faq .faq__answer{color:#222;padding:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px)}.card{background:#fff;flex-direction:column;max-width:clamp(270px,5.55556vw + 250px,330px);height:100%;display:flex;overflow:hidden}.card .card__media{aspect-ratio:16/9;background:#f2f2f2}.card .card__media img{object-fit:cover;width:100%;height:100%;display:block}.card .card__body{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.card .card__actions{padding:0 clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}.card-row{position:relative}.card-row__viewport{position:relative;overflow:hidden}.card-row__track{will-change:transform;transition:transform .25s;display:flex}.card-row__page{flex:0 0 100%;padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) 0}.card-row__grid{grid-template-columns:repeat(3,1fr);gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:grid}.card-row__nav{text-align:center;z-index:2;background:#fff;border:1px solid #0000001a;border-radius:999px;width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);line-height:clamp(30.6px,.62963vw + 28.3333px,37.4px);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(14.4px,.296296vw + 13.3333px,17.6px) #00000014}.card-row__nav[disabled]{opacity:.4;cursor:not-allowed}.card-row__nav--prev{left:clamp(-7.2px,-.148148vw - 6.66667px,-8.8px)}.card-row__nav--next{right:clamp(-7.2px,-.148148vw - 6.66667px,-8.8px)}.card-row__dots{justify-content:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-top:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.card-row__dot{cursor:pointer;background:#0003;border:0;border-radius:999px;width:clamp(7.2px,.148148vw + 6.66667px,8.8px);height:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.card-row__dot.is-active{background:#0009}@media (min-width:768px){.card-row__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.card{width:100%;max-width:none}.card-row__grid{grid-template-columns:1fr}.card-row__nav{display:none}.card-row__dot{width:clamp(9px,.185185vw + 8.33333px,11px);height:clamp(9px,.185185vw + 8.33333px,11px)}}.card-grid__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:grid}@media (min-width:768px){.card-grid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px) and (min-width:1024px){.card-grid__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.card-grid__grid{grid-template-columns:1fr}}.card-grid__more{justify-content:center;padding:clamp(36px,.740741vw + 33.3333px,44px);display:flex}.chapter-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chapter-menu{background:var(--color-background);border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 20px 60px #0000004d}.chapter-menu-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chapter-menu-header h2{margin:0;font-size:20px;font-weight:600}.chapter-menu-header button{color:var(--color-textPrimary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .2s;display:flex}.chapter-menu-header button:hover{background:var(--color-background);color:var(--color-textPrimary)}.chapter-menu-list{overflow-y:auto}.chapter-menu-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s;display:flex}.chapter-menu-item.active{background:var(--color-background);border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);padding-left:13px}.chapter-menu-item .chapter-number{background:var(--color-background);color:#374151;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.chapter-menu-item.active .chapter-number{background:var(--color-primary);color:#fff}.chapter-menu-item .chapter-title{flex:1;font-size:15px;line-height:1.4}.chapter-menu-item.active{color:var(--color-primary);font-weight:500}@media (max-width:640px){.chapter-menu{width:95%;max-height:85vh}.chapter-menu-header{padding:16px 20px}.chapter-menu-header h2{font-size:18px}.chapter-menu-item{padding:10px 14px}.chapter-menu-item .chapter-number{width:24px;height:24px;font-size:12px}.chapter-menu-item .chapter-title{font-size:14px}.chapter-menu-button{padding:6px 14px;font-size:13px}}.chapter-menu-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;margin:12px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.chapter-menu-button:hover{background:#fff3;border-color:#ffffff4d}.drive-picker-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.drive-picker{background-color:var(--color-background);border-radius:1rem;flex-direction:column;width:100%;max-width:42rem;max-height:85vh;display:flex;box-shadow:0 20px 60px #0000004d}.drive-picker-header{border-bottom:1px solid var(--color-border);justify-content:space-between;margin:0;padding:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.close-button{cursor:pointer;color:var(--color-textPrimary);background:0 0;border:none;height:fit-content;padding:.5rem;font-size:1.25rem;transition:color .2s}.close-button:hover{color:var(--color-textPrimary)}.drive-search{border-bottom:1px solid var(--color-border);gap:.75rem;padding:1rem 1.5rem;display:flex}.search-input-wrapper{flex:1;position:relative}.search-icon{color:var(--color-textPrimary);font-size:.875rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-input{border:1px solid var(--color-border);border-radius:.5rem;width:100%;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;transition:border-color .2s}.search-input:focus{border-color:var(--color-primary);outline:none}.drive-error{background:var(--color-background);border-bottom:1px solid var(--color-border);color:var(--color-primary);padding:1rem 1.5rem;font-size:.875rem}.drive-file-list{flex:1;padding:.5rem;overflow-y:auto}.drive-loading{color:var(--color-textPrimary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.spinner{color:var(--color-primary);margin-bottom:1rem;font-size:2rem;animation:1s linear infinite spin}.drive-empty{text-align:center;color:var(--color-textPrimary);padding:3rem 1rem}.drive-file-item{cursor:pointer;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:background .15s;display:flex}.drive-file-item:hover:not(.downloading){background:#00000059}@media (prefers-color-scheme:dark){.drive-file-item:hover:not(.downloading){background:#ffffff1a}}.drive-file-item.downloading{opacity:.6;cursor:wait}.file-icon{flex-shrink:0;font-size:2rem}.file-info{flex:1;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-weight:500;overflow:hidden}.file-meta{font-size:.75rem}.download-icon{flex-shrink:0;font-size:1.25rem}.upload-options{margin-top:1rem}.drive-button{background:0 0;border:none;font-weight:500;transition:color .2s}.dual-thumb{background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-container{background:linear-gradient(135deg,#d30000 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-box{background:var(--color-background);border-radius:1rem;width:100%;max-width:28rem;padding:3rem;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center}.google-signin-button{color:#fff;background:#4285f4;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;transition:all .2s;display:flex}.google-signin-button:hover:not(:disabled){background:#357ae8;transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.login-error{background:var(--color-background);color:#c33;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem}.login-footer{text-align:center;border-top:1px solid #eee;padding-top:1rem}.app-header{z-index:100;position:absolute;top:1rem;left:1rem}.user-profile{position:relative}.menu-toggle-button{border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;transition:all .2s;display:flex}.menu-toggle-button:hover{border-color:var(--color-primary);background:#0000000d}@media (prefers-color-scheme:dark){.menu-toggle-button:hover{background:#ffffff0d}}.menu-icon{color:var(--color-textPrimary);font-size:1.25rem}.drive-actions{flex-direction:column;gap:1rem;padding:2rem;display:flex}.drive-action-button{border:2px solid var(--color-border);cursor:pointer;text-align:left;border-radius:.75rem;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.drive-action-button:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.drive-action-button svg{color:inherit;flex-shrink:0;font-size:2rem}.action-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.action-desc{font-size:.875rem}.drive-save-form{padding:2rem}.drive-save-form label{display:block}.drive-input{border:1px solid var(--color-border);border-radius:.5rem;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;transition:border-color .2s}.drive-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.drive-save-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.drive-footer{border-top:1px solid var(--color-border);justify-content:flex-start;padding:1rem 1.5rem;display:flex}.drive-empty{text-align:center;padding:3rem 2rem}.drive-empty p:first-child{font-size:1.125rem;font-weight:500}.rsvp-root{background:var(--color-background);color:var(--color-textPrimary);justify-content:center;align-items:center;min-height:100vh;margin:auto;display:flex;position:relative}.text-editor-container{flex-direction:column;align-items:center;width:100%;max-width:clamp(504px,10.3704vw + 466.667px,616px);margin:0 auto;padding:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.text-editor-container{padding:clamp(57.6px,1.18519vw + 53.3333px,70.4px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.editor-hero{text-align:center;width:100%;margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px)}.hero-badge{background:var(--color-primary);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(12.6px,.259259vw + 11.6667px,15.4px);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.hero-badge{background:color-mix(in srgb,var(--color-primary)15%,transparent)}}.hero-badge{color:var(--color-primary);border-radius:clamp(18px,.37037vw + 16.6667px,22px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.hero-badge svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.hero-title{color:var(--color-textPrimary);margin:0 0 clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:800;line-height:1.15}.hero-title .highlight{color:var(--color-primary)}@media (max-width:767px){.hero-title{font-size:clamp(23.4px,.481481vw + 21.6667px,28.6px)}}.hero-subtitle{color:var(--color-textPrimary);opacity:.7;margin:0;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);line-height:1.5}@media (max-width:767px){.hero-subtitle{font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}}.editor-features{justify-content:center;align-items:flex-start;gap:clamp(21.6px,.444444vw + 20px,26.4px);width:100%;margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.editor-features{flex-wrap:wrap;justify-content:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.feature-item{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}@media (max-width:767px){.feature-item{flex:none}}.feature-icon{background:var(--color-border);width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);color:var(--color-primary);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex}.feature-text{flex-direction:column;display:flex}.feature-text strong{color:var(--color-textPrimary);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.feature-text span{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.editor-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px);transition:all .2s;position:relative}.editor-card.drag-over{border-color:var(--color-primary);background:var(--color-primary);border-style:dashed}@supports (color:color-mix(in lab, red, red)){.editor-card.drag-over{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.editor-card-header{justify-content:space-between;align-items:center;margin-bottom:clamp(9px,.185185vw + 8.33333px,11px);display:flex}.editor-label{color:var(--color-textPrimary);opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600}.upload-btn{background:var(--color-border);color:var(--color-textPrimary);cursor:pointer;border-radius:clamp(5.4px,.111111vw + 5px,6.6px);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:500;transition:all .2s;display:flex}.upload-btn:hover{background:var(--color-primary);color:#fff}.upload-btn svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.editor-textarea{background:var(--color-border);width:100%;height:clamp(162px,3.33333vw + 150px,198px);color:var(--color-textPrimary);resize:vertical;border:none;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px);font-family:inherit;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);line-height:1.6}@media (max-width:767px){.editor-textarea{height:clamp(135px,2.77778vw + 125px,165px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}}.editor-textarea::placeholder{color:var(--color-textPrimary);opacity:.4}.editor-textarea:focus{box-shadow:0 0 0 2px var(--color-primary);outline:none}.drop-overlay{background:var(--color-primary);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.drop-overlay{background:color-mix(in srgb,var(--color-primary)95%,transparent)}}.drop-overlay{color:#fff;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:600;display:flex}.drop-overlay svg{font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.start-button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);justify-content:center;align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);width:100%;padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:600;transition:all .2s;display:flex}.start-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.start-button:active{transform:translateY(0)}.start-button svg{font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.try-prompt{text-align:center;color:var(--color-textPrimary);opacity:.5;width:100%;margin:clamp(10.8px,.222222vw + 10px,13.2px) 0 clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.editor-footer{border-top:1px solid var(--color-border);flex-direction:column;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding-top:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.social-links{justify-content:center;align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);width:100%;display:flex}.social-links a{background:var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .2s;display:flex}.social-links a:hover{background:var(--color-primary);color:#fff}.legal-links{justify-content:center;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);display:flex}.legal-links a{color:var(--color-textPrimary);opacity:.5;text-decoration:none}.legal-links a:hover{opacity:1}.legal-links .legal-separator{color:var(--color-textPrimary);opacity:.3}.chapter-menu-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:fixed;inset:0}.chapter-menu{background:var(--color-background);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;width:100%;max-width:clamp(432px,8.88889vw + 400px,528px);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.chapter-menu-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.chapter-menu-title{align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);display:flex}.chapter-menu-title .chapter-menu-icon{color:var(--color-primary);font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.chapter-menu-title h2{color:var(--color-textPrimary);margin:0;font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:600}.chapter-menu-close{background:var(--color-border);width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);color:var(--color-textPrimary);cursor:pointer;border:none;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .2s;display:flex}.chapter-menu-close:hover{background:var(--color-primary);color:#fff}.chapter-menu-progress{background:var(--color-border);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(21.6px,.444444vw + 20px,26.4px)}.chapter-progress-text{color:var(--color-textPrimary);justify-content:space-between;margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.chapter-progress-text span:first-child{font-weight:600}.chapter-progress-text span:last-child{opacity:.6}.chapter-progress-bar{background:var(--color-background);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:clamp(5.4px,.111111vw + 5px,6.6px);overflow:hidden}.chapter-progress-fill{background:var(--color-primary);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:100%;transition:width .3s}.chapter-menu-list{flex:1;padding:clamp(10.8px,.222222vw + 10px,13.2px);overflow-y:auto}.chapter-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:clamp(9px,.185185vw + 8.33333px,11px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .2s;display:flex}.chapter-menu-item:hover{background:var(--color-border)}.chapter-menu-item.active{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.chapter-menu-item.active{background:color-mix(in srgb,var(--color-primary)15%,transparent)}}.chapter-menu-item.active .chapter-marker{background:var(--color-primary);color:#fff}.chapter-menu-item.active .chapter-title{color:var(--color-primary);font-weight:600}.chapter-menu-item.completed .chapter-marker{color:#fff;background:#22c55e}.chapter-marker{background:var(--color-border);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.chapter-marker .chapter-number{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600}.chapter-marker .chapter-check{font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.chapter-info{flex:1;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);min-width:0;display:flex}.chapter-title{color:var(--color-textPrimary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);overflow:hidden}.chapter-badge{background:var(--color-primary);color:#fff;border-radius:clamp(9px,.185185vw + 8.33333px,11px);flex-shrink:0;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:600}.reader-progress{z-index:100;background:var(--color-border);width:100%;height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);position:fixed;top:0;left:0}.reader-progress__bar{background:var(--color-primary);transform-origin:0;height:100%;transition:transform .12s linear;transform:scaleX(0)}.speed-select-content .speed-select-subtitle{color:var(--color-textPrimary);opacity:.6;margin:0 0 clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.speed-unit{color:var(--color-textPrimary);opacity:.6;text-transform:uppercase;letter-spacing:2px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}@supports (color:color-mix(in lab, red, red)){.ramp-info{background:color-mix(in srgb,var(--color-primary)10%,var(--color-background))}.start-reading-btn{background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary)80%,#000));box-shadow:0 4px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 6px 20px color-mix(in srgb,var(--color-primary)30%,transparent)}.start-reading-btn:hover{box-shadow:0 6px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 10px 30px color-mix(in srgb,var(--color-primary)40%,transparent)}.start-reading-btn:active{box-shadow:0 2px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 4px 15px color-mix(in srgb,var(--color-primary)30%,transparent)}}.countdown-content h2{margin:0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:600}.countdown-content p{opacity:.7;margin:0 0 clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.rsvp-display.campaign-reader{background:var(--color-background);z-index:1000;cursor:pointer;position:fixed;inset:0}.reader-progress{background:var(--color-border);z-index:10;height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);position:absolute;top:0;left:0;right:0}.reader-progress__bar{background:var(--color-primary);transform-origin:0;height:100%;transition:transform .15s linear}@supports (color:color-mix(in lab, red, red)){.wpm-indicator{background:color-mix(in srgb,var(--color-primary)15%,var(--color-background));border:1px solid color-mix(in srgb,var(--color-primary)30%,transparent)}}@keyframes pulse-arrow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-2px)}}.chapter-indicator-btn{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;z-index:10;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;transition:all .2s;display:flex;position:absolute;top:clamp(14.4px,.296296vw + 13.3333px,17.6px);left:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.chapter-indicator-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.chapter-indicator-btn svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.rsvp-frame{height:clamp(162px,3.33333vw + 150px,198px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.rsvp-rail{background:var(--color-border);height:1px;position:absolute;left:0;right:0}.rsvp-rail.top{top:0}.rsvp-rail.bottom{bottom:0}.rsvp-guide{background:var(--color-primary);opacity:.3;width:2px;position:absolute;left:50%}.rsvp-guide.up{height:calc(50% - 40px);top:0}.rsvp-guide.down{top:calc(50% + 40px);bottom:0}.rsvp-orp{font-family:var(--font-reader,"Georgia",serif);color:var(--color-primary);z-index:2;font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:767px){.rsvp-orp{font-size:clamp(43.2px,.888889vw + 40px,52.8px)}}.rsvp-word{font-family:var(--font-reader,"Georgia",serif);color:var(--color-textPrimary);white-space:nowrap;font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px);font-weight:700;position:absolute;top:50%;left:50%;transform:translateY(-50%)}@media (max-width:767px){.rsvp-word{font-size:clamp(43.2px,.888889vw + 40px,52.8px)}}.rsvp-word .pre{text-align:right;position:absolute;right:1ch;transform:translateY(-.75em)}.rsvp-word .post{text-align:left;position:absolute;left:1ch;transform:translateY(-.75em)}.rsvp-bottom{background:var(--color-background);border:1px solid var(--color-border);z-index:10;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);justify-content:center;align-items:center;gap:clamp(18px,.37037vw + 16.6667px,22px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:absolute;bottom:clamp(21.6px,.444444vw + 20px,26.4px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001a}@media (max-width:767px){.rsvp-bottom{gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(14.4px,.296296vw + 13.3333px,17.6px);bottom:clamp(21.6px,.444444vw + 20px,26.4px)}}.reading-stats{color:var(--color-textPrimary);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:flex}@media (max-width:767px){.reading-stats{gap:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}}.stat-item{white-space:nowrap}.stat-separator{opacity:.3}.reader-controls{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}@media (max-width:767px){.reader-controls{gap:clamp(5.4px,.111111vw + 5px,6.6px)}}.control-btn{background:var(--color-border);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);cursor:pointer;border:none;border-radius:clamp(9px,.185185vw + 8.33333px,11px);justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .2s;display:flex}.control-btn:hover{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.control-btn:hover{background:color-mix(in srgb,var(--color-primary)20%,var(--color-background))}}.control-btn:hover{color:var(--color-primary)}.control-btn-primary{background:var(--color-primary);color:#fff;width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(43.2px,.888889vw + 40px,52.8px)}.control-btn-primary:hover{background:var(--color-primary);filter:brightness(1.1);color:#fff}.dual-slider{touch-action:none;height:clamp(28.8px,.592593vw + 26.6667px,35.2px);position:relative}.dual-track{background:var(--color-border);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dual-range{background:var(--color-primary);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);position:absolute;top:50%;transform:translateY(-50%)}.dual-thumb{background:var(--color-primary);cursor:pointer;border-radius:50%;width:clamp(16.2px,.333333vw + 15px,19.8px);height:clamp(16.2px,.333333vw + 15px,19.8px);transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0003}.dual-thumb:hover{transform:translate(-50%,-50%)scale(1.15)}.auth-modal-logo{width:clamp(115.2px,2.37037vw + 106.667px,140.8px);height:auto;margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px)}.auth-modal-header{text-align:center;flex-direction:column;align-items:center;display:flex}.theme-card{background:var(--color-background);border:2px solid var(--color-border);cursor:pointer;text-align:left;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding:clamp(10.8px,.222222vw + 10px,13.2px);transition:all .2s}.theme-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.theme-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.theme-preview{border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;width:100%;height:clamp(90px,1.85185vw + 83.3333px,110px);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);display:flex;position:relative;overflow:hidden}.theme-preview-lines,.theme-preview-grid,.theme-preview-stars{pointer-events:none;opacity:.5;position:absolute;inset:0}.theme-preview-stars{background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(2px 2px at 80% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 90% 80%,#fff,#0000)}.theme-preview-text{letter-spacing:-.02em;z-index:1;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:700}.theme-preview-accent{height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);position:absolute;bottom:0;left:0;right:0}.theme-info{flex-direction:column;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.theme-name{color:var(--color-textPrimary);justify-content:space-between;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}.theme-name .check-icon{color:var(--color-primary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.theme-description{color:var(--color-textMuted,var(--color-textPrimary));opacity:.8;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.theme-option-toggle{cursor:pointer;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.theme-option-toggle input[type=checkbox]{width:clamp(16.2px,.333333vw + 15px,19.8px);height:clamp(16.2px,.333333vw + 15px,19.8px);accent-color:var(--color-primary);cursor:pointer}.theme-option-toggle .toggle-label{color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.rsvp-root{background:var(--color-backgroundGradient,var(--color-background));transition:background .3s;position:relative}[data-theme-lines=true] .rsvp-display{position:relative}[data-theme-lines=true] .rsvp-display:before{content:"";pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent calc(var(--line-spacing) - 1px),var(--line-color)calc(var(--line-spacing) - 1px),var(--line-color)var(--line-spacing));background-position:0 calc(-1*var(--calculated-line-offset,0px));position:absolute;inset:0}[data-theme-lines=true] .rsvp-display:after{content:"";pointer-events:none;z-index:1;background:#d30000;width:2px;position:absolute;top:0;bottom:0;left:clamp(72px,1.48148vw + 66.6667px,88px)}@media (max-width:767px){[data-theme-lines=true] .rsvp-display:after{left:clamp(36px,.740741vw + 33.3333px,44px)}}[data-theme-lines=true] .rsvp-frame{transform:translateY(calc(-50% + var(--text-baseline-offset,0px)))!important}[data-theme-lines=true] .rsvp-word .pre,[data-theme-lines=true] .rsvp-word .post{transform:translateY(0)!important}[data-theme-lines=true] .rsvp-orp{transform:translate(-50%)!important}[data-theme-lines=true] .rsvp-rail,[data-theme-lines=true] .rsvp-guide{display:none}[data-theme-grid=true] .rsvp-display{position:relative}[data-theme-grid=true] .rsvp-display:before{content:"";pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to right,transparent 0px,transparent calc(var(--grid-spacing)*5 - 1px),var(--grid-accent-color)calc(var(--grid-spacing)*5 - 1px),var(--grid-accent-color)calc(var(--grid-spacing)*5)),repeating-linear-gradient(to bottom,transparent 0px,transparent calc(var(--grid-spacing)*5 - 1px),var(--grid-accent-color)calc(var(--grid-spacing)*5 - 1px),var(--grid-accent-color)calc(var(--grid-spacing)*5)),repeating-linear-gradient(to right,transparent 0px,transparent calc(var(--grid-spacing) - 1px),var(--grid-color)calc(var(--grid-spacing) - 1px),var(--grid-color)var(--grid-spacing)),repeating-linear-gradient(to bottom,transparent 0px,transparent calc(var(--grid-spacing) - 1px),var(--grid-color)calc(var(--grid-spacing) - 1px),var(--grid-color)var(--grid-spacing));position:absolute;inset:0}[data-theme-grid=true] .rsvp-display:after{content:"";pointer-events:none;z-index:1;opacity:0;width:clamp(54px,1.11111vw + 50px,66px);height:clamp(54px,1.11111vw + 50px,66px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme-grid=true] .rsvp-frame:before{content:"";background:var(--grid-accent-color);pointer-events:none;z-index:-1;opacity:.5;width:clamp(72px,1.48148vw + 66.6667px,88px);height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme-grid=true] .rsvp-frame:after{content:"";background:var(--grid-accent-color);pointer-events:none;z-index:-1;opacity:.5;width:1px;height:clamp(72px,1.48148vw + 66.6667px,88px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme-grid=true] .rsvp-rail,[data-theme-grid=true] .rsvp-guide{display:none}[data-theme-stars=true] .rsvp-display{position:relative;overflow:hidden}[data-theme-stars=true] .rsvp-display:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(2px 2px,#fff,#0000),radial-gradient(2px 2px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(2px 2px at 30% 80%,#fff,#0000),radial-gradient(2px 2px at 15% 90%,#fff,#0000),radial-gradient(2px 2px at 70% 20%,#fff,#0000),radial-gradient(2px 2px at 40% 40%,#fff,#0000),radial-gradient(2px 2px at 85% 85%,#fff,#0000),radial-gradient(1.5px 1.5px at 33% 12%,#fff,#0000),radial-gradient(1.5px 1.5px at 77% 48%,#fff,#0000),radial-gradient(1.5px 1.5px at 12% 65%,#fff,#0000),radial-gradient(1.5px 1.5px at 58% 92%,#fff,#0000);background-size:200% 200%;animation:3s ease-in-out infinite twinkleBright;position:absolute;inset:0}[data-theme-stars=true] .rsvp-display:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(3px 3px at 35% 20%,#ffffffe6,#0000),radial-gradient(2.5px 2.5px at 75% 65%,#fffc,#0000),radial-gradient(3px 3px at 55% 85%,#ffffffe6,#0000),radial-gradient(3.5px 3.5px at 88% 35%,#fff,#0000),radial-gradient(2.5px 2.5px at 42% 60%,#fffc,#0000),radial-gradient(3px 3px at 68% 15%,#ffffffe6,#0000);background-size:200% 200%;animation:5s ease-in-out 1.5s infinite twinkleBright;position:absolute;inset:0}@keyframes twinkleBright{0%,to{opacity:.1}50%{opacity:1}}[data-theme-stars=true] .rsvp-rail,[data-theme-stars=true] .rsvp-guide{opacity:.3}.reader-progress{background:var(--color-border)}.reader-progress__bar{background:var(--color-progressBar)}.rsvp-rail{background:var(--color-rail)}.rsvp-orp{font-family:var(--font-reader);color:var(--color-primary)}.rsvp-word{font-family:var(--font-reader);color:var(--color-textPrimary)}.rsvp-guide{background:var(--color-guide)}.rsvp-bottom{color:var(--color-textPrimary)}input[type=range],input[type=checkbox]{accent-color:var(--color-primary)}.social-links{z-index:50;flex-wrap:wrap;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.social-links a{color:var(--color-textPrimary,var(--color-textMuted));justify-content:center;align-items:center;transition:all .2s;display:flex}.social-links a:hover{color:var(--color-primary);transform:translateY(-2px)}.social-links svg{width:clamp(18px,.37037vw + 16.6667px,22px);height:clamp(18px,.37037vw + 16.6667px,22px)}.speed-tab{padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) 0}.speed-tab__section{border-bottom:1px solid var(--color-border);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(18px,.37037vw + 16.6667px,22px)}.speed-tab__section:last-of-type{border-bottom:none}.speed-tab__section-title{color:var(--color-textPrimary);margin:0 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700}.speed-tab__hint{color:#5a7184;margin:0 0 clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.speed-tab__toggle{cursor:pointer;color:var(--color-textPrimary);align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}.speed-tab__toggle input[type=checkbox]{accent-color:#1b8fc2;cursor:pointer;width:clamp(16.2px,.333333vw + 15px,19.8px);height:clamp(16.2px,.333333vw + 15px,19.8px)}.speed-tab__slider-group{margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.speed-tab__slider-group input[type=range]{appearance:none;background:var(--color-border);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);outline:none;width:100%;height:clamp(5.4px,.111111vw + 5px,6.6px);margin:clamp(7.2px,.148148vw + 6.66667px,8.8px) 0}.speed-tab__slider-group input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1b8fc2;border-radius:50%;width:clamp(18px,.37037vw + 16.6667px,22px);height:clamp(18px,.37037vw + 16.6667px,22px);box-shadow:0 1px 2px #0000000d}.speed-tab__slider-group input[type=range]::-moz-range-thumb{cursor:pointer;background:#1b8fc2;border:none;border-radius:50%;width:clamp(18px,.37037vw + 16.6667px,22px);height:clamp(18px,.37037vw + 16.6667px,22px);box-shadow:0 1px 2px #0000000d}.speed-tab__label{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:block}.speed-tab__label strong{color:#1b8fc2}.speed-tab__range-labels{color:#a3b5c4;justify-content:space-between;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);display:flex}.speed-tab__preview{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(18px,.37037vw + 16.6667px,22px)}.speed-tab__preview-card{background:var(--color-hover,#1b8fc20a);border:1px solid var(--color-border);border-radius:12px;margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}.speed-tab__preview-row{color:var(--color-textPrimary);justify-content:space-between;align-items:center;padding:clamp(5.4px,.111111vw + 5px,6.6px) 0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex}.speed-tab__preview-row:not(:last-child){border-bottom:1px solid var(--color-border)}.speed-tab__preview-row span{color:#5a7184}.speed-tab__preview-row strong{font-weight:700}.speed-tab__actions{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(18px,.37037vw + 16.6667px,22px);display:flex}.speed-tab__actions .button{padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.auth-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--color-background);border-radius:1rem;width:90%;max-width:480px;max-height:90vh;padding:0;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.auth-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.auth-modal-header h2{color:var(--color-textPrimary);margin:0;font-size:1.5rem;font-weight:600}.auth-modal-close{color:var(--color-textPrimary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;transition:opacity .2s;display:flex}.auth-modal-close:hover{opacity:.7}.auth-modal-content{padding:1.5rem}.social-auth{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.auth-divider{text-align:center;color:var(--color-textPrimary);align-items:center;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--color-border);flex:1}.auth-divider span{padding:0 1rem;font-size:.875rem}.email-auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-textPrimary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-group label svg{color:var(--color-textPrimary);font-size:1rem}.form-group input{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-textPrimary);border-radius:.5rem;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary);outline:none}.field-error{color:#dc2626;margin-top:-.25rem;font-size:.8125rem}.form-group input[aria-invalid=true]{border-color:#dc2626}.auth-error{color:#dc2626;background:#dc26261a;border:1px solid #dc26264d;border-radius:.5rem;padding:.75rem;font-size:.875rem}.auth-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.5rem;padding:.75rem;font-size:.875rem}.auth-footer{border-top:1px solid var(--color-border);text-align:center;margin-top:1.5rem;padding-top:1.5rem}.auth-footer p{color:var(--color-textPrimary);margin:.5rem 0;font-size:.875rem}.auth-footer button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.auth-footer button:hover{opacity:.8}@media (max-width:640px){.auth-modal{width:95%}.auth-modal-header,.auth-modal-content{padding:1rem}}.campaign-page{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.campaign-loading{color:var(--color-textPrimary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(43.2px,.888889vw + 40px,52.8px);animation:1s linear infinite spin}.campaign-header{background:var(--color-background);border-bottom:2px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex;position:sticky;top:0}@media (max-width:767px){.campaign-header{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.campaign-back-btn{border:2px solid var(--color-border);background:var(--color-background);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.campaign-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.campaign-logo{color:var(--color-textPrimary);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:700;display:flex}.campaign-logo svg{color:var(--color-primary);font-size:clamp(21.6px,.444444vw + 20px,26.4px)}@media (max-width:767px){.campaign-logo span{display:none}}.campaign-home-btn{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;transition:all .2s}.campaign-home-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.campaign-main{flex:1;width:100%;max-width:100%;margin:0 auto;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px)}@media (max-width:767px){.campaign-main{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.campaign-empty-state{text-align:center;color:var(--color-textPrimary);flex-direction:column;justify-content:center;align-items:center;padding:clamp(57.6px,1.18519vw + 53.3333px,70.4px) clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.campaign-empty-state h2{margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(21.6px,.444444vw + 20px,26.4px)}.campaign-empty-state p{opacity:.7}.empty-icon{opacity:.3;margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px)}.book-list-section{max-width:clamp(810px,16.6667vw + 750px,990px);margin:0 auto;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px)}@media (max-width:767px){.book-list-section{padding:clamp(57.6px,1.18519vw + 53.3333px,70.4px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:clamp(36px,.740741vw + 33.3333px,44px);display:flex}.section-header h1{color:var(--color-textPrimary);margin:0;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:700}.section-header p{color:var(--color-textPrimary);margin:clamp(7.2px,.148148vw + 6.66667px,8.8px) 0 0;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(144px,2.96296vw + 133.333px,176px),clamp(180px,3.7037vw + 166.667px,220px)));justify-content:center;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:grid}@media (max-width:767px){.book-grid{grid-template-columns:repeat(2,1fr);gap:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.book-card{cursor:pointer;background:0 0;border:none;padding:0;transition:all .3s;position:relative}.book-card:hover{transform:translateY(-6px)}.book-cover{aspect-ratio:2/3;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);width:100%;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000004d}.book-card:hover .book-cover{box-shadow:0 12px 35px #0006,0 0 0 2px var(--color-primary)}.book-cover img{object-fit:cover;width:100%;height:100%}.book-cover-fallback{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.book-cover-fallback span{color:#fff;text-shadow:0 2px 4px #00000080;font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:700}.book-progress-badge{background:var(--color-primary);color:#fff;z-index:4;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700;position:absolute;top:clamp(7.2px,.148148vw + 6.66667px,8.8px);right:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.book-complete-badge{color:#1a1a1a;z-index:4;background:#f59e0b;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700;display:flex;position:absolute;top:clamp(7.2px,.148148vw + 6.66667px,8.8px);right:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.book-complete-badge svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.book-card-progress{background:var(--color-border);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px);overflow:hidden}.book-card-progress-fill{background:var(--color-primary);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:100%;transition:width .5s}.book-overlay{opacity:0;z-index:2;background:#000000e6;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex-direction:column;justify-content:flex-end;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:opacity .3s;display:flex;position:absolute;inset:0}.book-card:hover .book-overlay{opacity:1}.book-overlay-content{text-align:left;flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.book-overlay-title{color:#fff;margin:0;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700;line-height:1.3}.book-overlay-author{color:#fff9;margin:0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.book-overlay-meta{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.book-chapters-count{color:#ffffffb3;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.book-reading-time{color:#ffffffb3;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);display:flex}.book-reading-time svg{opacity:.8;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.book-difficulty{text-transform:uppercase;color:#fff;border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:700}.book-difficulty.beginner{background:#22c55e}.book-difficulty.intermediate{color:#1a1a1a;background:#eab308}.book-difficulty.advanced{background:#ef4444}.book-progress-info{color:var(--color-primary);align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-top:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:flex}.book-progress-info svg{font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.book-description{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:clamp(3.6px,.0740741vw + 3.33333px,4.4px) 0 0;font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1.4;display:-webkit-box;overflow:hidden}.book-action{background:var(--color-primary);color:#fff;border-radius:clamp(5.4px,.111111vw + 5px,6.6px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-top:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}@media (max-width:767px){.book-action{display:none}}.book-action svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.game-board-layout{align-items:center;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);width:100%;margin:0 auto;padding:0;display:flex}@media (max-width:767px){.game-board-layout{flex-direction:column;gap:clamp(21.6px,.444444vw + 20px,26.4px)}}.game-board-sidebar{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:0 0 clamp(252px,5.18519vw + 233.333px,308px);align-self:flex-start;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);min-width:clamp(198px,4.07407vw + 183.333px,242px);max-width:clamp(252px,5.18519vw + 233.333px,308px);height:auto;max-height:calc(100vh + -1*clamp(86.4px,1.77778vw + 80px,105.6px));padding-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);padding-right:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex;position:sticky;top:clamp(72px,1.48148vw + 66.6667px,88px);overflow:visible auto}.game-board-sidebar::-webkit-scrollbar{display:none}@media (max-width:767px){.game-board-sidebar{width:100%;max-width:100%;min-width:unset;flex:none;gap:clamp(10.8px,.222222vw + 10px,13.2px);max-height:none;padding-bottom:0;padding-right:0;position:static;overflow:visible}.game-board-sidebar .back-to-books{display:none}}.sidebar-widget{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}@media (max-width:767px){.sidebar-widget{padding:clamp(10.8px,.222222vw + 10px,13.2px)}}.book-widget{text-align:center}@media (max-width:767px){.book-widget{text-align:left;flex-direction:row;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}}.widget-cover{border-radius:clamp(5.4px,.111111vw + 5px,6.6px);width:clamp(72px,1.48148vw + 66.6667px,88px);height:clamp(108px,2.22222vw + 100px,132px);margin:0 auto clamp(10.8px,.222222vw + 10px,13.2px);overflow:hidden;box-shadow:0 4px 12px #00000026}.widget-cover img{object-fit:cover;width:100%;height:100%}@media (max-width:767px){.widget-cover{border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);flex-shrink:0;width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(64.8px,1.33333vw + 60px,79.2px);margin:0}.widget-book-info{flex:1;min-width:0}}.widget-cover-placeholder{background:var(--color-border);justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}@media (max-width:767px){.widget-cover-placeholder{font-size:clamp(18px,.37037vw + 16.6667px,22px)}}.widget-title{color:var(--color-textPrimary);margin:0 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700;line-height:1.3}@media (max-width:767px){.widget-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);line-height:1.2;display:-webkit-box;overflow:hidden}}.widget-author{color:var(--color-textPrimary);opacity:.7;margin:0;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}@media (max-width:767px){.widget-author{font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}}.widget-book-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-top:clamp(9px,.185185vw + 8.33333px,11px);display:flex}@media (max-width:767px){.widget-book-meta{justify-content:flex-start;gap:clamp(5.4px,.111111vw + 5px,6.6px);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px)}}.widget-difficulty{text-transform:uppercase;color:#fff;border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(2.7px,.0555556vw + 2.5px,3.3px) clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:700}.widget-difficulty.beginner{background:#22c55e}.widget-difficulty.intermediate{color:#1a1a1a;background:#eab308}.widget-difficulty.advanced{background:#ef4444}@media (max-width:767px){.widget-difficulty{padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}.widget-time{color:var(--color-textPrimary);opacity:.7;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:500}@media (max-width:767px){.widget-time{font-size:clamp(9px,.185185vw + 8.33333px,11px)}}.back-to-books{border:1px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);width:100%;padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:500;transition:all .2s;display:flex}.back-to-books:hover{background:var(--color-border)}.back-to-books svg{font-size:clamp(10.8px,.222222vw + 10px,13.2px)}@media (max-width:767px){.back-to-books{display:none}}.game-board-main{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;min-width:0;display:flex;overflow:visible}@media (max-width:767px){.game-board-sidebar{flex-direction:row;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.sidebar-widget{cursor:pointer;flex:1;transition:transform .2s,box-shadow .2s}.sidebar-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sidebar-widget:active{transform:translateY(0)}.book-widget-compact{justify-content:center;align-items:center;height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.book-widget-compact .compact-book-info{text-align:center;flex-direction:column;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);width:100%;display:flex;overflow:hidden}.book-widget-compact .compact-book-info .compact-book-title{color:var(--color-textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.book-widget-compact .compact-book-info .compact-book-time{color:var(--color-primary);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:500}.stats-widget-compact{justify-content:center;align-items:center;height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.stats-widget-compact .compact-progress-circle{width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);position:relative}.stats-widget-compact .compact-progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.stats-widget-compact .compact-progress-circle .compact-progress-bg{fill:none;stroke:var(--color-border);stroke-width:3px}.stats-widget-compact .compact-progress-circle .compact-progress-fill{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round}.stats-widget-compact .compact-progress-circle .compact-progress-text{color:var(--color-primary);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.streak-widget-compact{justify-content:center;align-items:center;height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex;position:relative}.streak-widget-compact.at-risk{border-color:#f59e0b}.streak-widget-compact .compact-streak-content{flex-direction:column;align-items:center;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.streak-widget-compact .compact-streak-content .compact-streak-fire{font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px)}.streak-widget-compact .compact-streak-content .compact-streak-fire.active{color:#f97316;filter:drop-shadow(0 0 4px #f9731680)}.streak-widget-compact .compact-streak-content .compact-streak-fire.inactive{color:var(--color-textPrimary);opacity:.3}.streak-widget-compact .compact-streak-content .compact-streak-count{color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:800;line-height:1}.streak-widget-compact .compact-streak-content .compact-streak-risk{color:#f59e0b;font-size:clamp(9px,.185185vw + 8.33333px,11px);position:absolute;top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);right:clamp(3.6px,.0740741vw + 3.33333px,4.4px)}.badge-widget-compact{justify-content:center;align-items:center;height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.badge-widget-compact .compact-badge-content{flex-direction:column;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);width:100%;display:flex}.badge-widget-compact .compact-badge-content .compact-badge-icon{color:var(--color-primary);flex-shrink:0;font-size:clamp(18px,.37037vw + 16.6667px,22px)}.badge-widget-compact .compact-badge-content .compact-badge-icon svg{display:block}.badge-widget-compact .compact-badge-content .compact-badge-progress{background:var(--color-border);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);width:100%;max-width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);overflow:hidden}.badge-widget-compact .compact-badge-content .compact-badge-progress .compact-badge-progress-fill{background:var(--color-primary);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:100%}.badge-widget-compact .compact-badge-content .compact-badge-percent{color:var(--color-textPrimary);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:600;line-height:1}.badge-widget-compact .compact-badge-content .compact-badge-count{color:var(--color-textPrimary);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}}.widget-popup-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.widget-popup{background:var(--color-background);border:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:100%;max-width:clamp(324px,6.66667vw + 300px,396px);max-height:85vh;padding:clamp(43.2px,.888889vw + 40px,52.8px) clamp(18px,.37037vw + 16.6667px,22px) clamp(18px,.37037vw + 16.6667px,22px);animation:.25s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.widget-popup::-webkit-scrollbar{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.widget-popup .widget-tabs{margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.widget-popup .widget-content{min-height:clamp(180px,3.7037vw + 166.667px,220px)}.widget-popup .widget-cover{width:clamp(90px,1.85185vw + 83.3333px,110px);height:clamp(135px,2.77778vw + 125px,165px);margin:0 auto clamp(14.4px,.296296vw + 13.3333px,17.6px)}.widget-popup .widget-book-info{text-align:center}.widget-popup .widget-description{color:var(--color-textPrimary);opacity:.7;text-align:left;margin-top:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1.5}.game-board-path{box-sizing:border-box;width:100%;max-width:clamp(378px,7.77778vw + 350px,462px);margin:0 auto;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(28.8px,.592593vw + 26.6667px,35.2px);position:relative;overflow:visible}@media (max-width:767px){.game-board-path{max-width:100%;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.wavy-path-svg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.path-decoration{opacity:.5;pointer-events:none;z-index:1;font-size:clamp(21.6px,.444444vw + 20px,26.4px);animation:4s ease-in-out infinite float;position:absolute}.path-decoration.star-1{animation-delay:0s;top:8%;left:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.path-decoration.star-2{font-size:clamp(18px,.37037vw + 16.6667px,22px);animation-delay:1s;top:35%;right:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.path-decoration.star-3{animation-delay:2s;top:65%;left:clamp(3.6px,.0740741vw + 3.33333px,4.4px)}.path-decoration.book-1{opacity:.4;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);animation-delay:.5s;top:20%;right:clamp(10.8px,.222222vw + 10px,13.2px)}.path-decoration.book-2{opacity:.35;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);animation-delay:1.5s;top:50%;left:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.path-decoration img{filter:drop-shadow(0 2px 4px #0000004d);display:block}.path-decoration .icon-large,.path-decoration .icon-medium{display:none}.path-decoration .icon-small{display:block}@media (min-width:1024px){.path-decoration .icon-large{display:none}.path-decoration .icon-medium{display:block}.path-decoration .icon-small{display:none}}@media (min-width:1400px){.path-decoration .icon-large{display:block}.path-decoration .icon-medium,.path-decoration .icon-small{display:none}}.path-decoration.icon-1{opacity:.85;animation-delay:0s;top:1%;right:clamp(-21.6px,-.444444vw - 20px,-26.4px)}@media (max-width:767px){.path-decoration.icon-1{opacity:.6;top:-1%;right:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}.path-decoration.icon-2{opacity:.8;animation-delay:1.5s;top:28%;left:clamp(-21.6px,-.444444vw - 20px,-26.4px)}@media (max-width:767px){.path-decoration.icon-2{opacity:.5;top:20%;left:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}.path-decoration.icon-3{opacity:.75;animation-delay:.8s;top:55%;right:clamp(-10.8px,-.222222vw - 10px,-13.2px)}@media (max-width:767px){.path-decoration.icon-3{opacity:.5;top:45%;right:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}.path-decoration.icon-4{opacity:.8;animation-delay:2.2s;top:78%;left:clamp(-10.8px,-.222222vw - 10px,-13.2px)}@media (max-width:767px){.path-decoration.icon-4{opacity:.5;top:70%;left:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}.path-track{z-index:2;flex-direction:column;align-items:center;gap:0;width:100%;display:flex;position:relative}.path-item{flex-direction:column;align-items:flex-start;width:100%;min-height:clamp(126px,2.59259vw + 116.667px,154px);display:flex;position:relative}.path-item.chapter-node{margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px)}.path-item.left{align-items:flex-start;padding-left:0}.path-item.right{align-items:flex-end;padding-right:0}.node-group{flex-direction:column;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex;position:relative}.game-node{cursor:pointer;background:0 0;border:none;border-radius:50%;width:clamp(63px,1.2963vw + 58.3333px,77px);height:clamp(63px,1.2963vw + 58.3333px,77px);padding:0;position:relative}.game-node:disabled{cursor:not-allowed}.node-face{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex}.game-node.locked .node-face{background:linear-gradient(145deg,#e5e7eb,#d1d5db);box-shadow:0 4px #9ca3af,0 6px 15px #0000001a}.game-node.locked .node-icon{color:#9ca3af;font-size:clamp(18px,.37037vw + 16.6667px,22px)}.game-node.completed .node-face{background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 4px #15803d,0 6px 20px #22c55e59}.game-node.completed .node-icon{color:#fff;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px)}.game-node.completed:hover .node-face{transform:translateY(-3px);box-shadow:0 7px #15803d,0 10px 25px #22c55e66}.game-node.current .node-face{background:linear-gradient(145deg,var(--color-primary),var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.game-node.current .node-face{background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary)75%,#000))}}.game-node.current .node-face{box-shadow:0 4px 0 var(--color-primary),0 0 0 4px var(--color-background),0 0 0 8px var(--color-primary),0 6px 25px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.game-node.current .node-face{box-shadow:0 4px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 0 0 4px var(--color-background),0 0 0 8px color-mix(in srgb,var(--color-primary)25%,transparent),0 6px 25px color-mix(in srgb,var(--color-primary)40%,transparent)}}.game-node.current .node-face{animation:2s ease-in-out infinite pulse-node}.game-node.current .node-number{color:#fff;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:800}.game-node.current .node-icon.bookmark-icon{color:#fff;filter:drop-shadow(0 2px 2px #0003);font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.game-node.current:hover .node-face{transform:translateY(-3px)scale(1.02)}@keyframes pulse-node{}.start-badge{color:#78350f;letter-spacing:.5px;background:linear-gradient(145deg,#fbbf24,#f59e0b);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(2.7px,.0555556vw + 2.5px,3.3px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(8.1px,.166667vw + 7.5px,9.9px);font-weight:800;animation:1s ease-in-out infinite bounce-badge;position:absolute;top:clamp(-9px,-.185185vw - 8.33333px,-11px);left:50%;transform:translate(-50%);box-shadow:0 2px #d97706}@keyframes bounce-badge{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}.score-star{color:#78350f;background:linear-gradient(145deg,#fbbf24,#f59e0b);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);align-items:center;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-weight:700;display:flex;position:absolute;bottom:clamp(-7.2px,-.148148vw - 6.66667px,-8.8px);left:50%;transform:translate(-50%);box-shadow:0 2px #d97706}.score-star svg{font-size:clamp(6.3px,.12963vw + 5.83333px,7.7px)}.chapter-card{background:var(--color-background);text-align:center;border:1.5px solid var(--color-border);border-radius:clamp(9px,.185185vw + 8.33333px,11px);max-width:clamp(126px,2.59259vw + 116.667px,154px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(10.8px,.222222vw + 10px,13.2px);box-shadow:0 2px 8px #0000000f}.chapter-card.current{border-color:var(--color-primary);box-shadow:0 3px 12px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.chapter-card.current{box-shadow:0 3px 12px color-mix(in srgb,var(--color-primary)15%,transparent)}}.chapter-card.completed{border-color:#22c55e}.chapter-num{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(8.1px,.166667vw + 7.5px,9.9px);font-weight:700;display:block}.chapter-title{color:var(--color-textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.chapter-time{color:var(--color-primary);margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(8.1px,.166667vw + 7.5px,9.9px);font-weight:500;display:block}.game-node.recap-quiz-node{width:clamp(72px,1.48148vw + 66.6667px,88px);height:clamp(72px,1.48148vw + 66.6667px,88px)}.game-node.recap-quiz-node .node-icon.recap-icon{color:#fff;filter:drop-shadow(0 2px 2px #0003);font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.game-node.recap-quiz-node .node-icon.recap-icon.locked{color:#9ca3af;filter:none}.game-node.recap-quiz-node.current .node-face{box-shadow:0 5px 0 #b45309,0 0 0 5px var(--color-background),0 0 0 10px #fbbf244d,0 0 40px #fbbf2466;background:linear-gradient(145deg,#fbbf24,#d97706);animation:2s ease-in-out infinite pulse-recap}.game-node.recap-quiz-node.completed .node-face{background:linear-gradient(145deg,#fbbf24,#f59e0b);box-shadow:0 4px #d97706,0 6px 20px #fbbf2459}@keyframes pulse-recap{0%,to{box-shadow:0 5px 0 #b45309,0 0 0 5px var(--color-background),0 0 0 10px #fbbf244d,0 0 40px #fbbf2466}50%{box-shadow:0 5px 0 #b45309,0 0 0 5px var(--color-background),0 0 0 18px #fbbf2426,0 0 60px #fbbf2480}}.start-badge.recap-badge{color:#78350f;background:linear-gradient(145deg,#fbbf24,#f59e0b);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(9px,.185185vw + 8.33333px,11px);box-shadow:0 2px #d97706}.start-badge.recap-badge.completed{color:#fff;background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 2px #15803d}.chapter-card.recap-card{background:linear-gradient(135deg,var(--color-background),#fef3c7);border:2px solid #f59e0b}@supports (color:color-mix(in lab, red, red)){.chapter-card.recap-card{background:linear-gradient(135deg,var(--color-background),color-mix(in srgb,#fef3c7 10%,var(--color-background)))}}.chapter-card.recap-card{max-width:clamp(144px,2.96296vw + 133.333px,176px)}.chapter-card.recap-card .chapter-num,.chapter-card.recap-card .recap-label{color:#d97706;justify-content:center;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(9px,.185185vw + 8.33333px,11px);display:flex}.chapter-card.recap-card .chapter-num svg,.chapter-card.recap-card .recap-label svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.chapter-card.recap-card .chapter-title{font-weight:700}.chapter-card.recap-card .recap-hint{color:#b45309;font-size:clamp(8.1px,.166667vw + 7.5px,9.9px)}.recap-quiz-banner{color:#92400e;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);justify-content:center;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700;display:flex}.recap-quiz-banner svg{color:#d97706;font-size:clamp(21.6px,.444444vw + 20px,26.4px)}.results-section.recap-results .results-header.passed{background:linear-gradient(135deg,#fbbf24,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.results-section.recap-results .results-header.passed{background:linear-gradient(135deg,color-mix(in srgb,#fbbf24 20%,var(--color-background)),color-mix(in srgb,#f59e0b 15%,var(--color-background)))}}.results-section.recap-results .results-header.passed{border:2px solid #f59e0b}.results-section.recap-results .results-header.passed .results-icon{color:#f59e0b;font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px)}.finish-line-container{flex-direction:column;align-items:center;margin-top:clamp(21.6px,.444444vw + 20px,26.4px);padding:clamp(28.8px,.592593vw + 26.6667px,35.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex;position:relative}.finish-glow{filter:blur(20px);pointer-events:none;background:radial-gradient(#fbbf2466 0%,#fbbf2433 30%,#fbbf240d 60%,#0000 80%);width:clamp(252px,5.18519vw + 233.333px,308px);height:clamp(135px,2.77778vw + 125px,165px);animation:3s ease-in-out infinite glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glow-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.finish-banner{text-align:center;z-index:2;background:linear-gradient(145deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(36px,.740741vw + 33.3333px,44px);position:relative;box-shadow:0 4px #d97706,0 0 30px #fbbf2480,0 0 60px #fbbf244d}.finish-text{letter-spacing:4px;-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d97706,#b45309,#d97706);-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:900}.finish-subtext{color:#92400e;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}@supports (color:color-mix(in lab, red, red)){.streak-widget.at-risk{border-color:color-mix(in srgb,var(--color-primary)30%,var(--color-border))}}.streak-fire-icon{font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.streak-fire-icon.active{color:#f59e0b;filter:drop-shadow(0 0 8px #f59e0b80)}.streak-fire-icon.inactive{color:var(--color-border)}.risk-indicator{color:#ef4444;font-size:clamp(10.8px,.222222vw + 10px,13.2px);position:absolute;top:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px);right:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px)}.streak-info{flex:1}.streak-info .streak-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.best-streak{color:var(--color-textPrimary);opacity:.6;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);display:flex}.streak-message.warning{background:#ef44441a}.streak-message.warning .message-icon{color:#ef4444}.streak-message.success{background:#22c55e1a}.streak-message.success .message-icon{color:#22c55e}.message-icon{color:var(--color-primary);flex-shrink:0;font-size:clamp(18px,.37037vw + 16.6667px,22px)}.message-content{flex-direction:column;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.message-content strong{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600}.message-content span{color:var(--color-textPrimary);opacity:.7;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.streak-calendar{margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.calendar-days{justify-content:space-between;display:flex}.calendar-day{flex-direction:column;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.calendar-day.today .day-label{color:var(--color-primary);font-weight:600}.day-label{color:var(--color-textPrimary);opacity:.6;text-transform:uppercase;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.day-indicator{background:var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:clamp(25.2px,.518519vw + 23.3333px,30.8px);height:clamp(25.2px,.518519vw + 23.3333px,30.8px);display:flex}.day-fire{color:#d97706;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.day-fire.active{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0b80)}.empty-dot{background:var(--color-textPrimary);opacity:.2;border-radius:50%;width:clamp(5.4px,.111111vw + 5px,6.6px);height:clamp(5.4px,.111111vw + 5px,6.6px)}.streak-milestone{margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px)}.milestone-header .milestone-icon{color:#f59e0b;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.milestone-header .milestone-name{color:var(--color-textPrimary);flex:1;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.milestone-header .milestone-days{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.current-milestone .current-milestone-icon{color:#f59e0b;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.current-milestone .current-milestone-name{color:#d97706;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.streak-stat{flex-direction:column;align-items:center;display:flex}.game-node.chapter-quiz-node.current .node-face{box-shadow:0 4px 0 #991b1b,0 0 0 4px var(--color-background),0 0 0 8px #dc262640,0 6px 25px #dc262666;background:linear-gradient(145deg,#dc2626,#b91c1c)}.game-node.chapter-quiz-node .node-icon.chapter-icon{color:#fff;font-size:clamp(21.6px,.444444vw + 20px,26.4px)}.start-badge.chapter-badge{background:linear-gradient(145deg,var(--color-primary),var(--color-primary))}@supports (color:color-mix(in lab, red, red)){.start-badge.chapter-badge{background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary)80%,#000))}}.start-badge.chapter-badge{color:#fff;box-shadow:0 2px 0 var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.start-badge.chapter-badge{box-shadow:0 2px 0 color-mix(in srgb,var(--color-primary)60%,#000)}}.chapter-card.is-chapter-card{border-left:3px solid #dc2626}.chapter-card.is-chapter-card .chapter-num{color:#dc2626}.boss-level-divider{align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:100%;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:0 clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.boss-divider-line{background:linear-gradient(90deg,#0000,#dc2626,#0000);flex:1;height:2px}.boss-divider-badge{color:#7f1d1d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #dc2626;border-radius:clamp(28.8px,.592593vw + 26.6667px,35.2px);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700;display:flex;box-shadow:0 2px 8px #dc26264d}.boss-divider-badge svg{color:#dc2626;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.game-node.boss-node{width:clamp(76.5px,1.57407vw + 70.8333px,93.5px);height:clamp(76.5px,1.57407vw + 70.8333px,93.5px)}.game-node.boss-node.current .node-face{box-shadow:0 5px 0 #991b1b,0 0 0 5px var(--color-background),0 0 0 10px #ef44444d,0 0 40px #ef444466;background:linear-gradient(145deg,#ef4444,#b91c1c);animation:2s ease-in-out infinite pulse-boss}.game-node.boss-node.completed .node-face{background:linear-gradient(145deg,#22c55e,#16a34a);box-shadow:0 4px #15803d,0 6px 20px #22c55e59}.game-node.boss-node .node-icon.boss-icon{color:#fff;filter:drop-shadow(0 2px 2px #0003);font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px)}@keyframes pulse-boss{0%,to{box-shadow:0 5px 0 #991b1b,0 0 0 5px var(--color-background),0 0 0 10px #ef44444d,0 0 40px #ef444466}50%{box-shadow:0 5px 0 #991b1b,0 0 0 5px var(--color-background),0 0 0 18px #ef444426,0 0 60px #ef444480}}.start-badge.boss-badge{color:#fff;background:linear-gradient(145deg,#ef4444,#dc2626);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(9px,.185185vw + 8.33333px,11px);box-shadow:0 2px #991b1b}.score-star.boss-score{background:linear-gradient(145deg,#fbbf24,#f59e0b)}.chapter-card.boss-card{background:linear-gradient(135deg,var(--color-background),#fef2f2);border:2px solid #dc2626}@supports (color:color-mix(in lab, red, red)){.chapter-card.boss-card{background:linear-gradient(135deg,var(--color-background),color-mix(in srgb,#fef2f2 10%,var(--color-background)))}}.chapter-card.boss-card{max-width:clamp(144px,2.96296vw + 133.333px,176px)}.chapter-card.boss-card .chapter-num{color:#dc2626;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.chapter-card.boss-card .chapter-title{font-weight:700}.quiz-section.boss-quiz{max-width:clamp(675px,13.8889vw + 625px,825px)}.boss-quiz-banner{color:#7f1d1d;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #dc2626;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);justify-content:center;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700;display:flex}.boss-quiz-banner svg{color:#dc2626;font-size:clamp(21.6px,.444444vw + 20px,26.4px)}.results-section.boss-results .results-header.passed{background:linear-gradient(135deg,#22c55e,#16a34a)}@supports (color:color-mix(in lab, red, red)){.results-section.boss-results .results-header.passed{background:linear-gradient(135deg,color-mix(in srgb,#22c55e 20%,var(--color-background)),color-mix(in srgb,#16a34a 15%,var(--color-background)))}}.results-section.boss-results .results-header.passed{border:2px solid #22c55e}.results-section.boss-results .results-header.passed .results-icon{color:#22c55e;font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px)}.path-item.chapter-node{min-height:clamp(162px,3.33333vw + 150px,198px);margin-top:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.campaign-main.reading-mode{max-width:100%;padding:0}.rsvp-display.campaign-reader{z-index:1000;position:fixed;inset:0}.speed-select-screen{background:var(--color-background);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.speed-select-screen .exit-btn{border:2px solid var(--color-border);background:var(--color-background);width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(18px,.37037vw + 16.6667px,22px);transition:all .2s;display:flex;position:absolute;top:clamp(14.4px,.296296vw + 13.3333px,17.6px);right:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.speed-select-screen .exit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.speed-select-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:clamp(360px,7.40741vw + 333.333px,440px);padding:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.speed-select-content h2{color:var(--color-textPrimary);margin:0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:700}.speed-select-content .chapter-title-preview{color:var(--color-textSecondary);opacity:.8;margin:0 0 clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.speed-selector{align-items:center;gap:clamp(21.6px,.444444vw + 20px,26.4px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.speed-adjust-btn{border:2px solid var(--color-border);background:var(--color-background);width:clamp(50.4px,1.03704vw + 46.6667px,61.6px);height:clamp(50.4px,1.03704vw + 46.6667px,61.6px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:300;transition:all .2s;display:flex}.speed-adjust-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.speed-adjust-btn:active{transform:scale(.95)}.speed-display{flex-direction:column;align-items:center;min-width:clamp(108px,2.22222vw + 100px,132px);display:flex}.speed-value{color:var(--color-primary);font-size:clamp(50.4px,1.03704vw + 46.6667px,61.6px);font-weight:800;line-height:1}.speed-unit{color:var(--color-textSecondary);text-transform:uppercase;letter-spacing:2px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.speed-presets{flex-wrap:wrap;justify-content:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.preset-btn{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);cursor:pointer;border-radius:clamp(28.8px,.592593vw + 26.6667px,35.2px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;transition:all .2s}.preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ramp-info{background:var(--color-primary);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}@supports (color:color-mix(in lab, red, red)){.ramp-info{background:color-mix(in srgb,var(--color-primary)10%,var(--color-background))}}.ramp-info{border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.ramp-info svg{color:var(--color-primary);flex-shrink:0}.ramp-info span{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.start-reading-btn{background:linear-gradient(145deg,var(--color-primary),var(--color-primary));justify-content:center;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(36px,.740741vw + 33.3333px,44px);display:flex}@supports (color:color-mix(in lab, red, red)){.start-reading-btn{background:linear-gradient(145deg,var(--color-primary),color-mix(in srgb,var(--color-primary)80%,#000))}}.start-reading-btn{color:#fff;cursor:pointer;box-shadow:0 4px 0 var(--color-primary),0 6px 20px var(--color-primary);border:none;border-radius:clamp(43.2px,.888889vw + 40px,52.8px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700}@supports (color:color-mix(in lab, red, red)){.start-reading-btn{box-shadow:0 4px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 6px 20px color-mix(in srgb,var(--color-primary)30%,transparent)}}.start-reading-btn{transition:all .2s}.start-reading-btn:hover{box-shadow:0 6px 0 var(--color-primary),0 10px 30px var(--color-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.start-reading-btn:hover{box-shadow:0 6px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 10px 30px color-mix(in srgb,var(--color-primary)40%,transparent)}}.start-reading-btn:active{box-shadow:0 2px 0 var(--color-primary),0 4px 15px var(--color-primary);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.start-reading-btn:active{box-shadow:0 2px 0 color-mix(in srgb,var(--color-primary)60%,#000),0 4px 15px color-mix(in srgb,var(--color-primary)30%,transparent)}}.reading-countdown{background:var(--color-background);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-content{text-align:center;color:var(--color-textPrimary)}.countdown-content h2{margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(21.6px,.444444vw + 20px,26.4px)}.countdown-content p{opacity:.7;margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.countdown-number{color:var(--color-primary);font-size:clamp(115.2px,2.37037vw + 106.667px,140.8px);font-weight:700;animation:1s ease-in-out infinite countdown-pulse}.wpm-indicator{background:var(--color-primary);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(10.8px,.222222vw + 10px,13.2px);position:absolute;top:clamp(14.4px,.296296vw + 13.3333px,17.6px);right:clamp(14.4px,.296296vw + 13.3333px,17.6px)}@supports (color:color-mix(in lab, red, red)){.wpm-indicator{background:color-mix(in srgb,var(--color-primary)15%,var(--color-background))}}.wpm-indicator{border:1px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.wpm-indicator{border:1px solid color-mix(in srgb,var(--color-primary)30%,transparent)}}.wpm-indicator{color:var(--color-primary);z-index:10;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:flex}.wpm-indicator .ramping{animation:.5s ease-in-out infinite pulse-arrow}.pause-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-content{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.pause-content svg{margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px);display:block}.pause-content span{margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:700;display:block}.pause-content p{opacity:.7;margin:0}.quiz-section{max-width:clamp(630px,12.963vw + 583.333px,770px);margin:0 auto}.quiz-header{margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.quiz-header h2{color:var(--color-textPrimary);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:700}.quiz-progress{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.quiz-progress span{color:var(--color-textPrimary);opacity:.7;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.quiz-progress-bar{background:var(--color-border);border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);height:clamp(7.2px,.148148vw + 6.66667px,8.8px);overflow:hidden}.quiz-progress-fill{background:var(--color-primary);height:100%;transition:width .3s}.quiz-content{margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.quiz-question h3{color:var(--color-textPrimary);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:600;line-height:1.5}.quiz-options{flex-direction:column;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.quiz-option{background:var(--color-background);border:2px solid var(--color-border);cursor:pointer;text-align:left;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);align-items:flex-start;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:100%;padding:clamp(18px,.37037vw + 16.6667px,22px);transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--color-primary)}.quiz-option.selected{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.quiz-option.selected{background:color-mix(in srgb,var(--color-primary)10%,var(--color-background))}}.option-letter{background:var(--color-border);width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);color:var(--color-textPrimary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700;display:flex}.quiz-option.selected .option-letter{background:var(--color-primary);color:#fff}.option-text{color:var(--color-textPrimary);flex:1;padding-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);line-height:1.5}.quiz-nav{border-top:2px solid var(--color-border);justify-content:space-between;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding-top:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.quiz-nav{flex-direction:column}.quiz-nav button{width:100%}}.results-section{max-width:clamp(630px,12.963vw + 583.333px,770px);margin:0 auto}.results-header{text-align:center;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);padding:clamp(36px,.740741vw + 33.3333px,44px)}.results-header.passed{background:#22c55e}@supports (color:color-mix(in lab, red, red)){.results-header.passed{background:color-mix(in srgb,#22c55e 15%,var(--color-background))}}.results-header.passed{border:2px solid #22c55e}.results-header.passed .results-icon{color:#22c55e}.results-header.failed{background:#ef4444}@supports (color:color-mix(in lab, red, red)){.results-header.failed{background:color-mix(in srgb,#ef4444 15%,var(--color-background))}}.results-header.failed{border:2px solid #ef4444}.results-header.failed .results-icon{color:#ef4444}.results-icon{margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(43.2px,.888889vw + 40px,52.8px)}.results-score{color:var(--color-textPrimary);font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px);font-weight:700;line-height:1}.results-status{color:var(--color-textPrimary);margin:clamp(7.2px,.148148vw + 6.66667px,8.8px) 0;font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:600}.results-message{color:var(--color-textPrimary);opacity:.8;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.results-review{margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.results-review h3{color:var(--color-textPrimary);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:600}.review-item{border:2px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(18px,.37037vw + 16.6667px,22px)}.review-item.correct{background:#22c55e;border-color:#22c55e}@supports (color:color-mix(in lab, red, red)){.review-item.correct{background:color-mix(in srgb,#22c55e 5%,var(--color-background))}}.review-item.incorrect{background:#ef4444;border-color:#ef4444}@supports (color:color-mix(in lab, red, red)){.review-item.incorrect{background:color-mix(in srgb,#ef4444 5%,var(--color-background))}}.review-question{color:var(--color-textPrimary);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:500}.review-number{margin-right:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-weight:700}.review-answer{color:var(--color-textPrimary);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px)}.review-status{margin-right:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-weight:700}.review-status.correct{color:#22c55e}.review-status.incorrect{color:#ef4444}.review-correct{color:#22c55e;margin-top:clamp(5.4px,.111111vw + 5px,6.6px);font-weight:500}.review-explanation{border-top:1px solid var(--color-border);color:var(--color-textPrimary);opacity:.8;margin-top:clamp(10.8px,.222222vw + 10px,13.2px);padding-top:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-style:italic}.results-actions{justify-content:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}@media (max-width:767px){.results-actions{flex-direction:column}.results-actions button{width:100%}}.book-complete-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.book-complete-section h1{color:var(--color-textPrimary);margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(43.2px,.888889vw + 40px,52.8px);font-weight:700}.complete-content{z-index:1;position:relative}.complete-content .button{margin:auto}.complete-trophy{color:#fbbf24;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(72px,1.48148vw + 66.6667px,88px);animation:1s ease-in-out trophy-bounce}.complete-trophy svg{margin:auto}@keyframes trophy-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1)}}.complete-subtitle{color:var(--color-textPrimary);opacity:.7;margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.complete-book-info{margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.complete-book-info h2{color:var(--color-textPrimary);margin-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:700}.complete-book-info p{color:var(--color-textPrimary);opacity:.7}.complete-book-cover{object-fit:cover;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);width:clamp(108px,2.22222vw + 100px,132px);height:clamp(162px,3.33333vw + 150px,198px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);box-shadow:0 8px 24px #0003}.complete-stats{flex-wrap:wrap;justify-content:center;gap:clamp(21.6px,.444444vw + 20px,26.4px);margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.complete-stats .stat-card{background:var(--color-primary);padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(28.8px,.592593vw + 26.6667px,35.2px)}@supports (color:color-mix(in lab, red, red)){.complete-stats .stat-card{background:color-mix(in srgb,var(--color-primary)10%,var(--color-background))}}.complete-stats .stat-card{border:2px solid var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.complete-stats .stat-card{border:2px solid color-mix(in srgb,var(--color-primary)30%,transparent)}}.complete-stats .stat-card{border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;justify-content:space-around;min-width:clamp(108px,2.22222vw + 100px,132px);display:flex}.stat-value{color:var(--color-primary);justify-content:center;align-items:center;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:700;display:flex}.stat-label{color:var(--color-textPrimary);opacity:.7;margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.btn-lg{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(36px,.740741vw + 33.3333px,44px);font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.confetti-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);width:clamp(9px,.185185vw + 8.33333px,11px);height:clamp(18px,.37037vw + 16.6667px,22px);animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.book-complete-badge{color:#78350f;z-index:2;background:#fbbf24;border-radius:clamp(28.8px,.592593vw + 26.6667px,35.2px);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700;display:flex;position:absolute;top:clamp(14.4px,.296296vw + 13.3333px,17.6px);right:clamp(14.4px,.296296vw + 13.3333px,17.6px);box-shadow:0 2px 8px #0000004d}.label-action.completed{color:var(--color-textPrimary);opacity:.6}.badge-widget{position:relative}.badge-widget .widget-header{justify-content:space-between;align-items:center;margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.badge-widget .widget-header-left{color:var(--color-primary);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.badge-widget .widget-header-left .widget-icon{color:var(--color-primary);font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.badge-widget .widget-header-left h3{color:var(--color-textPrimary);margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700}.badge-widget .badge-count{color:var(--color-textPrimary);opacity:.6;background:var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.badge-grid{grid-template-columns:repeat(3,1fr);gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:grid}.badge-item{aspect-ratio:1;background:var(--color-border);cursor:pointer;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.badge-item .badge-icon{color:var(--color-textPrimary);opacity:.3;justify-content:center;align-items:center;font-size:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.badge-item.unlocked{background:linear-gradient(135deg,var(--tier-color),var(--tier-color))}@supports (color:color-mix(in lab, red, red)){.badge-item.unlocked{background:linear-gradient(135deg,color-mix(in srgb,var(--tier-color)20%,var(--color-background)),color-mix(in srgb,var(--tier-color)10%,var(--color-background)))}}.badge-item.unlocked{border:2px solid var(--tier-color);box-shadow:0 2px 8px var(--tier-color)}@supports (color:color-mix(in lab, red, red)){.badge-item.unlocked{box-shadow:0 2px 8px color-mix(in srgb,var(--tier-color)30%,transparent)}}.badge-item.unlocked .badge-icon{color:var(--tier-color);opacity:1}.badge-item.unlocked:hover{box-shadow:0 4px 12px var(--tier-color);transform:scale(1.1)}@supports (color:color-mix(in lab, red, red)){.badge-item.unlocked:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--tier-color)40%,transparent)}}.badge-item.recent{animation:2s ease-in-out infinite badgePulse}.badge-item .badge-new{color:#fff;background:var(--color-primary);border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-weight:700;position:absolute;top:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px);right:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px)}@keyframes badgePulse{}.badge-tooltip-fixed{background:var(--color-background);color:var(--color-textPrimary);z-index:999999;border:1px solid var(--color-border);pointer-events:none;border-radius:clamp(9px,.185185vw + 8.33333px,11px);flex-direction:column;gap:clamp(5.4px,.111111vw + 5px,6.6px);max-width:clamp(180px,3.7037vw + 166.667px,220px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);animation:.15s tooltipFadeIn;display:flex;position:fixed;box-shadow:0 8px 24px #0000004d}.badge-tooltip-fixed strong{font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700;line-height:1.3}.badge-tooltip-fixed span{opacity:.8;line-height:1.4}.badge-tooltip-fixed .badge-tier{text-transform:uppercase;opacity:1;letter-spacing:.5px;font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:700}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.badge-tooltip-mobile{background:var(--color-background);color:var(--color-textPrimary);z-index:999999;border:1px solid var(--color-border);text-align:center;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);min-width:clamp(180px,3.7037vw + 166.667px,220px);max-width:clamp(252px,5.18519vw + 233.333px,308px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);animation:.2s tooltipPopIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #0006}.badge-tooltip-mobile strong{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700}.badge-tooltip-mobile span{opacity:.8;line-height:1.4}.badge-tooltip-mobile .badge-tier{text-transform:uppercase;opacity:1;margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700}@keyframes tooltipPopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.badge-tooltip-backdrop{z-index:999998;background:#0000004d;position:fixed;inset:0}.badge-empty{color:var(--color-textPrimary);flex-direction:column;grid-column:1/-1;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.badge-empty .empty-icon{opacity:.4;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.badge-empty p{opacity:.6;text-align:center;margin:0;font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1.4}.next-badge{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.next-badge{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.next-badge{border-radius:clamp(10.8px,.222222vw + 10px,13.2px);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(10.8px,.222222vw + 10px,13.2px)}.next-badge-header{justify-content:space-between;align-items:center;margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.next-badge-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.next-badge-name{color:var(--color-textPrimary);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:flex}.next-badge-name svg{color:var(--color-primary)}.next-badge-progress{background:var(--color-border);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:clamp(5.4px,.111111vw + 5px,6.6px);margin-bottom:clamp(5.4px,.111111vw + 5px,6.6px);overflow:hidden}.next-badge-progress-fill{background:var(--color-primary);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:100%;transition:width .3s}.next-badge-stats{color:var(--color-textPrimary);opacity:.6;text-align:right;font-size:clamp(9px,.185185vw + 8.33333px,11px);display:block}.view-all-badges{border:1px solid var(--color-border);width:100%;color:var(--color-textPrimary);opacity:.7;cursor:pointer;background:0 0;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;transition:all .2s;display:flex}.view-all-badges:hover{opacity:1;background:var(--color-border)}.view-all-badges svg{font-size:clamp(9px,.185185vw + 8.33333px,11px)}.badge-collection-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:fixed;inset:0}.widget-popup-overlay{z-index:99999;background:#0009;justify-content:center;align-items:center;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex;position:fixed;inset:0}.widget-popup{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:100%;max-width:clamp(324px,6.66667vw + 300px,396px);max-height:85vh;padding:clamp(43.2px,.888889vw + 40px,52.8px) clamp(18px,.37037vw + 16.6667px,22px) clamp(18px,.37037vw + 16.6667px,22px);position:relative;overflow:visible;box-shadow:0 20px 40px #0000004d}.widget-popup .widget-header{color:var(--color-textPrimary)}.widget-popup-close{background:var(--color-border);width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);color:var(--color-textPrimary);cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .2s;display:flex;position:absolute;top:clamp(10.8px,.222222vw + 10px,13.2px);right:clamp(10.8px,.222222vw + 10px,13.2px)}.widget-popup-close:hover{background:var(--color-primary);color:#fff}.badge-collection{background:var(--color-background);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;width:100%;max-width:clamp(720px,14.8148vw + 666.667px,880px);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.badge-collection-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.badge-collection-header h2{color:var(--color-textPrimary);align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin:0;font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:700;display:flex}.badge-collection-header h2 svg{color:var(--color-primary)}.badge-collection-header .close-btn{background:var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);cursor:pointer;border:none;border-radius:50%;font-size:clamp(18px,.37037vw + 16.6667px,22px);transition:all .2s}.badge-collection-header .close-btn:hover{background:var(--color-primary);color:#fff}.badge-collection-stats{background:var(--color-primary);justify-content:center;gap:clamp(43.2px,.888889vw + 40px,52.8px);padding:clamp(18px,.37037vw + 16.6667px,22px);display:flex}@supports (color:color-mix(in lab, red, red)){.badge-collection-stats{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.badge-collection-stats .stat{text-align:center}.badge-collection-stats .stat .stat-value{color:var(--color-primary);font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:700;display:block}.badge-collection-stats .stat .stat-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.badge-collection-content{flex:1;padding:clamp(21.6px,.444444vw + 20px,26.4px);overflow-y:auto}.badge-category{margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.badge-category:last-child{margin-bottom:0}.badge-category h3{color:var(--color-textPrimary);opacity:.7;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-border);margin:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px);padding-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700}.badge-category-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(198px,4.07407vw + 183.333px,242px),1fr));gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:grid}@media (max-width:767px){.badge-category-grid{grid-template-columns:1fr}}.badge-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .2s;display:flex}.badge-card.unlocked{border-color:var(--tier-color);background:linear-gradient(135deg,var(--tier-color),var(--color-background))}@supports (color:color-mix(in lab, red, red)){.badge-card.unlocked{background:linear-gradient(135deg,color-mix(in srgb,var(--tier-color)10%,var(--color-background)),var(--color-background))}}.badge-card.locked{opacity:.6}.badge-card.locked .badge-card-icon{filter:grayscale()}.badge-card-icon{background:var(--color-border);width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(43.2px,.888889vw + 40px,52.8px);color:var(--color-textPrimary);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.badge-card-icon svg{font-size:clamp(21.6px,.444444vw + 20px,26.4px)}.badge-card-icon .badge-lock{color:var(--color-textPrimary);opacity:.5;background:var(--color-background);border-radius:50%;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);position:absolute;bottom:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px);right:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px)}.unlocked .badge-card-icon{background:var(--tier-color)}@supports (color:color-mix(in lab, red, red)){.unlocked .badge-card-icon{background:color-mix(in srgb,var(--tier-color)20%,transparent)}}.unlocked .badge-card-icon{color:var(--tier-color)}.badge-card-info{flex:1;min-width:0}.badge-card-info h4{color:var(--color-textPrimary);margin:0 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700}.badge-card-info p{color:var(--color-textPrimary);opacity:.7;margin:0 0 clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1.4}.badge-card-info .badge-tier-label{text-transform:uppercase;letter-spacing:.5px;font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:700}.badge-card-progress{background:var(--color-border);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-top:clamp(7.2px,.148148vw + 6.66667px,8.8px);position:relative;overflow:hidden}.badge-card-progress .badge-card-progress-fill{background:var(--color-primary);border-radius:clamp(1.8px,.037037vw + 1.66667px,2.2px);height:100%}.badge-card-progress span{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9px,.185185vw + 8.33333px,11px);position:absolute;top:clamp(-14.4px,-.296296vw - 13.3333px,-17.6px);right:0}.badge-popup .badge-grid{margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.badge-popup .badge-item{overflow:visible}.streak-widget{position:relative;overflow:visible}.streak-widget.at-risk{border-color:#f59e0b}.streak-widget.at-risk:before{content:"";background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(14.4px,.296296vw + 13.3333px,17.6px) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.streak-header{align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.streak-icon-container{position:relative}.streak-icon-container .streak-icon{color:var(--color-border);font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);transition:all .3s}.streak-icon-container .streak-icon.active{color:#f97316;filter:drop-shadow(0 0 8px #f9731680);animation:1.5s ease-in-out infinite flicker}.streak-icon-container .risk-indicator{color:#f59e0b;font-size:clamp(10.8px,.222222vw + 10px,13.2px);animation:1s ease-in-out infinite pulse;position:absolute;top:clamp(-3.6px,-.0740741vw - 3.33333px,-4.4px);right:clamp(-7.2px,-.148148vw - 6.66667px,-8.8px)}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.streak-info{flex-direction:column;display:flex}.streak-info .streak-count{color:var(--color-textPrimary);font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:800;line-height:1}.streak-info .streak-label{color:var(--color-textPrimary);opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.best-streak{color:var(--color-textPrimary);opacity:.7;background:var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-left:auto;padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);display:flex}.best-streak .best-icon{color:#fbbf24;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.streak-message{background:var(--color-border);border-radius:clamp(9px,.185185vw + 8.33333px,11px);align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.streak-message.warning{background:#f59e0b26;border:1px solid #f59e0b4d}.streak-message.success{background:#22c55e26;border:1px solid #22c55e4d}.streak-message .message-icon{font-size:clamp(18px,.37037vw + 16.6667px,22px)}.streak-message .message-content{flex-direction:column;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.streak-message .message-content strong{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.streak-message .message-content span{color:var(--color-textPrimary);opacity:.7;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.streak-calendar{margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);overflow:hidden}.calendar-header{color:var(--color-textPrimary);opacity:.6;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9px,.185185vw + 8.33333px,11px);display:flex}.calendar-header svg{font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.calendar-days{justify-content:space-between;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.calendar-day{background:var(--color-border);border-radius:clamp(5.4px,.111111vw + 5px,6.6px);flex-direction:column;flex:1;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);min-width:0;padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(1.8px,.037037vw + 1.66667px,2.2px);transition:all .2s;display:flex}.calendar-day.today{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.calendar-day.today{background:color-mix(in srgb,var(--color-primary)20%,transparent)}}.calendar-day.today{border:1px solid var(--color-primary)}.calendar-day.active{background:#f9731633}.calendar-day .day-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(8.1px,.166667vw + 7.5px,9.9px);font-weight:600}.calendar-day .day-indicator{justify-content:center;align-items:center;height:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.calendar-day .day-indicator .empty-dot{background:var(--color-textPrimary);opacity:.2;border-radius:50%;width:clamp(5.4px,.111111vw + 5px,6.6px);height:clamp(5.4px,.111111vw + 5px,6.6px)}.streak-milestone{background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.streak-milestone{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.streak-milestone{border-radius:clamp(9px,.185185vw + 8.33333px,11px);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(10.8px,.222222vw + 10px,13.2px)}.milestone-header{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.milestone-header .milestone-icon{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.milestone-header .milestone-name{color:var(--color-textPrimary);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.milestone-header .milestone-days{color:var(--color-textPrimary);opacity:.6;margin-left:auto;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.milestone-progress{background:var(--color-border);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:clamp(5.4px,.111111vw + 5px,6.6px);overflow:hidden}.milestone-progress-fill{background:linear-gradient(90deg,#f97316,#fbbf24);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:100%;transition:width .5s}.current-milestone{background:linear-gradient(135deg,#fbbf24 0%,#f97316 100%);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.current-milestone .current-milestone-icon{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.current-milestone .current-milestone-name{color:#fff;text-shadow:0 1px 2px #0003;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700}.streak-stats{border-top:1px solid var(--color-border);justify-content:center;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);padding-top:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.streak-stat{flex-direction:column;align-items:center;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.streak-stat .stat-value{color:var(--color-textPrimary);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700}.streak-stat .stat-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.streak-details-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:fixed;inset:0}.streak-details{background:var(--color-background);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;width:100%;max-width:clamp(450px,9.25926vw + 416.667px,550px);max-height:90vh;display:flex;overflow:hidden}.streak-details-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.streak-details-header h2{color:var(--color-textPrimary);align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin:0;font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:700;display:flex}.streak-details-header h2 svg{color:#f97316}.streak-details-header .close-btn{background:var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);cursor:pointer;border:none;border-radius:50%;font-size:clamp(18px,.37037vw + 16.6667px,22px);transition:all .2s}.streak-details-header .close-btn:hover{background:var(--color-primary);color:var(--color-textSecondary)}.streak-details-hero{text-align:center;background:linear-gradient(135deg,#f97316 0%,#fbbf24 100%);padding:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.streak-details-hero .hero-streak{flex-direction:column;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.streak-details-hero .hero-streak .hero-icon{color:#fff;filter:drop-shadow(0 4px 8px #0003);font-size:clamp(43.2px,.888889vw + 40px,52.8px)}.streak-details-hero .hero-streak .hero-count{color:#fff;text-shadow:0 2px 4px #0003;font-size:clamp(57.6px,1.18519vw + 53.3333px,70.4px);font-weight:800;line-height:1}.streak-details-hero .hero-streak .hero-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:2px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.streak-details-stats{border-bottom:1px solid var(--color-border);justify-content:center;gap:clamp(43.2px,.888889vw + 40px,52.8px);padding:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.streak-details-stats .detail-stat{flex-direction:column;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.streak-details-stats .detail-stat svg{color:var(--color-primary);margin-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.streak-details-stats .detail-stat .stat-value{color:var(--color-textPrimary);font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:700}.streak-details-stats .detail-stat .stat-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.streak-details-calendar{border-bottom:1px solid var(--color-border);padding:clamp(21.6px,.444444vw + 20px,26.4px)}.streak-details-calendar h3{color:var(--color-textPrimary);margin:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.streak-details-calendar .month-grid{grid-template-columns:repeat(7,1fr);gap:clamp(5.4px,.111111vw + 5px,6.6px);display:grid}.streak-details-calendar .month-grid .month-day{aspect-ratio:1;background:var(--color-border);border-radius:clamp(5.4px,.111111vw + 5px,6.6px);justify-content:center;align-items:center;font-size:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.streak-details-calendar .month-grid .month-day.active{background:#f973164d}.streak-details-calendar .month-grid .month-day.today{border:2px solid var(--color-primary)}.streak-details-milestones{padding:clamp(21.6px,.444444vw + 20px,26.4px);overflow-y:auto}.streak-details-milestones h3{color:var(--color-textPrimary);margin:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.streak-details-milestones .milestones-list{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.streak-details-milestones .milestone-item{background:var(--color-border);opacity:.5;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.streak-details-milestones .milestone-item.achieved{opacity:1;background:#22c55e26;border:1px solid #22c55e4d}.streak-details-milestones .milestone-item .milestone-icon{font-size:clamp(18px,.37037vw + 16.6667px,22px)}.streak-details-milestones .milestone-item .milestone-title{color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.streak-details-milestones .milestone-item .milestone-check{color:#22c55e;margin-left:auto;font-weight:700}.streak-details-milestones .milestone-item .milestone-remaining{color:var(--color-textPrimary);opacity:.6;margin-left:auto;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.stats-widget{text-align:center}.widget-tabs{background:var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(2.7px,.0555556vw + 2.5px,3.3px);display:flex;position:relative}.widget-tab{color:var(--color-textPrimary);opacity:.6;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:clamp(12.6px,.259259vw + 11.6667px,15.4px);flex:1;padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600;transition:opacity .2s;position:relative}.widget-tab.active{opacity:1}.widget-tab:hover:not(.active){opacity:.8}.tab-indicator{background:var(--color-background);border-radius:clamp(12.6px,.259259vw + 11.6667px,15.4px);width:calc(50% + -1*clamp(2.7px,.0555556vw + 2.5px,3.3px));transition:transform .25s;position:absolute;top:clamp(2.7px,.0555556vw + 2.5px,3.3px);bottom:clamp(2.7px,.0555556vw + 2.5px,3.3px);box-shadow:0 1px 3px #0000001a}.tab-indicator.left{left:clamp(2.7px,.0555556vw + 2.5px,3.3px);transform:translate(0)}.tab-indicator.right{left:clamp(2.7px,.0555556vw + 2.5px,3.3px);transform:translate(100%)}.widget-content{animation:.2s statsFadeIn}@keyframes statsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.progress-content{flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.progress-main{justify-content:center;align-items:center;gap:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.progress-circle{flex-shrink:0;width:clamp(81px,1.66667vw + 75px,99px);height:clamp(81px,1.66667vw + 75px,99px);position:relative}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--color-border);stroke-width:8px}.progress-ring{fill:none;stroke:var(--color-primary);stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .5s}.progress-percent{color:var(--color-primary);font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-stats{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.progress-stats.single-stat .progress-stat .stat-value{font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px)}.progress-stats.single-stat .progress-stat .stat-label{font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.progress-stat{align-items:baseline;gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}.progress-stat .stat-value{color:var(--color-textPrimary);font-size:clamp(18px,.37037vw + 16.6667px,22px);font-weight:700}.progress-stat .stat-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.time-estimate-section{border-top:1px solid var(--color-border);flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding-top:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.time-estimate-row{justify-content:space-between;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.time-estimate-value{align-items:baseline;gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}.time-estimate-value .time-remaining{color:var(--color-primary);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700}.time-estimate-value .time-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.wpm-estimate{color:var(--color-textPrimary);opacity:.6;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);display:flex}.wpm-estimate .wpm-value{color:var(--color-textPrimary);opacity:.8;font-weight:600}.wpm-slider-container{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);width:100%;display:flex}.wpm-slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);outline:none;flex:1;height:clamp(5.4px,.111111vw + 5px,6.6px)}.wpm-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:clamp(14.4px,.296296vw + 13.3333px,17.6px);height:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:transform .15s}.wpm-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.wpm-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:clamp(14.4px,.296296vw + 13.3333px,17.6px);height:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:transform .15s}.wpm-slider::-moz-range-thumb:hover{transform:scale(1.2)}.accuracy-content{flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.accuracy-main{flex:1;justify-content:center;align-items:center;gap:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.accuracy-display{flex-direction:column;justify-content:center;align-items:center;display:flex}.accuracy-value{color:var(--color-primary);font-size:clamp(32.4px,.666667vw + 30px,39.6px);font-weight:700;line-height:1}.accuracy-trend{white-space:nowrap;border-radius:clamp(9px,.185185vw + 8.33333px,11px);margin-top:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:600}.accuracy-trend.up{color:#16a34a;background:#22c55e26}.accuracy-trend.down{color:#dc2626;background:#ef444426}.accuracy-trend.neutral{color:var(--color-textPrimary);opacity:.7;background:var(--color-border)}.accuracy-chart-section{flex-direction:column;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}.accuracy-chart{justify-content:center;align-items:flex-end;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);height:clamp(54px,1.11111vw + 50px,66px);padding-top:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.accuracy-bar{background:var(--color-primary);opacity:.85;border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(1.8px,.037037vw + 1.66667px,2.2px);width:clamp(18px,.37037vw + 16.6667px,22px);min-height:clamp(7.2px,.148148vw + 6.66667px,8.8px);transition:all .2s;position:relative}.accuracy-bar:hover{opacity:1;transform-origin:bottom;transform:scaleY(1.05)}.accuracy-bar[data-score="100"]{background:linear-gradient(#22c55e,#16a34a)}.accuracy-bar-value{color:var(--color-textPrimary);opacity:.7;font-size:clamp(8.1px,.166667vw + 7.5px,9.9px);font-weight:600;position:absolute;top:clamp(-14.4px,-.296296vw - 13.3333px,-17.6px);left:50%;transform:translate(-50%)}.accuracy-label{color:var(--color-textPrimary);opacity:.5;text-align:center;font-size:clamp(9px,.185185vw + 8.33333px,11px)}.accuracy-empty{color:var(--color-textPrimary);flex-direction:column;justify-content:center;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(21.6px,.444444vw + 20px,26.4px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.accuracy-empty .empty-icon{opacity:.3;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px)}.accuracy-empty span{opacity:.6;text-align:center;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.stats-widget-compact{cursor:pointer;justify-content:center;align-items:center;height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);transition:transform .2s,box-shadow .2s;display:flex}.stats-widget-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stats-widget-compact:active{transform:translateY(0)}.stats-widget-compact .compact-progress-circle{width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);position:relative}.stats-widget-compact .compact-progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.stats-widget-compact .compact-progress-circle .compact-progress-bg{fill:none;stroke:var(--color-border);stroke-width:3px}.stats-widget-compact .compact-progress-circle .compact-progress-fill{fill:none;stroke:var(--color-primary);stroke-width:3px;stroke-linecap:round}.stats-widget-compact .compact-progress-circle .compact-progress-text{color:var(--color-primary);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-popup .widget-tabs{margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.stats-popup .widget-content{min-height:clamp(144px,2.96296vw + 133.333px,176px)}.question-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:16px;padding:16px}.question-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.question-header-left{align-items:center;gap:16px;display:flex}.question-header-left h5{margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.question-type-select{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-family:var(--font-ui,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);cursor:pointer;border-radius:4px;padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(7.2px,.148148vw + 6.66667px,8.8px);transition:border-color .15s}.question-type-select:hover,.question-type-select:focus{border-color:var(--color-primary);outline:none}.true-false-editor{margin:16px 0}.true-false-options{gap:16px;margin-top:8px;display:flex}.tf-option{border:2px solid var(--color-border);cursor:pointer;background:var(--color-surface);border-radius:8px;align-items:center;gap:8px;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(21.6px,.444444vw + 20px,26.4px);transition:all .15s;display:flex}.tf-option:hover{border-color:var(--color-primary)}.tf-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.tf-option input[type=radio]{display:none}.tf-label{font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.tf-label.true{color:#22c55e}.tf-label.false{color:#ef4444}.select-all-editor .options-list{margin:8px 0}.option-field.with-remove{align-items:center;gap:8px;display:flex}.remove-option-btn{color:var(--color-textPrimary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.remove-option-btn:hover{color:#ef4444}.sequence-editor{margin:16px 0}.sequence-editor .sequence-list{margin:8px 0}.sequence-editor .sequence-item{background:var(--color-border);border:1px solid var(--color-border);color:var(--color-textPrimary);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.sequence-editor .sequence-item input[type=text]{flex:1}.sequence-editor .sequence-number{background:var(--color-primary);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(21.6px,.444444vw + 20px,26.4px);height:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:flex}.sequence-editor .sequence-controls{flex-direction:column;gap:2px;display:flex}.sequence-editor .move-btn{background:var(--color-border);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1;transition:all .15s}.sequence-editor .move-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.sequence-editor .move-btn:disabled{opacity:.3;cursor:not-allowed}.match-pairs-editor{margin:16px 0}.pairs-header{color:var(--color-textPrimary);grid-template-columns:1fr auto 1fr auto;gap:8px;padding:8px;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:grid}.pairs-list{margin:8px 0}.pair-row{grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.pair-connector{color:var(--color-textPrimary);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.question-type-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:9999px;margin-bottom:8px;padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:inline-block}.quiz-options.true-false{flex-direction:row;justify-content:center;gap:16px;display:flex}@media (max-width:767px){.quiz-options.true-false{flex-direction:column;align-items:stretch}}.quiz-option.tf-option{flex-direction:column;flex:1;align-items:center;max-width:clamp(180px,3.7037vw + 166.667px,220px);padding:32px;display:flex}@media (max-width:767px){.quiz-option.tf-option{flex-direction:row;justify-content:center;gap:16px;max-width:none;padding:24px}}.tf-icon{margin-bottom:8px;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px)}@media (max-width:767px){.tf-icon{margin-bottom:0;font-size:clamp(21.6px,.444444vw + 20px,26.4px)}}.tf-icon.true{color:#22c55e}.tf-icon.false{color:#ef4444}.quiz-options.select-all .select-all-hint{text-align:center;color:var(--color-textPrimary);margin-bottom:16px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.quiz-option.checkbox-option{align-items:center;gap:16px;display:flex}.checkbox-indicator{color:var(--color-primary);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.quiz-options.sequence{max-width:clamp(450px,9.25926vw + 416.667px,550px);margin:0 auto}.quiz-options.sequence .sequence-hint{text-align:center;color:var(--color-textPrimary);margin-bottom:16px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.quiz-options.sequence .sequence-list{flex-direction:column;gap:8px;display:flex}.quiz-options.sequence .sequence-item{background:var(--color-surface);border:2px solid var(--color-border);cursor:grab;border-radius:8px;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:16px;transition:all .15s;display:flex}.quiz-options.sequence .sequence-item:hover{border-color:var(--color-primary);box-shadow:0 4px 6px #0000001a}.quiz-options.sequence .sequence-item.dragging{opacity:.5;border-style:dashed}.quiz-options.sequence .sequence-item .seq-text{color:var(--color-textPrimary)}.quiz-options.sequence .sequence-number{background:var(--color-primary);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(25.2px,.518519vw + 23.3333px,30.8px);height:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}.quiz-options.sequence .drag-handle{color:var(--color-textPrimary);cursor:grab}@media (max-width:767px){.quiz-options.sequence .drag-handle{display:none}}.quiz-options.sequence .sequence-text{color:var(--color-textPrimary);flex:1;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.quiz-options.sequence .sequence-mobile-controls{display:none}@media (max-width:767px){.quiz-options.sequence .sequence-mobile-controls{gap:4px;display:flex}}.quiz-options.sequence .move-btn{background:var(--color-border);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1;transition:all .15s}.quiz-options.sequence .move-btn:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary)}.quiz-options.sequence .move-btn:disabled{opacity:.3;cursor:not-allowed}.quiz-options.match-pairs{max-width:clamp(540px,11.1111vw + 500px,660px);margin:0 auto}.quiz-options.match-pairs .match-hint{text-align:center;color:var(--color-textPrimary);margin-bottom:16px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.match-container{justify-content:center;gap:32px;display:flex}@media (max-width:767px){.match-container{gap:16px}}.match-column{flex-direction:column;flex:1;gap:clamp(10.8px,.222222vw + 10px,13.2px);max-width:clamp(225px,4.62963vw + 208.333px,275px);display:flex}@media (max-width:767px){.match-column{max-width:none}}.match-item{background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;text-align:left;width:100%;font-family:var(--font-ui,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .15s;display:flex}.match-item:hover:not(.matched){border-color:var(--color-primary)}.match-item.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-light)}.match-item.matched{cursor:default}.match-text{color:var(--color-textPrimary);flex:1}.match-indicator{color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(21.6px,.444444vw + 20px,26.4px);height:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;display:flex}.review-type-badge{background:var(--color-surface-alt);color:var(--color-textPrimary);text-transform:uppercase;border-radius:4px;margin-left:8px;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:600;display:inline-block}.review-answer-detail{margin:clamp(10.8px,.222222vw + 10px,13.2px) 0}.review-correct-answer{color:#22c55e;margin-top:8px;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.select-all-review .review-options-list{flex-direction:column;gap:8px;display:flex}.select-all-review .review-option{background:var(--color-surface);border-radius:8px;align-items:center;gap:8px;padding:8px clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex}.select-all-review .review-option.correct{background:#22c55e26}.select-all-review .review-option.incorrect{background:#ef444426}.select-all-review .option-checkbox{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.select-all-review .missed-indicator,.select-all-review .wrong-indicator{margin-left:auto;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-style:italic}.select-all-review .missed-indicator{color:#22c55e}.select-all-review .wrong-indicator{color:#ef4444}.sequence-review .sequence-comparison{flex-wrap:wrap;gap:32px;display:flex}@media (max-width:767px){.sequence-review .sequence-comparison{flex-direction:column;gap:24px}}.sequence-review .sequence-column{flex:1;min-width:clamp(180px,3.7037vw + 166.667px,220px)}.sequence-review .sequence-column h5{color:var(--color-textPrimary);margin:0 0 clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.sequence-review .sequence-item{background:var(--color-surface);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex}.sequence-review .sequence-item.correct{background:#22c55e26}.sequence-review .sequence-item.incorrect{background:#ef444426}.sequence-review .seq-num{color:var(--color-textPrimary);font-weight:600}.sequence-review .seq-status{margin-left:auto}.sequence-review .seq-status.correct{color:#22c55e}.sequence-review .correct-column .sequence-item{background:#22c55e26}.match-review .match-results{flex-direction:column;gap:8px;display:flex}.match-review .match-result-row{background:var(--color-surface);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex}.match-review .match-result-row.correct{background:#22c55e26}.match-review .match-result-row.incorrect{background:#ef444426}.match-review .match-left{font-weight:500}.match-review .match-arrow{color:var(--color-textPrimary)}.match-review .match-user-right{align-items:center;gap:8px;display:flex}.match-review .match-status{font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.match-review .match-status.correct{color:#22c55e}.match-review .match-status.incorrect{color:#ef4444}.match-review .match-correct-right{color:#22c55e;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-style:italic}.not-answered{color:var(--color-textPrimary);font-style:italic}.campaign-page.is-fullscreen{background:var(--color-background);height:100vh;overflow-y:auto}.campaign-page.is-fullscreen .campaign-main{min-height:calc(100vh - 60px);overflow-y:auto}.campaign-header{justify-content:space-between;align-items:center;display:flex}.campaign-header-left{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.fullscreen-btn{border:1px solid var(--color-border);background:var(--color-background);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);cursor:pointer;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .15s;display:flex}.fullscreen-btn:hover{background:var(--color-border);border-color:var(--color-primary);color:var(--color-primary)}.mode-selector{z-index:500;background:var(--color-background);flex-direction:column;justify-content:center;align-items:center;padding:clamp(21.6px,.444444vw + 20px,26.4px);display:flex;position:fixed;inset:0;overflow-y:auto}.mode-selector__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mode-selector__orb{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.mode-selector__orb--1{background:#1b8fc2;width:clamp(360px,7.40741vw + 333.333px,440px);height:clamp(360px,7.40741vw + 333.333px,440px);animation:12s ease-in-out infinite orbFloat;top:-10%;right:-5%}.mode-selector__orb--2{background:#ff6f4a;width:clamp(270px,5.55556vw + 250px,330px);height:clamp(270px,5.55556vw + 250px,330px);animation:15s ease-in-out 3s infinite orbFloat;bottom:-5%;left:-5%}.mode-selector__orb--3{background:#ffd234;width:clamp(225px,4.62963vw + 208.333px,275px);height:clamp(225px,4.62963vw + 208.333px,275px);animation:10s ease-in-out 6s infinite orbFloat;top:40%;left:50%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.1)}66%{transform:translate(-20px,15px)scale(.95)}}.mode-selector__back{z-index:10;border:2px solid var(--color-border);background:var(--color-background);width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(16.2px,.333333vw + 15px,19.8px);transition:all .15s;display:flex;position:absolute;top:clamp(18px,.37037vw + 16.6667px,22px);right:clamp(18px,.37037vw + 16.6667px,22px)}.mode-selector__back:hover{color:#fff;background:#ff6f4a;border-color:#ff6f4a}.mode-selector__header{text-align:center;z-index:1;margin-bottom:clamp(32.4px,.666667vw + 30px,39.6px);animation:.5s ease-out fadeInUp;position:relative}.mode-selector__label{color:#1b8fc2;letter-spacing:.03em;background:#1b8fc21a;border-radius:9999px;margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700;display:inline-block}.mode-selector__title{color:var(--color-textPrimary);margin:0;font-family:Fredoka,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(28.8px,.592593vw + 26.6667px,35.2px);font-weight:800;line-height:1.2}@media (max-width:767px){.mode-selector__title{font-size:clamp(23.4px,.481481vw + 21.6667px,28.6px)}}.mode-selector__cards{z-index:1;flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);width:100%;max-width:clamp(468px,9.62963vw + 433.333px,572px);display:flex;position:relative}.mode-card{border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:clamp(16.2px,.333333vw + 15px,19.8px);width:100%;padding:clamp(19.8px,.407407vw + 18.3333px,24.2px) clamp(21.6px,.444444vw + 20px,26.4px);transition:all .25s cubic-bezier(.4,0,.2,1);animation:.5s ease-out both fadeInUp;display:flex}.mode-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px #0000001a}.mode-card:active{transform:translateY(-1px)}.mode-card--ocean:hover{border-color:#1b8fc2;box-shadow:0 8px 30px #1b8fc22e}.mode-card--coral:hover{border-color:#ff6f4a;box-shadow:0 8px 30px #ff6f4a2e}.mode-card--sunshine:hover{border-color:#ffd234;box-shadow:0 8px 30px #ffd2342e}@media (max-width:767px){.mode-card{gap:clamp(12.6px,.259259vw + 11.6667px,15.4px);padding:clamp(16.2px,.333333vw + 15px,19.8px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.mode-card__icon-ring{color:#fff;border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(50.4px,1.03704vw + 46.6667px,61.6px);height:clamp(50.4px,1.03704vw + 46.6667px,61.6px);font-size:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.mode-card__icon-ring{border-radius:clamp(10.8px,.222222vw + 10px,13.2px);width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(43.2px,.888889vw + 40px,52.8px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}}.mode-card__content{flex:1;min-width:0}.mode-card__title{color:var(--color-textPrimary);margin:0 0 clamp(1.8px,.037037vw + 1.66667px,2.2px);font-family:Fredoka,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:800;line-height:1.3}@media (max-width:767px){.mode-card__title{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.mode-card__subtitle{margin:0 0 clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600;line-height:1.3}.mode-card--ocean .mode-card__subtitle{color:#1b8fc2}.mode-card--coral .mode-card__subtitle{color:#ff6f4a}.mode-card--sunshine .mode-card__subtitle{color:#f6bf00}.mode-card__desc{color:#5a7184;margin:0;font-size:clamp(10.8px,.222222vw + 10px,13.2px);line-height:1.5}@media (max-width:767px){.mode-card__desc{display:none}}.mode-card__arrow{color:var(--color-border);flex-shrink:0;font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);font-weight:700;transition:all .25s}.mode-card:hover .mode-card__arrow{transform:translate(4px)}.mode-card--ocean:hover .mode-card__arrow{color:#1b8fc2}.mode-card--coral:hover .mode-card__arrow{color:#ff6f4a}.mode-card--sunshine:hover .mode-card__arrow{color:#f6bf00}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.story-mode{z-index:500;background:var(--color-background);flex-direction:column;display:flex;position:fixed;inset:0}.story-mode__progress-bar{background:var(--color-border);z-index:10;height:clamp(2.7px,.0555556vw + 2.5px,3.3px);position:absolute;top:0;left:0;right:0}.story-mode__progress-fill{background:#1b8fc2;border-radius:0 2px 2px 0;height:100%;transition:width .15s ease-out}.story-mode__header{border-bottom:1px solid var(--color-border);z-index:5;background:var(--color-background);flex-shrink:0;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:relative}@media (max-width:767px){.story-mode__header{padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.story-mode__exit{border:2px solid var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .15s;display:flex}.story-mode__exit:hover{color:#fff;background:#ff6f4a;border-color:#ff6f4a}.story-mode__header-info{flex-direction:column;flex:1;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);min-width:0;display:flex}.story-mode__book-title{color:#5a7184;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;overflow:hidden}.story-mode__chapter{color:var(--color-textPrimary);white-space:nowrap;text-overflow:ellipsis;font-family:Fredoka,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700;overflow:hidden}.story-mode__progress-text{color:#1b8fc2;flex-shrink:0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700}.story-mode__content{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.story-mode__article{max-width:clamp(576px,11.8519vw + 533.333px,704px);margin:0 auto;padding:clamp(32.4px,.666667vw + 30px,39.6px) clamp(21.6px,.444444vw + 20px,26.4px) clamp(18px,.37037vw + 16.6667px,22px)}@media (max-width:767px){.story-mode__article{padding:clamp(21.6px,.444444vw + 20px,26.4px) clamp(18px,.37037vw + 16.6667px,22px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.story-mode__article-title{color:var(--color-textPrimary);border-bottom:2px solid var(--color-border);margin:0 0 clamp(25.2px,.518519vw + 23.3333px,30.8px);padding-bottom:clamp(18px,.37037vw + 16.6667px,22px);font-family:Fredoka,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);font-weight:800;line-height:1.25}@media (max-width:767px){.story-mode__article-title{margin-bottom:clamp(19.8px,.407407vw + 18.3333px,24.2px);padding-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(21.6px,.444444vw + 20px,26.4px)}}.story-mode__article p{font-family:var(--font-reader,"Nunito","Inter",-apple-system,BlinkMacSystemFont,sans-serif);color:var(--color-textPrimary);text-indent:clamp(21.6px,.444444vw + 20px,26.4px);margin:0 0 clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);line-height:1.8}.story-mode__article p:first-of-type{text-indent:0}.story-mode__article p:first-of-type:first-letter{float:left;color:#1b8fc2;margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-right:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-family:Fredoka,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(46.8px,.962963vw + 43.3333px,57.2px);font-weight:800;line-height:.85}@media (max-width:767px){.story-mode__article p{text-indent:clamp(16.2px,.333333vw + 15px,19.8px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);line-height:1.75}}.story-mode__done-area{text-align:center;max-width:clamp(576px,11.8519vw + 533.333px,704px);margin:0 auto;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(21.6px,.444444vw + 20px,26.4px) clamp(43.2px,.888889vw + 40px,52.8px)}.story-mode__divider{background:var(--color-border);border-radius:2px;width:clamp(54px,1.11111vw + 50px,66px);height:3px;margin:0 auto clamp(25.2px,.518519vw + 23.3333px,30.8px)}.story-mode__done-btn{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(28.8px,.592593vw + 26.6667px,35.2px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700;display:inline-flex}.story-mode__scroll-top{color:#fff;cursor:pointer;z-index:20;background:#1b8fc2;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .15s;animation:.2s ease-out fadeInUp;display:flex;position:fixed;bottom:clamp(21.6px,.444444vw + 20px,26.4px);right:clamp(21.6px,.444444vw + 20px,26.4px);box-shadow:0 10px 15px #0000001a}.story-mode__scroll-top:hover{transform:translateY(-2px);box-shadow:0 20px 25px #00000026}@media (max-width:767px){.story-mode__scroll-top{width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);bottom:clamp(18px,.37037vw + 16.6667px,22px);right:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.listen-mode{z-index:500;background:var(--color-background);flex-direction:column;display:flex;position:fixed;inset:0}.listen-mode__progress-bar{background:var(--color-border);z-index:10;height:clamp(2.7px,.0555556vw + 2.5px,3.3px);position:absolute;top:0;left:0;right:0}.listen-mode__progress-fill{background:#ffd234;border-radius:0 2px 2px 0;height:100%;transition:width .15s ease-out}.listen-mode__header{border-bottom:1px solid var(--color-border);z-index:5;background:var(--color-background);flex-shrink:0;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:relative}@media (max-width:767px){.listen-mode__header{padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.listen-mode__exit{border:2px solid var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .15s;display:flex}.listen-mode__exit:hover{color:#fff;background:#ff6f4a;border-color:#ff6f4a}.listen-mode__header-info{flex-direction:column;flex:1;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);min-width:0;display:flex}.listen-mode__book-title{color:#5a7184;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600;overflow:hidden}.listen-mode__chapter{color:var(--color-textPrimary);white-space:nowrap;text-overflow:ellipsis;font-family:Fredoka,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700;overflow:hidden}.listen-mode__progress-text{color:#f6bf00;flex-shrink:0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700}.listen-mode__content{-webkit-overflow-scrolling:touch;flex:1;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px) clamp(21.6px,.444444vw + 20px,26.4px);overflow-y:auto}@media (max-width:767px){.listen-mode__content{padding:clamp(21.6px,.444444vw + 20px,26.4px) clamp(18px,.37037vw + 16.6667px,22px)}}.listen-mode__text-scroll{max-width:clamp(540px,11.1111vw + 500px,660px);font-family:var(--font-reader,"Nunito","Inter",-apple-system,BlinkMacSystemFont,sans-serif);color:var(--color-textPrimary);margin:0 auto;font-size:clamp(16.2px,.333333vw + 15px,19.8px);line-height:2}@media (max-width:767px){.listen-mode__text-scroll{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);line-height:1.9}}.listen-mode__sentence{opacity:.3;border-radius:3px;transition:all .4s}.listen-mode__sentence--read{opacity:.6}.listen-mode__sentence--active{opacity:1;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ffd23426;padding:2px 0}.listen-mode__controls{border-top:1px solid var(--color-border);background:var(--color-background);flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(12.6px,.259259vw + 11.6667px,15.4px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(21.6px,.444444vw + 20px,26.4px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.listen-mode__controls{gap:clamp(9px,.185185vw + 8.33333px,11px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(18px,.37037vw + 16.6667px,22px)}}.listen-mode__seek{cursor:pointer;width:100%;max-width:clamp(432px,8.88889vw + 400px,528px)}.listen-mode__seek-track{background:var(--color-border);border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);width:100%;height:clamp(5.4px,.111111vw + 5px,6.6px);overflow:hidden}.listen-mode__seek-fill{background:#ffd234;border-radius:clamp(2.7px,.0555556vw + 2.5px,3.3px);height:100%;transition:width .1s linear}.listen-mode__seek-times{color:#5a7184;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600;display:flex}.listen-mode__speed{gap:clamp(5.4px,.111111vw + 5px,6.6px);display:flex}.listen-mode__speed-btn{border:1.5px solid var(--color-border);color:#5a7184;cursor:pointer;background:0 0;border-radius:9999px;padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700;transition:all .15s}.listen-mode__speed-btn:hover{color:#1b8fc2;border-color:#1b8fc2}.listen-mode__speed-btn.active{color:#fff;background:#1b8fc2;border-color:#1b8fc2}.listen-mode__playback{align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.listen-mode__ctrl-btn{border:2px solid var(--color-border);width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .15s;display:flex}.listen-mode__ctrl-btn:hover{color:#1b8fc2;border-color:#1b8fc2}.listen-mode__play-btn{color:#2d3436;cursor:pointer;background:#ffd234;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(57.6px,1.18519vw + 53.3333px,70.4px);height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);transition:all .15s;display:flex;box-shadow:0 4px 16px #ffd23466}.listen-mode__play-btn:hover{transform:scale(1.06);box-shadow:0 6px 24px #ffd23480}.listen-mode__play-btn:active{transform:scale(.98)}.listen-mode__done-btn{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(25.2px,.518519vw + 23.3333px,30.8px);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:700;animation:.3s ease-out fadeInUp;display:inline-flex}.audio-upload{flex-direction:column;gap:clamp(9px,.185185vw + 8.33333px,11px);display:flex}.audio-preview audio{width:100%;max-width:clamp(360px,7.40741vw + 333.333px,440px);height:clamp(36px,.740741vw + 33.3333px,44px)}.audio-upload-actions{align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.sidebar{background:var(--color-background);border-right:1px solid var(--color-border);z-index:300;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}@media (max-width:767px){.sidebar{border-right:none;width:0;padding-top:clamp(54px,1.11111vw + 50px,66px)}}@media (min-width:768px){.sidebar.collapsed{width:clamp(64.8px,1.33333vw + 60px,79.2px)}.sidebar.expanded{width:clamp(234px,4.81481vw + 216.667px,286px)}}.sidebar,.sidebar-toggle,.sidebar-item,.sidebar-user,.app-container{transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-item span,.sidebar-toggle span,.sidebar-user-details{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle{color:var(--color-textPrimary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--color-border);background:0 0;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding:clamp(16.2px,.333333vw + 15px,19.8px) clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:flex}.sidebar-toggle:hover{background:var(--color-border)}@media (max-width:767px){.sidebar-toggle{display:none}}.sidebar-toggle-icon{flex-shrink:0;width:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}.sidebar-toggle span{opacity:1;white-space:nowrap}@media (min-width:768px){.sidebar.collapsed .sidebar-toggle span{opacity:0}}.sidebar-user{border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding:clamp(16.2px,.333333vw + 15px,19.8px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.sidebar-user:hover{background:var(--color-border)}.sidebar-user:active{transform:scale(.98)}@media (max-width:767px){.sidebar-user{padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.sidebar-avatar{object-fit:cover;border:2px solid var(--color-primary);border-radius:9999px;flex-shrink:0;width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-avatar-placeholder{background:var(--color-border);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-avatar-placeholder svg{font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.sidebar-user-details{opacity:1;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (min-width:768px){.sidebar.collapsed .sidebar-user-details{opacity:0;width:0}.sidebar.collapsed .sidebar-user{justify-content:center;padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(16.2px,.333333vw + 15px,19.8px)}.sidebar.collapsed .sidebar-user .sidebar-avatar,.sidebar.collapsed .sidebar-user .sidebar-avatar-placeholder{width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px)}}.sidebar-user-name{color:var(--color-textPrimary);text-overflow:ellipsis;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--color-textPrimary);opacity:.6;text-overflow:ellipsis;font-size:clamp(10.8px,.222222vw + 10px,13.2px);overflow:hidden}.sidebar-nav{flex-direction:column;flex:1;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}@media (max-width:767px){.sidebar-nav{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.sidebar-item{color:var(--color-textPrimary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);display:flex;overflow:hidden}.sidebar-item:hover{background:var(--color-border)}@media (max-width:767px){.sidebar-item{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.sidebar-item-icon{flex-shrink:0;width:clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(18px,.37037vw + 16.6667px,22px)}@media (max-width:767px){.sidebar-item-icon{font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px)}}.sidebar-item span{opacity:1}@media (min-width:768px){.sidebar.collapsed .sidebar-item span:not(.sidebar-item-badge){opacity:0}}.sidebar-item.sign-in{color:var(--color-primary)}.sidebar-item.sign-in:hover{background:var(--color-primary);color:var(--color-textSecondary)}.sidebar-item.admin-link,.sidebar-item.logout{color:var(--color-primary)}.sidebar-item.logout:hover{background:var(--color-border)}.sidebar-footer{border-top:1px solid var(--color-border);padding:clamp(10.8px,.222222vw + 10px,13.2px)}@media (min-width:768px){.app-container{margin-left:clamp(64.8px,1.33333vw + 60px,79.2px)}.app-container.sidebar-expanded{margin-left:clamp(234px,4.81481vw + 216.667px,286px)}}@media (max-width:767px){.app-container{margin-left:0}}@media (min-width:768px){.sidebar.collapsed .sidebar-item{position:relative}.sidebar.collapsed .sidebar-item:after{content:attr(title);background:var(--color-background);color:var(--color-textPrimary);border:1px solid var(--color-border);white-space:nowrap;opacity:0;pointer-events:none;z-index:700;border-radius:8px;margin-left:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);transition:opacity .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 6px #0000001a}.sidebar.collapsed .sidebar-item:hover:after{opacity:1}.sidebar.collapsed .sidebar-user{position:relative}.sidebar.collapsed .sidebar-user:after{content:"My Profile";background:var(--color-background);color:var(--color-textPrimary);border:1px solid var(--color-border);white-space:nowrap;opacity:0;pointer-events:none;z-index:700;border-radius:8px;margin-left:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);transition:opacity .15s;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:0 4px 6px #0000001a}.sidebar.collapsed .sidebar-user:hover:after{opacity:1}}.sidebar-mobile-toggle{z-index:301;border:1px solid var(--color-border);background:var(--color-background);width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);color:var(--color-textPrimary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(18px,.37037vw + 16.6667px,22px);display:none;position:fixed;top:clamp(14.4px,.296296vw + 13.3333px,17.6px);left:clamp(14.4px,.296296vw + 13.3333px,17.6px);box-shadow:0 4px 6px #0000001a}.sidebar-mobile-toggle:hover{background:var(--color-border)}@media (max-width:767px){.sidebar-mobile-toggle{display:flex}}.sidebar-backdrop{z-index:299;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:767px){.sidebar-backdrop.visible{display:block}.sidebar.expanded{width:100%;max-width:100%}}.profile-modal-overlay{background:var(--color-background);z-index:1000;position:fixed;inset:0;overflow-y:auto}.profile-page{background:var(--color-background);min-height:100vh}.profile-loading{flex-direction:column;justify-content:center;align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);min-height:100vh;display:flex}.profile-loading p{color:var(--color-textPrimary);opacity:.7}.profile-container{max-width:clamp(540px,11.1111vw + 500px,660px);margin:0 auto;padding:clamp(21.6px,.444444vw + 20px,26.4px)}@media (max-width:767px){.profile-container{padding:clamp(14.4px,.296296vw + 13.3333px,17.6px)}}.profile-header{align-items:center;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.profile-header h1{color:var(--color-textPrimary);flex:1;margin:0;font-size:clamp(21.6px,.444444vw + 20px,26.4px);font-weight:700}.profile-back-btn{border:1px solid var(--color-border);background:var(--color-background);width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);color:var(--color-textPrimary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.profile-back-btn:hover{background:var(--color-border)}.profile-save-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;transition:all .15s;display:flex}.profile-save-btn:hover:not(:disabled){filter:brightness(1.1)}.profile-save-btn:disabled{opacity:.7;cursor:not-allowed}.profile-save-btn.saved{background:#22c55e}.profile-save-btn svg{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.profile-content{flex-direction:column;gap:clamp(28.8px,.592593vw + 26.6667px,35.2px);display:flex}.profile-section{background:var(--color-surface,var(--color-background));border:1px solid var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(21.6px,.444444vw + 20px,26.4px)}@media (max-width:767px){.profile-section{padding:clamp(18px,.37037vw + 16.6667px,22px)}}.profile-section h2{color:var(--color-textPrimary);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin:0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700;display:flex}.profile-section h2 svg{color:var(--color-primary)}.profile-hint{color:var(--color-textPrimary);opacity:.6;margin:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);line-height:1.5}.profile-input{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-family:var(--font-ui,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:border-color .15s}.profile-input:focus{border-color:var(--color-primary);outline:none}.profile-input::placeholder{color:var(--color-textPrimary);opacity:.4}.avatar-preview{flex-direction:column;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.avatar-large{border:3px solid var(--color-primary);border-radius:50%;width:clamp(90px,1.85185vw + 83.3333px,110px);height:clamp(90px,1.85185vw + 83.3333px,110px);overflow:hidden;box-shadow:0 4px 20px #00000026}.avatar-large img{object-fit:cover;width:100%;height:100%}.avatar-name{color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600}.avatar-grid{flex-wrap:wrap;justify-content:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.avatar-option{border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;border-radius:50%;width:clamp(57.6px,1.18519vw + 53.3333px,70.4px);height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);padding:0;transition:all .15s;position:relative;overflow:hidden}.avatar-option img{object-fit:cover;width:100%;height:100%}.avatar-option:hover{border-color:var(--color-primary);transform:scale(1.05)}.avatar-option.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.avatar-option.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary)25%,transparent)}}.avatar-check{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(18px,.37037vw + 16.6667px,22px);height:clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(9px,.185185vw + 8.33333px,11px);display:flex;position:absolute;bottom:clamp(-1.8px,-.037037vw - 1.66667px,-2.2px);right:clamp(-1.8px,-.037037vw - 1.66667px,-2.2px)}.reading-level-options{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.reading-level-option{border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;text-align:left;border-radius:clamp(9px,.185185vw + 8.33333px,11px);justify-content:space-between;align-items:center;width:100%;padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .15s;display:flex}.reading-level-option:hover{border-color:var(--color-primary)}.reading-level-option.selected{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.reading-level-option.selected{background:color-mix(in srgb,var(--color-primary)8%,var(--color-background))}}.reading-level-option .level-label{color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:500}.reading-level-option .level-check{color:var(--color-primary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.goal-card{border:2px solid var(--color-border);background:var(--color-background);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.reading-goal-card{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.reading-goal-card{background:color-mix(in srgb,var(--color-primary)5%,var(--color-background))}}.reading-goal-card .goal-info{flex-direction:column;flex:1;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.reading-goal-card .goal-book-title{color:var(--color-textPrimary);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:600}.reading-goal-card .goal-deadline{color:var(--color-textPrimary);opacity:.7;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:flex}.reading-goal-card .goal-deadline svg{color:var(--color-primary)}.reading-goal-card .goal-deadline input[type=date]{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-family:var(--font-ui,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);border-radius:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(9px,.185185vw + 8.33333px,11px)}.reading-goal-card .goal-deadline input[type=date]:focus{border-color:var(--color-primary);outline:none}.goal-remove-btn{width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);color:var(--color-textPrimary);opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.goal-remove-btn:hover{opacity:1;color:#ef4444;background:#ef44441a}.goal-select-btn{border:2px dashed var(--color-border);width:100%;color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:clamp(10.8px,.222222vw + 10px,13.2px);justify-content:center;align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:500;transition:all .15s;display:flex}.goal-select-btn svg{color:var(--color-primary)}.goal-select-btn:hover{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.goal-select-btn:hover{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.streak-goal-options{grid-template-columns:repeat(auto-fill,minmax(clamp(126px,2.59259vw + 116.667px,154px),1fr));gap:clamp(9px,.185185vw + 8.33333px,11px);display:grid}.streak-goal-option{border:2px solid var(--color-border);background:var(--color-background);cursor:pointer;color:var(--color-textPrimary);border-radius:clamp(9px,.185185vw + 8.33333px,11px);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:500;transition:all .15s;display:flex}.streak-goal-option svg{color:var(--color-textPrimary);opacity:.4;transition:all .15s}.streak-goal-option svg.fire-active{color:#f59e0b;opacity:1;filter:drop-shadow(0 0 4px #f59e0b80)}.streak-goal-option:hover{border-color:#f59e0b}.streak-goal-option.selected{background:#f59e0b;border-color:#f59e0b}@supports (color:color-mix(in lab, red, red)){.streak-goal-option.selected{background:color-mix(in srgb,#f59e0b 8%,var(--color-background))}}.streak-goal-option.selected svg{color:#f59e0b;opacity:1}.streak-goal-option .goal-check{color:#f59e0b;margin-left:auto;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.account-section{border:none;border-top:1px solid var(--color-border);background:0 0;border-radius:0;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) 0}.account-info{flex-direction:column;gap:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.account-row{justify-content:space-between;align-items:center;display:flex}.account-row .account-label{color:var(--color-textPrimary);opacity:.6;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.account-row .account-value{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:500}.password-section{border-top:1px solid var(--color-border);margin-top:clamp(18px,.37037vw + 16.6667px,22px);padding-top:clamp(18px,.37037vw + 16.6667px,22px)}.change-password-btn{border:1px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);justify-content:center;align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);width:100%;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:500;transition:all .15s;display:flex}.change-password-btn svg{color:var(--color-primary)}.change-password-btn:hover{border-color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.change-password-btn:hover{background:color-mix(in srgb,var(--color-primary)5%,transparent)}}.password-change-form{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(18px,.37037vw + 16.6667px,22px)}.password-change-form h3{color:var(--color-textPrimary);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin:0 0 clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:600;display:flex}.password-change-form h3 svg{color:var(--color-primary)}.password-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.password-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:flex}.password-field{margin-bottom:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.password-field label{color:var(--color-textPrimary);opacity:.7;margin-bottom:clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:500;display:block}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-family:var(--font-ui,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(36px,.740741vw + 33.3333px,44px) clamp(9px,.185185vw + 8.33333px,11px) clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:border-color .15s}.password-input-wrapper input:focus{border-color:var(--color-primary);outline:none}.password-input-wrapper input::placeholder{color:var(--color-textPrimary);opacity:.4}.password-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{color:var(--color-textPrimary);opacity:.5;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:clamp(3.6px,.0740741vw + 3.33333px,4.4px);transition:opacity .15s;display:flex;position:absolute;right:clamp(9px,.185185vw + 8.33333px,11px)}.password-toggle:hover{opacity:1}.password-actions{gap:clamp(9px,.185185vw + 8.33333px,11px);margin-top:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.password-cancel-btn{border:1px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex:1;padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:500;transition:all .15s}.password-cancel-btn:hover:not(:disabled){background:var(--color-border)}.password-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.password-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex:1;padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;transition:all .15s}.password-submit-btn:hover:not(:disabled){filter:brightness(1.1)}.password-submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-content{background:var(--color-background);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;width:100%;max-width:clamp(360px,7.40741vw + 333.333px,440px);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000004d}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(18px,.37037vw + 16.6667px,22px);display:flex}.modal-header h3{color:var(--color-textPrimary);margin:0;font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:600}.modal-close{background:var(--color-border);width:clamp(28.8px,.592593vw + 26.6667px,35.2px);height:clamp(28.8px,.592593vw + 26.6667px,35.2px);color:var(--color-textPrimary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--color-primary);color:#fff}.book-selector-list{flex:1;padding:clamp(7.2px,.148148vw + 6.66667px,8.8px);overflow-y:auto}.no-books{text-align:center;color:var(--color-textPrimary);opacity:.6;padding:clamp(28.8px,.592593vw + 26.6667px,35.2px)}.book-selector-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:clamp(9px,.185185vw + 8.33333px,11px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);width:100%;padding:clamp(10.8px,.222222vw + 10px,13.2px);transition:all .15s;display:flex}.book-selector-item:hover{background:var(--color-border)}.book-selector-cover{object-fit:cover;border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);flex-shrink:0;width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(57.6px,1.18519vw + 53.3333px,70.4px)}.book-selector-cover-placeholder{background:var(--color-border);border-radius:clamp(3.6px,.0740741vw + 3.33333px,4.4px);flex-shrink:0;justify-content:center;align-items:center;width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(57.6px,1.18519vw + 53.3333px,70.4px);font-size:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.book-selector-info{flex-direction:column;flex:1;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);min-width:0;display:flex}.book-selector-title{color:var(--color-textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;display:-webkit-box;overflow:hidden}.book-selector-author{color:var(--color-textPrimary);opacity:.6;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.profile-tabs{border-bottom:1px solid var(--color-border);gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);padding-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex}.profile-tab{color:var(--color-textPrimary);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(7.2px,.148148vw + 6.66667px,8.8px) 0 0;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:500;transition:all .15s;display:flex}.profile-tab:hover{opacity:1;background:var(--color-border)}.profile-tab.active{opacity:1;color:var(--color-primary);background:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.profile-tab.active{background:color-mix(in srgb,var(--color-primary)10%,transparent)}}.profile-tab.active{border-bottom:2px solid var(--color-primary);margin-bottom:-5px}.profile-tab svg{font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.username-field{align-items:center;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.username-prefix{color:var(--color-primary);background:var(--color-border);border:1px solid var(--color-border);border-right:none;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px) 0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(10.8px,.222222vw + 10px,13.2px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:600}.username-input{flex:1;border-radius:0 clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(7.2px,.148148vw + 6.66667px,8.8px) 0!important}.username-input.available{border-color:#22c55e!important}.username-input.unavailable{border-color:#ef4444!important}.username-spinner{color:var(--color-primary);margin-left:clamp(7.2px,.148148vw + 6.66667px,8.8px);animation:1s linear infinite spin}.username-available-icon{color:#22c55e;margin-left:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.username-unavailable-icon{color:#ef4444;margin-left:clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.username-error{color:#ef4444;margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.current-url{margin-top:clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);display:block}.current-url strong{color:var(--color-primary)}.friends-tab{width:100%}.friends-sub-nav{scrollbar-width:none;-ms-overflow-style:none;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);padding-bottom:clamp(3.6px,.0740741vw + 3.33333px,4.4px);display:flex;overflow-x:auto}.friends-sub-nav::-webkit-scrollbar{display:none}.sub-nav-item{border:1px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:clamp(18px,.37037vw + 16.6667px,22px);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:500;transition:all .15s;display:flex}.sub-nav-item:hover{border-color:var(--color-primary)}.sub-nav-item.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sub-nav-item .count{background:var(--color-border);border-radius:clamp(9px,.185185vw + 8.33333px,11px);padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(5.4px,.111111vw + 5px,6.6px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px)}.sub-nav-item .count.badge{color:#fff;background:#ef4444}.sub-nav-item.active .count{background:#fff3}.sub-nav-item.active .count.badge{color:#ef4444;background:#fff}.friends-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.friends-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:flex}.streak-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:clamp(9px,.185185vw + 8.33333px,11px);align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.streak-warning svg{color:#f59e0b;flex-shrink:0;font-size:clamp(16.2px,.333333vw + 15px,19.8px)}.streak-warning span{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.friends-loading{color:var(--color-textPrimary);opacity:.6;justify-content:center;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(43.2px,.888889vw + 40px,52.8px);display:flex}.friends-loading .spinner{animation:1s linear infinite spin}.friends-content{min-height:clamp(180px,3.7037vw + 166.667px,220px)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(43.2px,.888889vw + 40px,52.8px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.empty-state .empty-icon{color:var(--color-border);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(43.2px,.888889vw + 40px,52.8px)}.empty-state h3{color:var(--color-textPrimary);margin:0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:600}.empty-state p{color:var(--color-textPrimary);opacity:.6;margin:0 0 clamp(18px,.37037vw + 16.6667px,22px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.friends-list,.requests-list{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.friend-card,.request-card,.search-result-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .15s;display:flex}.friend-card:hover,.request-card:hover,.search-result-card:hover{border-color:var(--color-primary)}.friend-avatar{object-fit:cover;border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:clamp(43.2px,.888889vw + 40px,52.8px);height:clamp(43.2px,.888889vw + 40px,52.8px)}.friend-info{flex-direction:column;flex:1;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);min-width:0;display:flex}.friend-name{color:var(--color-textPrimary);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(13.5px,.277778vw + 12.5px,16.5px);font-weight:600;overflow:hidden}.friend-username{color:var(--color-primary);font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.friend-streak{background:var(--color-border);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:clamp(5.4px,.111111vw + 5px,6.6px) clamp(9px,.185185vw + 8.33333px,11px);display:flex}.friend-streak svg{color:var(--color-textPrimary);opacity:.4;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.friend-streak svg.active{color:#f59e0b;opacity:1;filter:drop-shadow(0 0 3px #f59e0b80)}.friend-streak span{color:var(--color-textPrimary);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600}.friend-remove-btn{width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);opacity:.4;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.friend-remove-btn:hover{opacity:1;color:#ef4444;background:#ef44441a}.friend-remove-btn .spinner{animation:1s linear infinite spin}.request-actions{gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.accept-btn,.decline-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .15s;display:flex}.accept-btn .spinner,.decline-btn .spinner{animation:1s linear infinite spin}.accept-btn{color:#fff;background:#22c55e}.accept-btn:hover:not(:disabled){filter:brightness(1.1)}.accept-btn:disabled{opacity:.6}.decline-btn{background:var(--color-border);color:var(--color-textPrimary)}.decline-btn:hover:not(:disabled){color:#fff;background:#ef4444}.search-section{flex-direction:column;gap:clamp(18px,.37037vw + 16.6667px,22px);display:flex}.search-form{gap:clamp(9px,.185185vw + 8.33333px,11px);display:flex}@media (max-width:767px){.search-form{flex-direction:column}}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:var(--color-textPrimary);opacity:.4;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);position:absolute;left:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.search-input-wrapper input{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-family:var(--font-ui,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px) clamp(10.8px,.222222vw + 10px,13.2px) clamp(36px,.740741vw + 33.3333px,44px)}.search-input-wrapper input:focus{border-color:var(--color-primary);outline:none}.search-input-wrapper input::placeholder{color:var(--color-textPrimary);opacity:.4}.search-results h4{color:var(--color-textPrimary);opacity:.6;text-transform:uppercase;letter-spacing:.5px;margin:0 0 clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600}.add-friend-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:clamp(18px,.37037vw + 16.6667px,22px);align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:500;transition:all .15s;display:flex}.add-friend-btn:hover:not(:disabled){filter:brightness(1.1)}.add-friend-btn:disabled{opacity:.6}.add-friend-btn .spinner{animation:1s linear infinite spin}.activity-feed{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.activity-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(9px,.185185vw + 8.33333px,11px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.activity-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(36px,.740741vw + 33.3333px,44px);height:clamp(36px,.740741vw + 33.3333px,44px)}.activity-content{flex-direction:column;flex:1;gap:clamp(1.8px,.037037vw + 1.66667px,2.2px);display:flex}.activity-text{color:var(--color-textPrimary);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.activity-text strong{font-weight:600}.activity-time{color:var(--color-textPrimary);opacity:.5;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px);display:flex;position:fixed;inset:0}.notifications-modal{background:var(--color-background);border-radius:clamp(14.4px,.296296vw + 13.3333px,17.6px);flex-direction:column;width:90%;max-width:clamp(432px,8.88889vw + 400px,528px);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.notifications-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:clamp(18px,.37037vw + 16.6667px,22px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.notifications-modal-header h2{color:var(--color-textPrimary);align-items:center;gap:clamp(9px,.185185vw + 8.33333px,11px);margin:0;font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:700;display:flex}.notifications-modal-header h2 svg{color:var(--color-primary)}.modal-close-btn{background:var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--color-textPrimary);color:var(--color-background)}.notifications-modal-content{flex:1;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);overflow-y:auto}.notifications-loading{color:var(--color-textPrimary);opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(43.2px,.888889vw + 40px,52.8px);display:flex}.notifications-loading .spinner{font-size:clamp(21.6px,.444444vw + 20px,26.4px);animation:1s linear infinite spin}.notifications-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(43.2px,.888889vw + 40px,52.8px) clamp(21.6px,.444444vw + 20px,26.4px);display:flex}.notifications-empty .empty-icon{color:var(--color-border);margin-bottom:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(43.2px,.888889vw + 40px,52.8px)}.notifications-empty h3{color:var(--color-textPrimary);margin:0 0 clamp(7.2px,.148148vw + 6.66667px,8.8px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);font-weight:600}.notifications-empty p{color:var(--color-textPrimary);opacity:.6;margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.notifications-list{flex-direction:column;gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.notification-section{flex-direction:column;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.notification-section-title{color:var(--color-textPrimary);opacity:.5;text-transform:uppercase;letter-spacing:.5px;margin:0 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);padding:0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:600}.notification-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:clamp(10.8px,.222222vw + 10px,13.2px);align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(14.4px,.296296vw + 13.3333px,17.6px);transition:all .15s;display:flex}.notification-item:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.notification-item:hover{border-color:color-mix(in srgb,var(--color-primary)30%,var(--color-border))}}.notification-item.streak-reminder{background:#f59e0b}@supports (color:color-mix(in lab, red, red)){.notification-item.streak-reminder{background:color-mix(in srgb,#f59e0b 8%,var(--color-background))}}.notification-item.streak-reminder{border-color:#f59e0b}@supports (color:color-mix(in lab, red, red)){.notification-item.streak-reminder{border-color:color-mix(in srgb,#f59e0b 20%,var(--color-border))}}.notification-item.streak-reminder .notification-icon{color:#f59e0b;background:#f59e0b26}.notification-item.friend-streak{background:#f59e0b}@supports (color:color-mix(in lab, red, red)){.notification-item.friend-streak{background:color-mix(in srgb,#f59e0b 5%,var(--color-background))}}.notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px);font-size:clamp(16.2px,.333333vw + 15px,19.8px);display:flex}.notification-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(39.6px,.814815vw + 36.6667px,48.4px);height:clamp(39.6px,.814815vw + 36.6667px,48.4px)}.notification-body{flex:1;min-width:0}.notification-title{color:var(--color-textPrimary);margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:600;line-height:1.3}.notification-desc{color:var(--color-textPrimary);opacity:.7;align-items:center;gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin:clamp(1.8px,.037037vw + 1.66667px,2.2px) 0 0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);display:flex}.notification-desc .fire-icon{color:#f59e0b;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.notification-btn{border:1px solid var(--color-border);color:var(--color-textPrimary);cursor:pointer;background:0 0;border-radius:clamp(7.2px,.148148vw + 6.66667px,8.8px);flex-shrink:0;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(7.2px,.148148vw + 6.66667px,8.8px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:500;transition:all .15s;display:flex}.notification-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.notification-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notification-btn.primary:hover{filter:brightness(1.1)}.notification-actions{flex-shrink:0;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);display:flex}.notification-accept,.notification-decline{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);transition:all .15s;display:flex}.notification-accept:disabled,.notification-decline:disabled{opacity:.6;cursor:not-allowed}.notification-accept .spinner,.notification-decline .spinner{animation:1s linear infinite spin}.notification-accept{color:#fff;background:#22c55e}.notification-accept:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.notification-decline{background:var(--color-border);color:var(--color-textPrimary)}.notification-decline:hover:not(:disabled){color:#fff;background:#ef4444}.sidebar-item.has-badge{position:relative}.sidebar-item-badge{color:#fff;background:#ef4444;border-radius:clamp(8.1px,.166667vw + 7.5px,9.9px);justify-content:center;align-items:center;min-width:clamp(16.2px,.333333vw + 15px,19.8px);height:clamp(16.2px,.333333vw + 15px,19.8px);margin-left:auto;padding:0 clamp(4.5px,.0925926vw + 4.16667px,5.5px);font-size:clamp(9px,.185185vw + 8.33333px,11px);font-weight:700;display:flex}@media (min-width:768px){.sidebar.collapsed .sidebar-item-badge{margin-left:0;position:absolute;top:clamp(7.2px,.148148vw + 6.66667px,8.8px);right:clamp(7.2px,.148148vw + 6.66667px,8.8px)}}.book-review-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex;position:fixed;inset:0}.book-review-modal{background:var(--color-background);border-radius:16px;width:100%;max-width:clamp(504px,10.3704vw + 466.667px,616px);max-height:90vh;padding:clamp(25.2px,.518519vw + 23.3333px,30.8px);position:relative;overflow-y:auto;box-shadow:0 20px 25px #00000026}@media (max-width:767px){.book-review-modal{max-height:95vh;padding:clamp(18px,.37037vw + 16.6667px,22px)}}.book-review__close{background:var(--color-border);width:clamp(32.4px,.666667vw + 30px,39.6px);height:clamp(32.4px,.666667vw + 30px,39.6px);color:var(--color-textPrimary);cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:clamp(14.4px,.296296vw + 13.3333px,17.6px);right:clamp(14.4px,.296296vw + 13.3333px,17.6px)}.book-review__close:hover{color:#fff;background:#ff6f4a}.book-review__header{gap:clamp(14.4px,.296296vw + 13.3333px,17.6px);margin-bottom:clamp(21.6px,.444444vw + 20px,26.4px);display:flex}@media (max-width:767px){.book-review__header{text-align:center;flex-direction:column;align-items:center}}.book-review__cover{border-radius:8px;flex-shrink:0;width:clamp(72px,1.48148vw + 66.6667px,88px);height:clamp(100.8px,2.07407vw + 93.3333px,123.2px);overflow:hidden;box-shadow:0 4px 6px #0000001a}.book-review__cover img{object-fit:cover;width:100%;height:100%}.book-review__cover-placeholder{background:#e8f6fc;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(25.2px,.518519vw + 23.3333px,30.8px);display:flex}.book-review__header-info{flex:1;min-width:0;padding-right:clamp(25.2px,.518519vw + 23.3333px,30.8px)}@media (max-width:767px){.book-review__header-info{padding-right:0}}.book-review__completed-badge{color:#3ab08c;background:#e6f9f2;border-radius:9999px;align-items:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);margin-bottom:clamp(7.2px,.148148vw + 6.66667px,8.8px);padding:clamp(2.7px,.0555556vw + 2.5px,3.3px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(10.8px,.222222vw + 10px,13.2px);font-weight:700;display:inline-flex}.book-review__title{color:var(--color-textPrimary);margin:0 0 clamp(3.6px,.0740741vw + 3.33333px,4.4px);font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);font-weight:800;line-height:1.3}.book-review__author{color:#5a7184;margin:0;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.book-review__date{color:#a3b5c4;margin:clamp(3.6px,.0740741vw + 3.33333px,4.4px) 0 0;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.book-review__stats{grid-template-columns:repeat(4,1fr);gap:clamp(9px,.185185vw + 8.33333px,11px);margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);display:grid}@media (max-width:767px){.book-review__stats{grid-template-columns:repeat(2,1fr)}}.book-review__stat{text-align:center;background:var(--color-hover,#1b8fc20a);border:1px solid var(--color-border);border-radius:12px;padding:clamp(12.6px,.259259vw + 11.6667px,15.4px) clamp(7.2px,.148148vw + 6.66667px,8.8px)}.book-review__stat-value{color:var(--color-textPrimary);font-size:clamp(19.8px,.407407vw + 18.3333px,24.2px);font-weight:800;line-height:1.2}.book-review__stat-label{color:#5a7184;margin-top:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(9.9px,.203704vw + 9.16667px,12.1px);font-weight:600}.book-review__segments{border:1px solid var(--color-border);border-radius:12px;margin-bottom:clamp(18px,.37037vw + 16.6667px,22px);overflow:hidden}.book-review__segments-toggle{background:var(--color-hover,#1b8fc208);width:100%;color:var(--color-textPrimary);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(14.4px,.296296vw + 13.3333px,17.6px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);font-weight:700;transition:background .15s;display:flex}.book-review__segments-toggle:hover{background:var(--color-hover,#1b8fc212)}.book-review__segments-toggle svg{color:#5a7184;font-size:clamp(10.8px,.222222vw + 10px,13.2px)}.book-review__segments-list{border-top:1px solid var(--color-border)}.book-review__segment-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.book-review__segment-row:last-child{border-bottom:none}.book-review__segment-row.chapter-row{background:#ffd2340d}.book-review__segment-name{color:var(--color-textPrimary);flex:1;align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);min-width:0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:600;display:flex}.book-review__segment-name svg{color:#ffd234;flex-shrink:0}.book-review__segment-title{color:#5a7184;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.book-review__segment-score{border-radius:9999px;flex-shrink:0;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px) clamp(9px,.185185vw + 8.33333px,11px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px);font-weight:700}.book-review__segment-score.perfect{color:#e5ba20;background:#fff8e1}.book-review__segment-score.passing{color:#3ab08c;background:#e6f9f2}.book-review__segment-score.low{color:#e55a37;background:#fff0ec}.book-review__review{margin-bottom:clamp(18px,.37037vw + 16.6667px,22px)}.book-review__review-heading{color:var(--color-textPrimary);align-items:center;gap:clamp(7.2px,.148148vw + 6.66667px,8.8px);margin:0 0 clamp(12.6px,.259259vw + 11.6667px,15.4px);font-size:clamp(14.4px,.296296vw + 13.3333px,17.6px);font-weight:700;display:flex}.book-review__review-heading svg{color:#ff6f4a;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.book-review__review-loading{color:#a3b5c4;padding:clamp(10.8px,.222222vw + 10px,13.2px) 0;font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}.star-rating{gap:clamp(3.6px,.0740741vw + 3.33333px,4.4px);margin-bottom:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.star-rating__star{cursor:pointer;color:var(--color-border);background:0 0;border:none;padding:clamp(1.8px,.037037vw + 1.66667px,2.2px);font-size:clamp(23.4px,.481481vw + 21.6667px,28.6px);transition:color .15s,transform .15s}.star-rating__star:hover:not(.readonly){transform:scale(1.2)}.star-rating__star.active{color:#ffd234}.star-rating__star.readonly{cursor:default}.book-review__review-text{border:2px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-textPrimary);resize:vertical;border-radius:8px;outline:none;min-height:clamp(90px,1.85185vw + 83.3333px,110px);padding:clamp(10.8px,.222222vw + 10px,13.2px) clamp(12.6px,.259259vw + 11.6667px,15.4px);font-family:inherit;font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px);line-height:1.6;transition:border-color .15s}.book-review__review-text:focus{border-color:#1b8fc2}.book-review__review-text::placeholder{color:#a3b5c4}.book-review__review-actions{align-items:center;gap:clamp(10.8px,.222222vw + 10px,13.2px);margin-top:clamp(10.8px,.222222vw + 10px,13.2px);display:flex}.book-review__review-actions .button{padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(21.6px,.444444vw + 20px,26.4px);font-size:clamp(12.6px,.259259vw + 11.6667px,15.4px)}.book-review__actions{border-top:1px solid var(--color-border);gap:clamp(9px,.185185vw + 8.33333px,11px);padding-top:clamp(14.4px,.296296vw + 13.3333px,17.6px);display:flex}.book-review__actions .button{flex:1;justify-content:center;gap:clamp(5.4px,.111111vw + 5px,6.6px);padding:clamp(9px,.185185vw + 8.33333px,11px) clamp(10.8px,.222222vw + 10px,13.2px);font-size:clamp(11.7px,.240741vw + 10.8333px,14.3px)}@media (max-width:767px){.book-review__actions{flex-direction:column}}html,body{color:#111;background:#fff;margin:0;padding:0;font-family:Inter,sans-serif}a{color:inherit;-webkit-text-decoration:underline #fc440f;text-decoration:underline #fc440f;text-decoration-thickness:1px}*{box-sizing:border-box}.body,.body--xs .body--s,.body--l,.body--xl{text-wrap:balance}