:root{--dl-accent: var(--milo-orange);--dl-accent-light: var(--accent-light);--dl-accent-dark: var(--milo-braise);--dl-accent-glow: rgba(255, 84, 29, .35);--dl-accent-soft: var(--milo-creme);--dl-text-main: var(--milo-encre);--dl-text-soft: var(--text-2);--dl-text-muted: var(--text-3);--dl-bg-soft: var(--milo-creme);--dl-border-soft: var(--line);--dl-surface: var(--bg);--dl-success: var(--ok);--dl-success-bg: var(--ok-bg);--dl-success-border: var(--ok-bg);--dl-success-dark: var(--ok);--dl-danger: var(--ko);--dl-danger-bg: var(--ko-bg);--dl-danger-border: var(--ko-bg);--dl-danger-dark: var(--ko);--dl-warning: var(--milo-pompon);--dl-warning-bg: var(--milo-creme);--dl-warning-border: var(--pompon-bg);--dl-warning-dark: var(--milo-braise);--dl-font: var(--f-text);--dl-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes dl-fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dl-fadeSide{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes dl-pop{0%{opacity:0;transform:scale(.82) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes dl-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(2.5deg)}}@keyframes dl-drift{0%,to{background-position:0% 0%,100% 100%,50% 50%}33%{background-position:20% 15%,75% 80%,65% 35%}66%{background-position:8% 30%,92% 65%,35% 70%}}@keyframes dl-pulse-bg{0%,to{opacity:.4}50%{opacity:.7}}@keyframes dl-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dl-shine{0%{transform:translate(-170%) skew(-22deg);opacity:0}22%{opacity:1}70%{opacity:1}to{transform:translate(370%) skew(-22deg);opacity:0}}@keyframes dl-ring-spin{to{transform:rotate(360deg)}}@keyframes dl-spin{to{transform:rotate(360deg)}}@keyframes dl-halo-breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:.85}}@keyframes dl-wobble{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-9deg) scale(1.06)}75%{transform:rotate(9deg) scale(1.06)}}@keyframes dl-vs-throb{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.14) rotate(4deg)}}@keyframes dl-status-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px var(--dl-accent-glow),0 0 #ff541d80}50%{transform:scale(1.05);box-shadow:0 6px 16px var(--dl-accent-glow),0 0 0 7px #ff541d00}}@keyframes dl-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 #23874b8c}50%{transform:scale(1.2);box-shadow:0 0 0 5px #23874b00}}@keyframes dl-stripes{to{background-position:34px 0}}@keyframes dl-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}80%{transform:translate(-1px)}}@keyframes dl-correct-burst{0%{box-shadow:0 0 #23874b73}to{box-shadow:0 0 0 16px #23874b00}}@keyframes dl-trophy-bounce{0%,to{transform:translateY(0) scale(1) rotate(0)}30%{transform:translateY(-14px) scale(1.1) rotate(-7deg)}60%{transform:translateY(0) scale(.97) rotate(5deg)}}@keyframes dl-burst-rotate{to{transform:rotate(360deg)}}@keyframes dl-toastIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dl-glint-sweep{0%{transform:translate(-150%) skew(-25deg)}18%{transform:translate(350%) skew(-25deg)}to{transform:translate(350%) skew(-25deg)}}@keyframes dl-shimmer{0%{transform:translate(-150%) skew(-25deg)}to{transform:translate(350%) skew(-25deg)}}@keyframes dl-glow-breathe{0%,to{box-shadow:0 20px 45px #78320a1a,0 0 #ff541d47}50%{box-shadow:0 24px 55px #78320a24,0 0 0 10px #ff541d00}}@keyframes dl-overlay-in{0%{opacity:0}to{opacity:1}}.dl-page{min-height:100%;padding:40px clamp(16px,4vw,50px);background:var(--bg);font-family:var(--dl-font);color:var(--dl-text-main);position:relative;overflow:hidden}.dl-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none;z-index:0}.dl-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%);animation:dl-pulse-bg 10s ease-in-out infinite}.dl-page>*{position:relative;z-index:2}.dl-toast-slot{max-width:1500px;margin:0 auto}.dl-toast-slot:empty{display:none}.dl-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:stretch;max-width:1500px;margin:0 auto}.dl-main-col,.dl-side-col{display:flex;flex-direction:column;gap:24px;min-width:0}.dl-main-col{align-self:stretch}.dl-grid .dl-card{display:flex;flex-direction:column;gap:20px;min-width:0}.dl-grid .dl-hero{flex-shrink:0;margin:0}.dl-grid .dl-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0}.dl-count-pill{display:inline-flex;align-items:center;padding:5px 14px;border-radius:100px;background:var(--dl-accent-soft);border:1px solid rgba(255,84,29,.15);color:var(--dl-accent-dark);font-weight:700;font-size:.85rem;flex-shrink:0}.dl-hero{position:relative;display:flex;align-items:center;gap:28px;padding:30px 36px;border-radius:36px;background:linear-gradient(115deg,var(--accent-light) 0%,var(--accent-light) 32%,var(--milo-orange) 68%,var(--milo-braise) 100%);background-size:220% 220%;color:#fff;border:2px solid rgba(255,255,255,.32);box-shadow:0 24px 55px #ff541d42;overflow:hidden;flex-wrap:wrap;animation:dl-fadeUp .55s var(--dl-spring) both,dl-gradient-shift 16s ease-in-out infinite}.dl-hero:after{content:"";position:absolute;top:0;left:0;width:22%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-170%) skew(-22deg);animation:dl-shine 6.5s ease-in-out infinite;animation-delay:1.6s}.dl-hero-halo{position:absolute;top:-60%;right:-25%;width:520px;height:520px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 58%);animation:dl-halo-breathe 7s ease-in-out infinite}.dl-hero-left{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dl-hero-left:before{content:"";position:absolute;width:132px;height:132px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.75),transparent 30%,rgba(255,255,255,.6) 55%,transparent 80%,rgba(255,255,255,.75));animation:dl-ring-spin 10s linear infinite;filter:blur(2px);opacity:.75}.dl-hero-left:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,transparent 65%);animation:dl-halo-breathe 4.5s ease-in-out infinite}.dl-hero-mascot{position:relative;z-index:1;width:124px;height:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));animation:dl-float 4.5s ease-in-out infinite;display:block}.dl-hero-center{flex:1;min-width:220px;position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}.dl-hero-chip{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:6px 15px;border-radius:100px;background:#ffffff42;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.38);color:#fff;font-weight:700;font-size:.7rem;letter-spacing:.9px;text-transform:uppercase}.dl-hero-chip svg{animation:dl-wobble 3.2s ease-in-out infinite}.dl-hero-title{margin:4px 0 0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-1.4px;line-height:1.05;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.16)}.dl-hero-sub{margin:0;font-size:.96rem;font-weight:600;color:#ffffffeb;max-width:470px;line-height:1.45}.dl-hero-stats{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px}.dl-hero-stat{display:inline-flex;align-items:center;gap:9px;padding:11px 19px;border-radius:16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.35);font-family:var(--dl-font);font-weight:700;font-size:.86rem;color:#fff;white-space:nowrap;transition:all .4s var(--dl-spring);animation:dl-fadeSide .5s var(--dl-spring) both}.dl-hero-stat:nth-child(2){animation-delay:.12s}.dl-hero-stat:hover{transform:translateY(-4px) scale(1.05);background:#ffffff57;border-color:#ffffffa6}.dl-hero-stat svg{color:#fff;flex-shrink:0;transition:transform .4s var(--dl-spring)}.dl-hero-stat:hover svg{transform:rotate(-12deg) scale(1.2)}.dl-duel-banner{position:relative;display:block;width:100%;padding:0;border:3px solid #fff;border-radius:32px;background:linear-gradient(135deg,var(--milo-creme) 0%,var(--accent-light) 100%);font-family:var(--dl-font);cursor:pointer;overflow:hidden;opacity:0;animation:dl-fadeUp .55s var(--dl-spring) both,dl-glow-breathe 3.5s ease-in-out infinite;animation-delay:.1s,1s;transition:transform .5s var(--dl-spring),border-color .4s ease;flex:0 0 auto;aspect-ratio:var(--dl-banner-ratio, 16 / 9);min-height:0}.dl-duel-banner:hover{transform:translateY(-4px) scale(1.005);border-color:var(--dl-accent-light)}.dl-duel-banner:active{transform:translateY(-1px) scale(.998)}.dl-duel-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.dl-stats{flex:1 1 auto}.dl-duel-banner:hover .dl-duel-banner-img{transform:scale(1.04)}.dl-duel-banner-shine{position:absolute;top:0;left:0;width:35%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(-150%) skew(-25deg);pointer-events:none;z-index:2;animation:dl-glint-sweep 5s ease-in-out infinite;animation-delay:2s}.dl-duel-banner-shine-2{position:absolute;top:0;left:0;width:18%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%);transform:translate(-150%) skew(-25deg);pointer-events:none;z-index:3;animation:dl-glint-sweep 5s ease-in-out infinite;animation-delay:2.15s;filter:blur(1px)}.dl-duel-banner:hover .dl-duel-banner-shine{animation:dl-shimmer .9s ease;animation-delay:0s}.dl-duel-banner:hover .dl-duel-banner-shine-2{animation:dl-shimmer .9s ease;animation-delay:.1s}.dl-friends,.dl-history{flex:1;min-height:0}.dl-friends .friend-list-container{flex:1;min-height:0;gap:0}.dl-friends .friend-list-title{display:none}.dl-friends .friend-list,.dl-history .duel-history-list{flex:1;min-height:0;max-height:none}.dl-history .duel-stats-empty,.dl-stats .duel-stats-empty{flex:1}.dl-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px;flex-wrap:wrap;animation:dl-fadeUp .5s var(--dl-spring) both;animation-delay:.12s;opacity:0}.dl-section-title-wrap{display:inline-flex;align-items:center;gap:12px;min-width:0}.dl-section-icon{box-sizing:border-box;width:42px;height:42px;padding:10px;flex-shrink:0;border-radius:15px;background:linear-gradient(150deg,var(--dl-accent-light) 0%,var(--dl-accent) 100%);color:#fff;box-shadow:0 10px 22px var(--dl-accent-glow);transition:transform .45s var(--dl-spring)}.dl-section-header:hover .dl-section-icon{transform:rotate(-12deg) scale(1.14)}.dl-section-title{margin:0;font-size:1.3rem;font-weight:700;color:var(--dl-text-main);letter-spacing:-.5px}.dl-section-count{font-size:.78rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.7px;padding:6px 15px;border-radius:100px;background:linear-gradient(135deg,var(--dl-accent-light),var(--dl-accent));box-shadow:0 6px 14px var(--dl-accent-glow)}.dl-top-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.dl-top-row>.dl-card{display:flex;flex-direction:column;gap:20px}.dl-card{position:relative;padding:26px;border:2px solid #fff;border-radius:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 45px #78320a14;overflow:hidden;opacity:0;animation:dl-fadeUp .55s var(--dl-spring) both;animation-delay:.18s;transition:transform .45s var(--dl-spring),box-shadow .45s ease,border-color .45s ease}.dl-card:before{content:"";position:absolute;top:-110px;right:-90px;width:240px;height:240px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--dl-accent-glow) 0%,transparent 68%);opacity:.5;animation:dl-halo-breathe 9s ease-in-out infinite}.dl-card>*{position:relative;z-index:1}.dl-card:hover{transform:translateY(-4px);border-color:var(--dl-accent-light);box-shadow:0 28px 55px #78320a24}.dl-card .dl-section-header{animation:none;opacity:1;padding:0 0 16px;border-bottom:1.5px dashed var(--dl-border-soft)}.lobby-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-radius:20px;border:1.5px solid transparent;font-family:var(--dl-font);font-size:.95rem;font-weight:700;animation:dl-toastIn .35s var(--dl-spring) forwards;cursor:pointer;transition:transform .35s var(--dl-spring),box-shadow .35s ease}.lobby-toast:hover{transform:translate(5px) scale(1.005)}.lobby-toast-success{background:var(--dl-success-bg);border-color:var(--dl-success-border);color:var(--dl-success-dark)}.lobby-toast-success:hover{box-shadow:0 12px 26px #23874b29}.lobby-toast-error{background:var(--dl-danger-bg);border-color:var(--dl-danger-border);color:var(--dl-danger-dark)}.lobby-toast-error:hover{box-shadow:0 12px 26px #c3253f29}.lobby-toast-warning{background:var(--dl-warning-bg);border-color:var(--dl-warning-border);color:var(--dl-warning-dark)}.lobby-toast-warning:hover{box-shadow:0 12px 26px #fcb21829}.lobby-toast-info{background:var(--dl-accent-soft);border-color:#ff541d40;color:var(--dl-accent-dark)}.lobby-toast-info:hover{box-shadow:0 12px 26px var(--dl-accent-glow)}.lobby-toast-msg{flex:1}.lobby-toast-close{background:none;border:none;cursor:pointer;font-size:.85rem;opacity:.5;padding:0 2px;color:inherit;line-height:1;flex-shrink:0;transition:all .3s var(--dl-spring)}.lobby-toast-close:hover{opacity:1;transform:rotate(90deg) scale(1.2)}.friend-list-container{display:flex;flex-direction:column;gap:16px;font-family:var(--dl-font)}.friend-list-title{font-size:1.2rem;color:var(--dl-text-main);margin:0;font-weight:700;letter-spacing:-.4px}.friend-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:6px;margin-right:-6px}.friend-list::-webkit-scrollbar{width:6px}.friend-list::-webkit-scrollbar-track{background:transparent}.friend-list::-webkit-scrollbar-thumb{background:var(--dl-border-soft);border-radius:10px}.friend-list::-webkit-scrollbar-thumb:hover{background:var(--dl-accent-light)}.friend-item{position:relative;display:flex;align-items:center;padding:14px 16px;background:var(--dl-surface);border-radius:20px;border:2px solid transparent;overflow:hidden;transition:all .4s var(--dl-spring);opacity:0;animation:dl-fadeSide .5s var(--dl-spring) forwards}.friend-item:nth-child(2){animation-delay:.05s}.friend-item:nth-child(3){animation-delay:.1s}.friend-item:nth-child(4){animation-delay:.15s}.friend-item:nth-child(5){animation-delay:.2s}.friend-item:nth-child(n+6){animation-delay:.25s}.friend-item:hover{transform:translate(6px);background:var(--dl-accent-soft);border-color:var(--dl-accent-light);box-shadow:0 10px 24px var(--dl-accent-glow)}.friend-avatar-container{position:relative;margin-right:14px}.friend-avatar,.friend-avatar-placeholder{width:46px;height:46px;border-radius:15px;object-fit:cover;border:2px solid #fff;box-shadow:inset 0 2px 6px #00000008,0 8px 16px #ff541d24;transition:transform .45s var(--dl-spring)}.friend-avatar-placeholder{background:radial-gradient(circle,#fff 0%,var(--dl-accent-soft) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--dl-accent)}.friend-item:hover .friend-avatar,.friend-item:hover .friend-avatar-placeholder{transform:rotate(-10deg) scale(1.12)}.friend-status{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff}.friend-status.online{background-color:var(--dl-success);animation:dl-dot-pulse 2.2s ease-in-out infinite}.friend-status.offline{background-color:var(--dl-text-muted)}.friend-status.in-game{background-color:var(--dl-warning);box-shadow:0 0 0 2px #fcb21840}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{font-weight:700;color:var(--dl-text-main);font-size:.95rem;letter-spacing:-.2px}.friend-level{font-size:.8rem;font-weight:600;color:var(--dl-text-soft)}.friend-status-label{font-size:.66rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.friend-status-label-online{color:var(--dl-success-dark)}.friend-status-label-in-game{color:var(--dl-warning-dark)}.friend-status-label-offline{color:var(--dl-text-muted)}.duel-button{position:relative;padding:10px 18px;background:linear-gradient(135deg,var(--dl-accent-light) 0%,var(--dl-accent) 100%);color:#fff;border:none;border-radius:100px;font-family:var(--dl-font);font-weight:700;font-size:.8rem;letter-spacing:.4px;cursor:pointer;overflow:hidden;transition:all .35s var(--dl-spring);box-shadow:0 6px 16px var(--dl-accent-glow)}.duel-button:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-190%) skew(-22deg);pointer-events:none}.duel-button:hover:not(:disabled):after{animation:dl-shine .85s ease forwards}.duel-button:hover:not(:disabled){transform:translateY(-4px) scale(1.06);box-shadow:0 14px 26px var(--dl-accent-glow)}.duel-button:active:not(:disabled){transform:translateY(0) scale(.96)}.duel-button:disabled{opacity:.5;cursor:not-allowed;background:var(--dl-bg-soft);color:var(--dl-text-muted);box-shadow:none;transform:none}.duel-card{position:relative;background:linear-gradient(180deg,var(--dl-surface) 0%,var(--dl-accent-soft) 100%);border-radius:26px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;font-family:var(--dl-font);border:2px solid rgba(255,84,29,.15);overflow:hidden;transition:all .45s var(--dl-spring);opacity:0;animation:dl-fadeUp .55s var(--dl-spring) forwards}.duel-card h3{margin:0;font-size:1.12rem;font-weight:700;color:var(--dl-text-main);letter-spacing:-.3px}.duel-card p{margin:0;font-size:.86rem;color:var(--dl-text-soft);font-weight:600;line-height:1.45}.duel-card.random-duel{cursor:pointer}.duel-card.random-duel:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-170%) skew(-22deg);pointer-events:none;animation:dl-shine 5.5s ease-in-out infinite;animation-delay:2.2s}.duel-card.random-duel:hover{transform:translateY(-5px) scale(1.015);border-color:var(--dl-accent-light);box-shadow:0 22px 42px var(--dl-accent-glow)}.duel-card.random-duel:active{transform:translateY(-1px) scale(.99)}.duel-card.searching{border-color:#ff541d26}.duel-icon{font-size:3.1rem;line-height:1;filter:drop-shadow(0 8px 12px rgba(255,84,29,.22));animation:dl-float 3.6s ease-in-out infinite;transition:transform .45s var(--dl-spring)}.duel-card.random-duel:hover .duel-icon{animation:dl-wobble .6s ease;transform:scale(1.12)}.start-random-duel-btn{position:relative;padding:14px 26px;background:linear-gradient(135deg,var(--dl-accent-light) 0%,var(--dl-accent) 100%);color:#fff;border:2px solid rgba(255,255,255,.35);border-radius:16px;font-family:var(--dl-font);font-weight:700;cursor:pointer;width:100%;margin-top:4px;font-size:.94rem;overflow:hidden;transition:all .35s var(--dl-spring);box-shadow:0 10px 24px var(--dl-accent-glow)}.start-random-duel-btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-190%) skew(-22deg);pointer-events:none}.start-random-duel-btn:hover:after{animation:dl-shine .9s ease forwards}.start-random-duel-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 34px var(--dl-accent-glow)}.start-random-duel-btn:active{transform:translateY(0) scale(.97)}.active-duel{background:linear-gradient(180deg,#ffffff 0%,var(--dl-accent-soft) 100%)}.duel-header{width:100%;display:flex;justify-content:flex-end}.duel-status{font-size:.68rem;padding:6px 14px;background:linear-gradient(135deg,var(--dl-accent-light),var(--dl-accent));color:#fff;border-radius:100px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;animation:dl-status-pulse 2.2s ease-in-out infinite}.duel-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0}.duel-opponent,.duel-user{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;animation:dl-pop .45s var(--dl-spring) both}.duel-user{animation-delay:.12s}.duel-vs{font-weight:700;font-size:1.75rem;background:linear-gradient(135deg,var(--dl-accent-dark),var(--dl-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;letter-spacing:-1px;animation:dl-vs-throb 1.8s ease-in-out infinite}.opponent-avatar,.user-avatar{width:66px;height:66px;border-radius:22px;background:radial-gradient(circle,#fff 0%,var(--dl-accent-soft) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;color:var(--dl-accent);border:2px solid #fff;box-shadow:inset 0 2px 6px #00000008,0 10px 22px #ff541d29;transition:transform .45s var(--dl-spring)}.opponent-avatar:hover,.user-avatar:hover{transform:rotate(-8deg) scale(1.08)}.opponent-name{font-size:.82rem;font-weight:700;color:var(--dl-text-soft)}.join-duel-btn{position:relative;width:100%;padding:13px;background:linear-gradient(135deg,var(--dl-accent-light) 0%,var(--dl-accent) 100%);color:#fff;border:2px solid rgba(255,255,255,.35);border-radius:16px;font-family:var(--dl-font);font-weight:700;font-size:.92rem;cursor:pointer;overflow:hidden;transition:all .35s var(--dl-spring);box-shadow:0 10px 24px var(--dl-accent-glow)}.join-duel-btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-190%) skew(-22deg);pointer-events:none}.join-duel-btn:hover:after{animation:dl-shine .9s ease forwards}.join-duel-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 34px var(--dl-accent-glow)}.join-duel-btn:active{transform:translateY(0) scale(.97)}.spinner{position:relative;width:52px;height:52px;border:5px solid var(--dl-accent-soft);border-top-color:var(--dl-accent);border-radius:50%;animation:dl-spin .85s linear infinite}.spinner:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:3px solid transparent;border-bottom-color:var(--dl-accent-light);animation:dl-spin 1.4s linear infinite reverse}.dl-fullscreen-wrap{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px;background:var(--bg);font-family:var(--dl-font);position:relative;overflow:hidden;isolation:isolate}.dl-fullscreen-wrap:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,84,29,.34) 0%,transparent 60%),radial-gradient(circle,rgba(255,124,82,.3) 0%,transparent 60%),radial-gradient(circle,rgba(255,84,29,.22) 0%,transparent 60%);background-size:55% 55%,60% 60%,65% 65%;background-repeat:no-repeat;filter:blur(30px);animation:dl-drift 28s ease-in-out infinite,dl-pulse-bg 11s ease-in-out infinite}.dl-fullscreen-wrap>*{position:relative;z-index:2}.dl-waiting-card{position:relative;background:#ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:2px solid #fff;border-radius:34px;padding:42px 32px;width:100%;max-width:430px;box-shadow:0 24px 55px #78320a29,0 0 0 6px #ff541d0f;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;overflow:hidden;font-family:var(--dl-font);animation:dl-fadeUp .55s var(--dl-spring) both}.dl-waiting-card:before{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--dl-accent-glow) 0%,transparent 68%);animation:dl-halo-breathe 5s ease-in-out infinite}.dl-waiting-card>*{position:relative;z-index:1}.dl-waiting-title{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.6px;color:var(--dl-text-main)}.dl-waiting-text{margin:0;color:var(--dl-text-soft);font-weight:600;line-height:1.45}.dl-btn-ghost{padding:12px 26px;background:var(--dl-danger-bg);color:var(--dl-danger-dark);border:1.5px solid var(--dl-danger-border);border-radius:16px;font-family:var(--dl-font);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .35s var(--dl-spring)}.dl-btn-ghost:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 28px #c3253f33}.dl-btn-ghost:active{transform:translateY(0) scale(.97)}.duel-game-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px;background:var(--bg);font-family:var(--dl-font);position:relative;overflow:hidden;isolation:isolate}.duel-game-container:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,84,29,.34) 0%,transparent 60%),radial-gradient(circle,rgba(255,124,82,.3) 0%,transparent 60%),radial-gradient(circle,rgba(255,84,29,.22) 0%,transparent 60%);background-size:55% 55%,60% 60%,65% 65%;background-repeat:no-repeat;filter:blur(30px);animation:dl-drift 28s ease-in-out infinite,dl-pulse-bg 11s ease-in-out infinite}.duel-game-card{position:relative;z-index:2;background:#ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:2px solid #fff;border-radius:34px;padding:28px;width:100%;max-width:640px;box-shadow:0 24px 55px #78320a29,0 0 0 6px #ff541d0f;display:flex;flex-direction:column;gap:18px;animation:dl-fadeUp .5s var(--dl-spring) both}.duel-game-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.duel-question-num{font-size:.7rem;color:#fff;font-weight:700;letter-spacing:.9px;text-transform:uppercase;padding:7px 15px;border-radius:100px;background:linear-gradient(135deg,var(--dl-accent-light),var(--dl-accent));box-shadow:0 6px 14px var(--dl-accent-glow);animation:dl-pop .4s var(--dl-spring) both}.duel-timer-text{font-size:1.3rem;font-weight:700;letter-spacing:-.6px;transition:color .3s}.duel-timer-bar-wrap{background:var(--dl-bg-soft);border-radius:999px;height:12px;overflow:hidden;border:1.5px solid var(--dl-border-soft)}.duel-timer-bar{height:100%;border-radius:999px;background-image:linear-gradient(115deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,transparent 75%);background-size:34px 34px;animation:dl-stripes .9s linear infinite;transition:width .9s linear,background-color .3s}.duel-scores{display:flex;gap:12px;justify-content:center}.duel-score-box{position:relative;background:var(--dl-surface);border-radius:22px;padding:14px 24px;text-align:center;border:2px solid var(--dl-border-soft);flex:1;overflow:hidden;transition:all .4s var(--dl-spring);animation:dl-pop .45s var(--dl-spring) both}.duel-score-box:nth-child(2){animation-delay:.1s}.duel-score-box:hover{transform:translateY(-3px);border-color:var(--dl-accent-light);box-shadow:0 14px 28px var(--dl-accent-glow)}.duel-score-name{font-size:.66rem;color:var(--dl-text-soft);margin-bottom:4px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.duel-score-pts{font-size:2.2rem;font-weight:700;line-height:1;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--dl-accent-light),var(--dl-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.duel-question-text{font-size:1.12rem;font-weight:700;color:var(--dl-text-main);line-height:1.45;letter-spacing:-.2px;margin:0;padding:18px;border-radius:22px;background:linear-gradient(180deg,var(--dl-surface) 0%,var(--dl-accent-soft) 100%);border:1.5px solid rgba(255,84,29,.15);animation:dl-fadeUp .45s var(--dl-spring) both}.duel-answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duel-answer-btn{padding:15px 14px;background:var(--dl-surface);color:var(--dl-text-main);border:2px solid var(--dl-border-soft);border-radius:20px;font-family:var(--dl-font);font-size:.92rem;font-weight:700;cursor:pointer;text-align:left;line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .35s var(--dl-spring);animation:dl-fadeUp .4s var(--dl-spring) both}.duel-answer-btn:nth-child(2){animation-delay:.06s}.duel-answer-btn:nth-child(3){animation-delay:.12s}.duel-answer-btn:nth-child(4){animation-delay:.18s}.duel-answer-btn:hover:not(:disabled){border-color:var(--dl-accent-light);background:var(--dl-accent-soft);transform:translateY(-4px) scale(1.02);box-shadow:0 14px 28px var(--dl-accent-glow)}.duel-answer-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.duel-answer-btn:disabled{cursor:not-allowed}.duel-answer-btn.duel-answer-selected{border-color:var(--dl-accent);background:var(--dl-accent-soft);color:var(--dl-accent-dark);font-weight:700;box-shadow:0 0 0 4px var(--dl-accent-glow)}.duel-answer-btn.duel-answer-correct{border-color:var(--dl-success);background:var(--dl-success-bg);color:var(--dl-success-dark);font-weight:700;animation:dl-correct-burst .8s ease-out 2}.duel-answer-btn.duel-answer-wrong{border-color:var(--dl-danger);background:var(--dl-danger-bg);color:var(--dl-danger-dark);font-weight:700;animation:dl-shake .5s ease}.duel-answer-btn.duel-answer-dim{opacity:.38;transform:scale(.98)}.duel-answer-text{flex:1}.duel-answer-icon{font-size:1.15rem;font-weight:700;flex-shrink:0;animation:dl-pop .35s var(--dl-spring) both}.duel-game-status{font-size:.88rem;font-weight:700;text-align:center;padding:12px 16px;border-radius:20px;background:var(--dl-bg-soft);color:var(--dl-text-soft);min-height:20px;transition:all .35s var(--dl-spring)}.duel-game-status.duel-status-correct{background:var(--dl-success-bg);color:var(--dl-success-dark);animation:dl-pop .4s var(--dl-spring) both}.duel-game-status.duel-status-wrong{background:var(--dl-danger-bg);color:var(--dl-danger-dark);animation:dl-pop .4s var(--dl-spring) both}.duel-end-card{position:relative;background:#ffffffeb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:2px solid #fff;border-radius:34px;padding:42px 28px;width:100%;max-width:430px;box-shadow:0 24px 55px #78320a29,0 0 0 6px #ff541d0f;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;overflow:hidden;font-family:var(--dl-font);animation:dl-fadeUp .55s var(--dl-spring) both}.duel-end-card>*{position:relative;z-index:1}.duel-end-icon{position:relative;font-size:4.4rem;line-height:1;filter:drop-shadow(0 10px 16px rgba(255,84,29,.24));animation:dl-trophy-bounce 2.4s ease-in-out infinite}.duel-end-icon:before{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;z-index:-1;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,var(--dl-accent-glow) 20deg,transparent 40deg,transparent 90deg,var(--dl-accent-glow) 110deg,transparent 130deg,transparent 180deg,var(--dl-accent-glow) 200deg,transparent 220deg,transparent 270deg,var(--dl-accent-glow) 290deg,transparent 310deg);filter:blur(12px);animation:dl-burst-rotate 12s linear infinite}.duel-end-msg{font-size:1.6rem;font-weight:700;letter-spacing:-.7px;color:var(--dl-text-main);animation:dl-pop .5s var(--dl-spring) .15s both}.dl-end-scores{display:flex;gap:12px;justify-content:center;width:100%}.dl-end-score-box{background:var(--dl-surface);border-radius:22px;padding:16px 20px;text-align:center;border:2px solid var(--dl-border-soft);flex:1;animation:dl-pop .5s var(--dl-spring) both;animation-delay:.25s;transition:transform .4s var(--dl-spring)}.dl-end-score-box:nth-child(2){animation-delay:.35s}.dl-end-score-box:hover{transform:translateY(-4px) scale(1.03)}.dl-end-score-name{font-size:.66rem;color:var(--dl-text-soft);margin-bottom:4px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.dl-end-score-pts{font-size:2.2rem;font-weight:700;line-height:1;letter-spacing:-1.5px;background:linear-gradient(135deg,var(--dl-accent-light),var(--dl-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dl-end-actions{display:flex;gap:12px;width:100%}.dl-end-actions .start-random-duel-btn{flex:1;margin-top:0}.dl-end-actions .dl-btn-ghost{flex:1}.duel-game-quit{align-self:center;padding:9px 20px;font-size:.8rem;opacity:.75}.duel-game-quit:hover{opacity:1}.duel-stats-empty{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--dl-text-muted);font-size:.95rem;min-height:80px;font-family:var(--dl-font);font-weight:600}.duel-stats-container{display:flex;flex-direction:column;gap:20px;font-family:var(--dl-font)}.duel-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.duel-stat-chip{position:relative;border-radius:24px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:5px;border:2px solid #fff;background:var(--dl-surface);overflow:hidden;box-shadow:0 10px 24px #78320a0f;transition:all .45s var(--dl-spring);animation:dl-pop .5s var(--dl-spring) both}.duel-stat-chip:after{content:"";position:absolute;top:-45px;right:-45px;width:110px;height:110px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--dl-chip-glow, var(--dl-accent-glow)) 0%,transparent 70%);opacity:.6}.duel-stat-chip:nth-child(2){animation-delay:.07s}.duel-stat-chip:nth-child(3){animation-delay:.14s}.duel-stat-chip:nth-child(4){animation-delay:.21s}.duel-stat-chip:hover{transform:translateY(-5px) scale(1.03);border-color:var(--dl-chip-color, var(--dl-accent));box-shadow:0 22px 40px #78320a21}.duel-stat-win{--dl-chip-color: var(--ok);--dl-chip-glow: rgba(35, 135, 75, .24)}.duel-stat-draw{--dl-chip-color: var(--milo-pompon);--dl-chip-glow: rgba(252, 178, 24, .26)}.duel-stat-loss{--dl-chip-color: var(--milo-orange);--dl-chip-glow: rgba(255, 84, 29, .24)}.duel-stat-total{--dl-chip-color: var(--milo-orange);--dl-chip-glow: rgba(255, 84, 29, .26)}.duel-stat-icon{position:relative;z-index:1;font-size:1.5rem;line-height:1;transition:transform .45s var(--dl-spring)}.duel-stat-chip:hover .duel-stat-icon{transform:rotate(-12deg) scale(1.22)}.duel-stat-value{position:relative;z-index:1;font-size:1.85rem;font-weight:700;color:var(--dl-chip-color, var(--dl-text-main));line-height:1;letter-spacing:-1.2px}.duel-stat-label{position:relative;z-index:1;font-size:.64rem;color:var(--dl-text-soft);font-weight:700;letter-spacing:.7px;text-transform:uppercase;text-align:center}.duel-winrate-row{display:flex;flex-direction:column;gap:9px}.duel-winrate-labels{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--dl-text-main);font-weight:700}.duel-winrate-pct{display:inline-flex;align-items:center;padding:5px 14px;border-radius:100px;background:linear-gradient(135deg,var(--dl-accent-light),var(--dl-accent));color:#fff;font-weight:700;font-size:.88rem;box-shadow:0 6px 14px var(--dl-accent-glow)}.duel-winrate-bar-wrap{background:var(--dl-bg-soft);border-radius:999px;height:14px;overflow:hidden;border:1.5px solid var(--dl-border-soft)}.duel-winrate-bar{height:100%;min-width:12px;border-radius:999px;background-color:var(--dl-accent);background-image:linear-gradient(115deg,rgba(255,255,255,.32) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.32) 75%,transparent 75%);background-size:34px 34px;box-shadow:0 0 14px var(--dl-accent-glow);animation:dl-stripes 1.1s linear infinite;transition:width .9s var(--dl-spring)}.duel-avg-score{font-size:.85rem;color:var(--dl-text-soft);font-weight:600}.duel-per-opponent{border-top:1.5px dashed var(--dl-border-soft);padding-top:18px}.duel-per-opponent-title{font-size:1rem;font-weight:700;color:var(--dl-text-main);letter-spacing:-.3px;margin:0 0 12px}.duel-opponent-list{display:flex;flex-direction:column;gap:8px}.duel-opponent-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dl-surface);border-radius:18px;font-size:.9rem;border:2px solid transparent;transition:all .4s var(--dl-spring);animation:dl-fadeSide .45s var(--dl-spring) both}.duel-opponent-row:nth-child(2){animation-delay:.05s}.duel-opponent-row:nth-child(3){animation-delay:.1s}.duel-opponent-row:nth-child(n+4){animation-delay:.15s}.duel-opponent-row:hover{transform:translate(5px);background:var(--dl-accent-soft);border-color:var(--dl-accent-light);box-shadow:0 10px 22px var(--dl-accent-glow)}.duel-opponent-name{flex:1;min-width:0;font-weight:700;color:var(--dl-text-main);letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis}.duel-opponent-record{display:flex;gap:6px;font-size:.78rem;font-weight:700;flex-shrink:0}.rec-win{color:var(--dl-success-dark)}.rec-draw{color:var(--dl-warning-dark)}.rec-loss{color:var(--dl-danger-dark)}.duel-opponent-winrate{font-size:.85rem;font-weight:700;color:var(--dl-accent-dark);min-width:40px;text-align:right;flex-shrink:0}.duel-history-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:6px;margin-right:-6px}.duel-history-list::-webkit-scrollbar{width:6px}.duel-history-list::-webkit-scrollbar-track{background:transparent}.duel-history-list::-webkit-scrollbar-thumb{background:var(--dl-border-soft);border-radius:10px}.duel-history-list::-webkit-scrollbar-thumb:hover{background:var(--dl-accent-light)}.duel-history-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;border:2px solid transparent;background:var(--dl-surface);transition:all .4s var(--dl-spring);font-family:var(--dl-font);animation:dl-fadeSide .45s var(--dl-spring) both}.duel-history-row:nth-child(2){animation-delay:.05s}.duel-history-row:nth-child(3){animation-delay:.1s}.duel-history-row:nth-child(4){animation-delay:.15s}.duel-history-row:nth-child(n+5){animation-delay:.2s}.duel-history-row:hover{transform:translate(5px) scale(1.005)}.duel-history-win{background:linear-gradient(180deg,#ffffff 0%,var(--dl-success-bg) 100%);border-color:var(--dl-success-border)}.duel-history-win:hover{box-shadow:0 14px 28px #23874b29}.duel-history-loss{background:linear-gradient(180deg,#ffffff 0%,var(--dl-danger-bg) 100%);border-color:var(--dl-danger-border)}.duel-history-loss:hover{box-shadow:0 14px 28px #c3253f29}.duel-history-draw{background:linear-gradient(180deg,#ffffff 0%,var(--dl-warning-bg) 100%);border-color:var(--dl-warning-border)}.duel-history-draw:hover{box-shadow:0 14px 28px #fcb21829}.duel-history-icon{font-size:1.4rem;line-height:1;flex-shrink:0;transition:transform .45s var(--dl-spring)}.duel-history-row:hover .duel-history-icon{transform:rotate(-12deg) scale(1.2)}.duel-history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.duel-history-opponent{font-weight:700;color:var(--dl-text-main);font-size:.95rem;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis}.duel-history-date{font-size:.78rem;font-weight:600;color:var(--dl-text-muted)}.duel-history-score{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:700;color:var(--dl-text-main);flex-shrink:0}.duel-history-sep{color:var(--dl-text-muted);font-weight:400}.duel-history-badge{padding:5px 13px;border-radius:100px;font-size:.64rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.duel-history-badge-win{background:linear-gradient(135deg,var(--ok),var(--dl-success));color:#fff;box-shadow:0 4px 10px #23874b4d}.duel-history-badge-loss{background:linear-gradient(135deg,var(--ko),var(--dl-danger));color:#fff;box-shadow:0 4px 10px #c3253f4d}.duel-history-badge-draw{background:linear-gradient(135deg,var(--milo-pompon),var(--dl-warning));color:#fff;box-shadow:0 4px 10px #fcb2184d}.challenge-notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#2a18106b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:dl-overlay-in .25s ease both}.challenge-notif-banner{position:relative;width:100%;max-width:430px;padding:32px 26px;border:2px solid #fff;border-radius:30px;background:#fffffff5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 28px 65px #78320a47,0 0 0 6px #ff541d14;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;overflow:hidden;font-family:var(--dl-font);animation:dl-pop .45s var(--dl-spring) both}.challenge-notif-banner:before{content:"";position:absolute;top:-130px;left:50%;margin-left:-160px;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--dl-accent-glow) 0%,transparent 68%);animation:dl-halo-breathe 5s ease-in-out infinite}.challenge-notif-banner>*{position:relative;z-index:1}.challenge-notif-icon{font-size:3rem;line-height:1;filter:drop-shadow(0 8px 14px rgba(255,84,29,.26));animation:dl-wobble 1.6s ease-in-out infinite}.challenge-notif-title{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.5px;color:var(--dl-text-main)}.challenge-notif-msg{margin:0;font-size:.95rem;font-weight:600;color:var(--dl-text-soft);line-height:1.45}.challenge-notif-msg strong{color:var(--dl-accent-dark);font-weight:700}.challenge-notif-timer{padding:6px 16px;border-radius:100px;background:var(--dl-accent-soft);border:1px solid rgba(255,84,29,.18);color:var(--dl-accent-dark);font-size:.76rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;animation:dl-status-pulse 2.2s ease-in-out infinite}.challenge-notif-actions{display:flex;gap:12px;width:100%;margin-top:8px}.challenge-accept-btn{position:relative;flex:1;padding:14px 18px;background:linear-gradient(135deg,var(--dl-accent-light) 0%,var(--dl-accent) 100%);color:#fff;border:2px solid rgba(255,255,255,.35);border-radius:16px;font-family:var(--dl-font);font-weight:700;font-size:.92rem;cursor:pointer;overflow:hidden;transition:all .35s var(--dl-spring);box-shadow:0 10px 24px var(--dl-accent-glow)}.challenge-accept-btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-190%) skew(-22deg);pointer-events:none}.challenge-accept-btn:hover:after{animation:dl-shine .9s ease forwards}.challenge-accept-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 34px var(--dl-accent-glow)}.challenge-accept-btn:active{transform:translateY(0) scale(.97)}.challenge-decline-btn{flex:1;padding:14px 18px;background:var(--dl-danger-bg);color:var(--dl-danger-dark);border:1.5px solid var(--dl-danger-border);border-radius:16px;font-family:var(--dl-font);font-weight:700;font-size:.92rem;cursor:pointer;transition:all .35s var(--dl-spring)}.challenge-decline-btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 14px 28px #c3253f33}.challenge-decline-btn:active{transform:translateY(0) scale(.97)}@media (max-width: 480px){.challenge-notif-banner{padding:26px 20px;border-radius:26px}.challenge-notif-icon{font-size:2.5rem}.challenge-notif-actions{flex-direction:column}}@media (max-width: 1200px){.dl-grid{grid-template-columns:1fr;gap:22px;align-items:start}.dl-main-col,.dl-side-col{gap:20px}.dl-friends,.dl-history{flex:0 0 auto}.dl-friends .friend-list,.dl-history .duel-history-list{max-height:400px}}@media (max-width: 1100px){.dl-hero{padding:26px 28px;gap:20px}.dl-hero-mascot{width:115px}}@media (max-width: 860px){.dl-page{padding:24px 16px}.dl-grid,.dl-main-col,.dl-side-col{gap:18px}.dl-hero{padding:24px;border-radius:28px;gap:16px;flex-direction:column;text-align:center;align-items:center}.dl-hero-center{align-items:center}.dl-hero-chip{margin:0 auto}.dl-hero-sub{max-width:none}.dl-hero-mascot{width:110px;order:-1}.dl-hero-stats{width:100%;flex-direction:row;justify-content:center;flex-wrap:wrap}.dl-duel-banner{border-radius:28px;min-height:340px}.dl-card{padding:22px;border-radius:26px}.duel-game-card,.dl-waiting-card,.duel-end-card{border-radius:28px;padding:26px 22px}}@media (max-width: 600px){.duel-stats-grid{grid-template-columns:repeat(2,1fr)}.duel-answers-grid{grid-template-columns:1fr}}@media (max-width: 560px){.dl-page{padding:20px 12px}.dl-hero{padding:22px;border-radius:24px}.dl-hero-mascot{width:95px}.dl-hero-title{font-size:clamp(1.4rem,5.5vw,1.8rem)}.dl-hero-sub{font-size:.92rem}.dl-hero-stats{flex-direction:column;width:100%}.dl-hero-stat{width:100%;justify-content:center}.dl-duel-banner{border-radius:24px;border-width:2px;min-height:260px}.dl-card{padding:18px;border-radius:22px;gap:16px}.dl-section-title{font-size:1.15rem}.dl-section-icon{width:36px;height:36px;padding:9px;border-radius:12px}.duel-card{padding:22px 18px;border-radius:20px}.friend-item,.duel-history-row{padding:12px 14px;border-radius:18px}.duel-score-pts,.dl-end-score-pts{font-size:1.8rem}.duel-question-text{font-size:1rem;padding:14px}}@media (max-width: 380px){.duel-stats-grid{grid-template-columns:1fr}.duel-content{gap:8px}.opponent-avatar,.user-avatar{width:54px;height:54px;font-size:1.1rem;border-radius:16px}}@media (prefers-reduced-motion: reduce){.dl-page:after,.dl-fullscreen-wrap:after,.duel-game-container:after,.dl-hero,.dl-hero:after,.dl-hero-halo,.dl-hero-left:before,.dl-hero-left:after,.dl-hero-mascot,.dl-hero-chip svg,.duel-icon,.duel-card.random-duel:after,.duel-status,.duel-vs,.friend-status.online,.duel-timer-bar,.duel-winrate-bar,.duel-end-icon,.duel-end-icon:before,.dl-waiting-card:before,.dl-card:before,.dl-duel-banner,.dl-duel-banner-shine,.dl-duel-banner-shine-2,.challenge-notif-banner:before,.challenge-notif-icon,.challenge-notif-timer{animation:none!important}.duel-answer-btn.duel-answer-wrong,.duel-answer-btn.duel-answer-correct{animation:none!important}.dl-card,.friend-item,.duel-history-row,.duel-stat-chip,.duel-opponent-row,.duel-answer-btn,.duel-score-box,.dl-end-score-box,.challenge-notif-overlay,.challenge-notif-banner{animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner,.spinner:after{animation-duration:1.2s!important}*{transition-duration:.12s!important}}@media (prefers-reduced-motion: reduce){.dl-duel-banner,.dl-card,.dl-section-header{opacity:1!important}}.duel-arena{position:relative;z-index:2;width:100%;max-width:1500px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);align-items:end;gap:24px}.duel-arena .duel-game-card{max-width:none}.duel-arena-side{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.duel-arena-side--me{align-self:end}.duel-arena-side--opponent{align-self:end;padding-bottom:40px}.duel-arena-name{font-family:var(--dl-font);font-weight:700;font-size:.85rem;color:var(--text-2);padding:6px 14px;border-radius:100px;background:#ffffffbf;border:2px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.duel-milo-stage{position:relative;width:100%;display:flex;justify-content:center}.duel-milo-3d{width:100%;pointer-events:none;opacity:0;transition:opacity .45s ease-out}.duel-milo-3d.is-ready{opacity:1}.duel-milo-3d canvas{display:block;width:100%!important;height:100%!important;background:transparent}.duel-milo-3d--large{max-width:440px;height:520px}.duel-milo-3d--small{max-width:220px;height:270px}.duel-sticker-bubble{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:3;padding:10px;border-radius:22px;background:#fff;border:2px solid #fff;box-shadow:0 14px 30px #78320a38;animation:duel-sticker-pop .35s var(--dl-spring) both,duel-sticker-out .3s ease-in 2.5s forwards}.duel-sticker-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;background:#fff;transform:translate(-50%) rotate(45deg);border-radius:3px}.duel-sticker-bubble img{display:block;width:110px;height:110px;object-fit:contain}.duel-sticker-bubble--small{padding:7px;border-radius:16px}.duel-sticker-bubble--small img{width:64px;height:64px}@keyframes duel-sticker-pop{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.6)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes duel-sticker-out{to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}}.duel-emote{position:relative;display:flex;flex-direction:column;align-items:center}.duel-emote-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;border:2px solid #fff;background:linear-gradient(135deg,var(--accent-light) 0%,var(--milo-orange) 100%);color:#fff;font-family:var(--dl-font);font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 8px 20px #ff541d4d;transition:transform .25s var(--dl-spring),opacity .2s ease}.duel-emote-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.04)}.duel-emote-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.duel-emote-btn.is-open{background:var(--milo-encre);box-shadow:none}.duel-emote-wheel{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:5;display:grid;grid-template-columns:repeat(3,64px);gap:8px;padding:10px;border-radius:22px;background:#fffffff2;border:2px solid #fff;box-shadow:0 16px 34px #78320a38;animation:dl-fadeUp .25s var(--dl-spring) both}.duel-emote-slot{width:64px;height:64px;border-radius:16px;border:2px solid var(--milo-creme);background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.7rem;cursor:pointer;transition:transform .2s var(--dl-spring),border-color .2s ease;padding:6px}.duel-emote-slot:hover{transform:scale(1.08);border-color:var(--milo-orange)}.duel-emote-slot img{width:100%;height:100%;object-fit:contain}.duel-emote-slot.is-empty{background:var(--milo-creme);border-style:dashed;cursor:default}.duel-emote-slot--dance{background:#ede9fe}@media (max-width: 1280px){.duel-milo-3d--large{max-width:340px;height:420px}.duel-milo-3d--small{max-width:180px;height:230px}}@media (max-width: 1100px){.duel-arena{grid-template-columns:minmax(0,640px);justify-content:center}.duel-arena-side{display:none}}.friend-avatar-placeholder{overflow:hidden}.friend-avatar-placeholder .milo-avatar-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.app-toast-stack{position:fixed;right:20px;bottom:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px))}.app-toast{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:14px;border:1.5px solid transparent;background:var(--toast-bg);color:var(--toast-fg);font-family:var(--f-text);font-size:.92rem;font-weight:600;box-shadow:var(--shadow);cursor:pointer;animation:app-toast-in .3s ease-out}.app-toast-success{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.app-toast-error{background:var(--ko-bg);border-color:var(--ko);color:var(--ko)}.app-toast-info{background:var(--toast-bg);color:var(--toast-fg)}.app-toast-msg{flex:1;line-height:1.35}.app-toast-close{flex-shrink:0;border:none;background:transparent;color:inherit;font-size:.85rem;font-weight:700;cursor:pointer;opacity:.6}.app-toast-close:hover{opacity:1}@keyframes app-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--sb-accent: var(--milo-orange);--sb-accent-light: var(--accent-light);--sb-accent-dark: var(--milo-braise);--sb-accent-glow: rgba(255, 84, 29, .45);--sb-accent-glow-soft: rgba(255, 84, 29, .2);--sb-text-main: var(--milo-encre);--sb-text-soft: var(--text-2);--sb-text-muted: var(--text-3);--sb-bg-soft: var(--milo-creme);--sb-bg-hover: rgba(255, 84, 29, .08);--sb-border-soft: var(--line);--sb-width: 280px;--sb-font: var(--f-text);--sb-magnet: cubic-bezier(.22, 1.4, .36, 1);--sb-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes sb-slideIn{0%{opacity:0}to{opacity:1}}@keyframes sb-flame-dance{0%,to{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 4px var(--sb-accent-glow-soft))}50%{transform:scale(1.15) rotate(3deg);filter:drop-shadow(0 0 8px var(--sb-accent-glow))}}@keyframes sb-bell-swing{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}@keyframes sb-dot-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sb-sidebar{position:fixed;top:0;left:0;width:var(--sb-width);height:100vh;display:flex;flex-direction:column;padding:26px 18px;gap:22px;background:#ffffffd9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid rgba(255,255,255,.9);box-shadow:8px 0 40px #78320a0f;font-family:var(--sb-font);color:var(--sb-text-main);z-index:110;animation:sb-slideIn .5s var(--sb-spring) both}.sb-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sb-mobile-topbar,button.sb-mobile-close,.sb-mobile-btn-label,.sb-overlay{display:none}@media (max-width: 768px){.sb-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2a181073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:105;animation:sb-fadeIn .25s ease both}}@keyframes sb-fadeIn{0%{opacity:0}to{opacity:1}}.sb-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 10px 18px;border-bottom:1px solid rgba(241,223,203,.5);flex-shrink:0}.sb-logo{flex:1;display:flex;align-items:center;min-width:0;cursor:pointer}.sb-logo-img{height:48px;width:auto;object-fit:contain;transition:transform .45s var(--sb-spring)}.sb-logo:hover .sb-logo-img{transform:scale(1.05)}.sb-icon-btn{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--sb-text-soft);cursor:pointer;transition:background .3s ease,color .3s ease,transform .4s var(--sb-spring);flex-shrink:0}.sb-icon-btn:hover{background:var(--sb-bg-hover);color:var(--sb-accent);transform:scale(1.12)}.sb-icon-btn:hover svg{animation:sb-bell-swing .6s ease}.sb-icon-btn:active{transform:scale(.92)}.sb-icon-btn-dot{position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ko);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #FFF;box-shadow:0 3px 10px #c3253f73;animation:sb-dot-bounce 1.8s ease-in-out infinite}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:26px;padding:4px 2px;margin:0 -2px;position:relative}.sb-nav::-webkit-scrollbar{width:6px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:var(--sb-border-soft);border-radius:10px}.sb-nav::-webkit-scrollbar-thumb:hover{background:var(--sb-text-muted)}.sb-nav-group{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.sb-nav-group-title{padding:0 16px 10px;font-size:.68rem;font-weight:700;color:var(--sb-text-muted);text-transform:uppercase;letter-spacing:1.5px}.sb-nav-indicator{position:absolute;top:0;left:2px;right:2px;height:46px;border-radius:14px;background:#ff541d1f;border:2px solid rgba(255,84,29,.4);opacity:0;z-index:0;pointer-events:none;transition:transform .65s var(--sb-magnet),height .65s var(--sb-magnet),opacity .3s ease;will-change:transform,height}.sb-nav-indicator.visible{opacity:1}.sb-nav-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;border:none;border-radius:16px;background:transparent;font-family:var(--sb-font);font-size:.94rem;font-weight:500;color:var(--sb-text-main);cursor:pointer;text-align:left;transition:color .35s ease,transform .4s var(--sb-spring),background .3s ease;position:relative;z-index:2}.sb-nav-item:hover:not(.active):not(.disabled){color:var(--sb-text-main);background:var(--sb-bg-hover);transform:translate(5px)}.sb-nav-item:hover:not(.active):not(.disabled) .sb-nav-icon{transform:scale(1.18) rotate(-6deg)}.sb-nav-item.active{color:var(--accent-text);font-weight:600}.sb-nav-item.active .sb-nav-icon{transform:scale(1.15);color:var(--milo-orange)}.sb-nav-item:active:not(.disabled){transform:scale(.97)}.sb-nav-item.disabled{opacity:.5;cursor:not-allowed}.sb-nav-icon{font-size:1.25rem;flex-shrink:0;width:24px;text-align:center;line-height:1;transition:transform .4s var(--sb-spring)}.sb-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-nav-badge{min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:var(--ko);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px #c3253f59;transition:all .4s var(--sb-spring)}.sb-nav-item.active .sb-nav-badge{background:var(--milo-orange);color:var(--milo-encre);box-shadow:none}.sb-nav-tag{padding:3px 10px;border-radius:100px;background:transparent;color:var(--sb-text-muted);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border:1px solid var(--sb-border-soft);flex-shrink:0}.sb-footer{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(241,223,203,.5)}.sb-user-card{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:2px solid transparent;border-radius:18px;background:transparent;font-family:var(--sb-font);cursor:pointer;text-align:left;transition:all .4s var(--sb-spring);overflow:hidden;position:relative}.sb-user-card:hover{background:#ffffffe6;border-color:var(--sb-accent-light);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #ff541d26}.sb-user-avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#FFF 0%,var(--milo-creme) 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:inset 0 2px 6px #0000000a,0 4px 12px #ff541d1f;border:2px solid #FFF;transition:all .4s var(--sb-spring)}.sb-user-card:hover .sb-user-avatar{transform:rotate(-8deg) scale(1.1);box-shadow:inset 0 2px 6px #0000000a,0 6px 18px var(--sb-accent-glow-soft)}.sb-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.sb-user-name{margin:0;font-size:.88rem;font-weight:700;color:var(--sb-text-main);letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.sb-user-card:hover .sb-user-name{color:var(--sb-accent)}.sb-user-sub{margin:0;font-size:.72rem;font-weight:700;color:var(--sb-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-streak{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:#ff541d29;color:var(--accent-text);font-size:.8rem;font-weight:600;flex-shrink:0;transition:transform .4s var(--sb-spring)}.sb-streak svg{color:var(--sb-accent);animation:sb-flame-dance 1.4s ease-in-out infinite}.sb-user-card:hover .sb-streak{transform:scale(1.1) rotate(3deg)}.sb-user-stats{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.sb-xp{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:#fcb21842;color:var(--text);font-size:.8rem;font-weight:600;flex-shrink:0;transition:transform .4s var(--sb-spring)}.sb-xp svg{color:var(--milo-pompon-relief)}.sb-user-card:hover .sb-xp{transform:scale(1.1) rotate(-3deg)}.sb-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 14px;border:2px solid transparent;border-radius:16px;background:transparent;color:var(--sb-text-soft);font-family:var(--sb-font);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .4s var(--sb-spring);position:relative;overflow:hidden}.sb-logout-btn svg{transition:transform .4s var(--sb-spring)}.sb-logout-btn:hover{background:linear-gradient(180deg,#fce6eae6,#fce6ea80);border-color:#c3253f40;color:var(--ko);transform:translateY(-2px);box-shadow:0 6px 18px #c3253f26}.sb-logout-btn:hover svg{transform:translate(3px) rotate(-8deg)}.sb-logout-btn:active{transform:translateY(1px)}.main-container{margin-left:var(--sb-width);min-height:100vh}@media (max-width: 1024px){:root{--sb-width: 240px}.sb-sidebar{padding:22px 14px;gap:18px}.sb-logo-img{height:46px}.sb-nav-item{padding:11px 14px;font-size:.9rem}.sb-nav-icon{font-size:1.15rem;width:22px}.sb-nav{gap:22px}}@media (max-width: 768px){:root{--sb-width: min(300px, 82vw)}.sb-sidebar{transform:translate(-100%);transition:transform .35s var(--sb-spring);box-shadow:8px 0 40px #78320a2e}.sb-sidebar.open{transform:translate(0)}.main-container{margin-left:0;padding-top:64px}.sb-mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:64px;padding:0 18px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(241,223,203,.6);box-shadow:0 8px 25px #78320a0f;z-index:100}.sb-mobile-logo{height:46px;width:auto;object-fit:contain}.sb-mobile-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:14px;background:var(--sb-bg-soft);color:var(--sb-text-main);cursor:pointer;transition:background .3s ease,transform .3s var(--sb-spring)}.sb-mobile-toggle:hover{background:var(--sb-bg-hover);color:var(--sb-accent)}.sb-mobile-toggle:active{transform:scale(.92)}button.sb-mobile-close{display:flex}.sb-mobile-btn-label{display:inline}.sb-header .sb-logo{display:none}.sb-header{padding:4px 2px 18px}.sb-header-actions{width:100%;gap:10px}.sb-header-actions .sb-icon-btn{flex:1;width:auto;height:auto;padding:13px 16px;border-radius:16px;background:var(--sb-bg-soft);gap:8px;font-family:var(--sb-font);font-weight:700;font-size:.88rem;color:var(--sb-text-main)}.sb-header-actions .sb-icon-btn:hover{background:var(--sb-bg-hover);transform:none}.sb-header-actions .sb-icon-btn:active{transform:scale(.97)}.sb-header-actions .sb-icon-btn-dot{position:static;margin-left:auto}}.sb-user-avatar{overflow:hidden;font-size:.85rem;font-weight:700;color:var(--sb-accent-dark)}.sb-user-avatar .milo-avatar-img{width:100%;height:100%;object-fit:contain;border-radius:50%}:root{--hp-accent: var(--milo-orange);--hp-accent-light: var(--accent-light);--hp-accent-dark: var(--milo-braise);--hp-accent-glow: rgba(255, 84, 29, .35);--hp-accent-soft: var(--milo-creme);--hp-text-main: var(--milo-encre);--hp-text-soft: var(--text-2);--hp-text-muted: var(--text-3);--hp-bg-soft: var(--milo-creme);--hp-border-soft: var(--line);--hp-ok: var(--ok);--hp-ok-soft: var(--ok-bg);--hp-ok-border: var(--ok-bg);--hp-ok-dark: var(--ok);--hp-font: var(--f-text);--hp-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes hp-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes hp-pulse-bg{0%,to{opacity:.35}50%{opacity:.6}}@keyframes hp-shimmer{0%{transform:translate(-120%) skew(-20deg)}to{transform:translate(320%) skew(-20deg)}}@keyframes hp-badge-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #23874b66,0 0 #23874b99}50%{transform:scale(1.05);box-shadow:0 6px 16px #23874b80,0 0 0 6px #23874b00}}@keyframes hp-bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(12deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}}@keyframes hp-icon-pop{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes hp-glint-sweep{0%{transform:translate(-150%) skew(-25deg);opacity:0}20%{opacity:1}60%{opacity:1}to{transform:translate(350%) skew(-25deg);opacity:0}}@keyframes hp-sparkle-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}40%,60%{opacity:1;transform:scale(1.1) rotate(180deg)}}.hp-page{min-height:100%;padding:40px clamp(16px,4vw,50px);background:var(--bg);font-family:var(--hp-font);color:var(--hp-text-main);position:relative;overflow:hidden}.hp-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none;z-index:0}.hp-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%);animation:hp-pulse-bg 10s ease-in-out infinite}.hp-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:stretch;max-width:1500px;margin:0 auto}.hp-main-col,.hp-side-col{display:flex;flex-direction:column;gap:24px;min-width:0}.hp-main-col{align-self:stretch}.hp-welcome{position:relative;border-radius:32px;padding:28px 32px;background:linear-gradient(135deg,var(--milo-vert-2) 0%,var(--milo-vert) 100%);color:#fff;overflow:hidden;box-shadow:0 20px 45px #ff541d38;border:10px solid var(--milo-marron);animation:hp-fadeUp .5s var(--hp-spring) both;display:flex;align-items:center;gap:20px;flex-shrink:0}.hp-welcome-halo{position:absolute;top:-50%;right:-30%;width:500px;height:500px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 55%);animation:hp-pulse-bg 6s ease-in-out infinite}.hp-welcome-content{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.hp-welcome-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 12px;border-radius:100px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;margin-bottom:2px}.hp-welcome-title{margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;letter-spacing:-1px;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.15)}.hp-welcome-sub{margin:2px 0 14px;font-size:.95rem;font-weight:600;color:#ffffffeb;max-width:400px;line-height:1.4}.hp-welcome-actions{display:flex;flex-wrap:wrap;gap:10px}.hp-action-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:14px;font-family:var(--hp-font);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .35s var(--hp-spring);border:2px solid rgba(255,255,255,.35)}.hp-action-btn.primary{background:#fff;color:var(--hp-accent-dark);box-shadow:0 8px 20px #0000001a}.hp-action-btn.primary:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 30px #0000002e;background:var(--hp-accent-soft)}.hp-action-btn.secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hp-action-btn.secondary:hover{transform:translateY(-3px) scale(1.04);background:#ffffff52;border-color:#fff9}.hp-action-btn:active{transform:translateY(0) scale(.98)}.hp-action-btn svg{transition:transform .3s var(--hp-spring)}.hp-action-btn:hover svg{transform:rotate(-10deg) scale(1.15)}.hp-welcome-illustration{flex-shrink:0;position:relative;z-index:1;width:280px;height:250px;align-self:flex-end;margin-bottom:-28px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.hp-welcome-canvas{display:block;width:100%!important;height:100%!important;background:transparent;overflow:visible}.hp-milo-banner{position:relative;display:block;width:100%;padding:0;border:3px solid #fff;border-radius:32px;background:linear-gradient(135deg,var(--milo-creme) 0%,var(--accent-light) 100%);font-family:var(--hp-font);cursor:pointer;overflow:hidden;animation:hp-fadeUp .55s var(--hp-spring) both,hp-glow-breathe 3.5s ease-in-out infinite;animation-delay:.1s,1s;opacity:0;transition:transform .5s var(--hp-spring),border-color .4s ease;flex:1;min-height:380px}.hp-milo-banner:hover{transform:translateY(-4px) scale(1.005);border-color:var(--hp-accent-light)}.hp-milo-banner:active{transform:translateY(-1px) scale(.998)}.hp-milo-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;transition:transform .8s var(--hp-spring)}.hp-milo-banner:hover .hp-milo-banner-img{transform:scale(1.04)}.hp-milo-banner-shine{position:absolute;top:0;left:0;width:35%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(-150%) skew(-25deg);pointer-events:none;z-index:2;animation:hp-glint-sweep 5s ease-in-out infinite;animation-delay:2s}.hp-milo-banner-shine-2{position:absolute;top:0;left:0;width:18%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.85) 50%,transparent 100%);transform:translate(-150%) skew(-25deg);pointer-events:none;z-index:3;animation:hp-glint-sweep 5s ease-in-out infinite;animation-delay:2.15s;filter:blur(1px)}.hp-milo-banner:hover .hp-milo-banner-shine{animation:hp-shimmer .9s ease;animation-delay:0s}.hp-milo-banner:hover .hp-milo-banner-shine-2{animation:hp-shimmer .9s ease;animation-delay:.1s}.hp-card{display:flex;flex-direction:column;gap:20px;padding:26px;border:2px solid #fff;border-radius:32px;background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 45px #78320a14;animation:hp-fadeUp .5s var(--hp-spring) both;opacity:0}.hp-announcements{animation-delay:.15s}.hp-missions{animation-delay:.25s;flex:1}.hp-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hp-card-title-wrap{display:inline-flex;align-items:center;gap:12px;min-width:0}.hp-card-icon{width:40px;height:40px;flex-shrink:0;border-radius:14px;background:radial-gradient(circle,#fff 0%,var(--hp-accent-soft) 100%);display:flex;align-items:center;justify-content:center;color:var(--milo-vert);box-shadow:inset 0 2px 6px #00000008,0 6px 14px var(--hp-accent-glow);transition:transform .4s var(--hp-spring)}.hp-card:hover .hp-card-icon{transform:rotate(-8deg) scale(1.08)}.hp-announcements:hover .hp-card-icon svg{animation:hp-bell-ring .8s ease}.hp-missions:hover .hp-card-icon svg{animation:hp-icon-pop .6s ease}.hp-card-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--hp-text-main);letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis}.hp-badge-new{display:inline-flex;align-items:center;padding:5px 13px;border-radius:100px;background:linear-gradient(135deg,var(--ok) 0%,var(--ok) 100%);color:#fff;font-weight:700;font-size:.68rem;letter-spacing:.9px;text-transform:uppercase;box-shadow:0 4px 12px #23874b66;animation:hp-badge-pulse 2s ease-in-out infinite;flex-shrink:0}.hp-progress-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:100px;background:var(--hp-accent-soft);border:1px solid rgba(255,84,29,.15);font-weight:700;font-size:.85rem;flex-shrink:0}.hp-progress-value{color:var(--hp-accent-dark);font-size:1rem}.hp-progress-sep{color:var(--hp-text-muted)}.hp-progress-total{color:var(--hp-text-soft)}.hp-announcements-scroll{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:6px;margin-right:-6px}.hp-announcements-scroll::-webkit-scrollbar{width:6px}.hp-announcements-scroll::-webkit-scrollbar-track{background:transparent}.hp-announcements-scroll::-webkit-scrollbar-thumb{background:var(--hp-border-soft);border-radius:10px}.hp-announcements-scroll::-webkit-scrollbar-thumb:hover{background:var(--hp-text-muted)}.hp-announcement{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:var(--bg);border:1px solid rgba(241,223,203,.6);cursor:pointer;transition:all .35s var(--hp-spring);position:relative;overflow:hidden;opacity:0;animation:hp-fadeUp .5s var(--hp-spring) forwards}.hp-announcement:hover{transform:translate(4px);background:var(--hp-accent-soft);border-color:var(--hp-accent-light);box-shadow:0 8px 20px var(--hp-accent-glow)}.hp-announcement-emoji{width:44px;height:44px;flex-shrink:0;border-radius:14px;background:radial-gradient(circle,#fff 0%,var(--hp-accent-soft) 100%);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:inset 0 2px 6px #00000008,0 4px 10px #ff541d14;transition:transform .4s var(--hp-spring)}.hp-announcement:hover .hp-announcement-emoji{transform:rotate(-8deg) scale(1.1)}.hp-announcement-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.hp-announcement-date{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--hp-accent);text-transform:uppercase;letter-spacing:.7px}.hp-announcement-title{margin:0;font-size:.95rem;font-weight:700;color:var(--hp-text-main);letter-spacing:-.2px;line-height:1.25}.hp-announcement-text{margin:2px 0 0;font-size:.82rem;font-weight:600;color:var(--hp-text-soft);line-height:1.4}.hp-missions-list{display:flex;flex-direction:column;gap:10px}.hp-mission{display:flex;align-items:flex-start;gap:14px;padding:16px;border:2px solid transparent;border-radius:20px;background:var(--bg);font-family:var(--hp-font);cursor:pointer;text-align:left;transition:all .4s var(--hp-spring);opacity:0;animation:hp-fadeUp .5s var(--hp-spring) forwards;position:relative;overflow:hidden}.hp-mission.pending{border-color:#ff541d26;background:linear-gradient(180deg,var(--bg) 0%,var(--hp-accent-soft) 100%)}.hp-mission.pending:hover{transform:translateY(-3px) scale(1.01);border-color:var(--hp-accent-light);box-shadow:0 14px 30px var(--hp-accent-glow)}.hp-mission.done{border-color:var(--hp-ok-border);background:linear-gradient(180deg,#ffffff 0%,var(--hp-ok-soft) 100%)}.hp-mission.done:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 30px #23874b2e}.hp-mission:active{transform:translateY(0) scale(.99)}.hp-mission-icon-wrap{width:42px;height:42px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--hp-spring)}.hp-mission.pending .hp-mission-icon-wrap{background:linear-gradient(180deg,var(--hp-accent-light) 0%,var(--hp-accent) 100%);color:#fff;box-shadow:0 4px 12px var(--hp-accent-glow)}.hp-mission.done .hp-mission-icon-wrap{background:linear-gradient(180deg,var(--ok) 0%,var(--ok) 100%);color:#fff;box-shadow:0 4px 12px #23874b59}.hp-mission:hover .hp-mission-icon-wrap{transform:rotate(-8deg) scale(1.1)}.hp-mission-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hp-mission-top{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.hp-mission-title{margin:0;font-size:1rem;font-weight:700;color:var(--hp-text-main);letter-spacing:-.2px;line-height:1.25;flex:1;min-width:0}.hp-mission-points{display:inline-flex;align-items:center;padding:4px 11px;border-radius:100px;font-weight:700;font-size:.72rem;letter-spacing:.4px;flex-shrink:0}.hp-mission.pending .hp-mission-points{background:linear-gradient(135deg,var(--hp-accent-light),var(--hp-accent));color:#fff;box-shadow:0 3px 8px var(--hp-accent-glow)}.hp-mission.done .hp-mission-points{background:linear-gradient(135deg,var(--ok),var(--ok));color:#fff;box-shadow:0 3px 8px #23874b4d}.hp-mission-desc{margin:0;font-size:.82rem;font-weight:600;color:var(--hp-text-soft);line-height:1.4}.hp-mission-category{display:inline-flex;align-items:center;width:fit-content;margin-top:4px;padding:3px 10px;border-radius:100px;font-size:.62rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.hp-mission.pending .hp-mission-category{background:#ff541d1f;color:var(--hp-accent-dark)}.hp-mission.done .hp-mission-category{background:#23874b26;color:var(--hp-ok-dark)}.hp-bulletin{animation-delay:.35s}.hp-bulletin-content{display:flex;flex-direction:column;gap:16px}.hp-bulletin-alert{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#c3253f14,#ff7c5214);border:1.5px solid rgba(195,37,63,.2)}.hp-bulletin-alert-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:var(--hp-text-main)}.hp-bulletin-alert-header svg{width:18px;height:18px;color:var(--ko);flex-shrink:0}.hp-bulletin-subjects{display:flex;flex-direction:column;gap:8px}.hp-bulletin-subject-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#fff9;border:1.5px solid var(--hp-border-soft);cursor:pointer;font-family:var(--hp-font);font-weight:600;font-size:.94rem;color:var(--hp-text-main);transition:all .35s var(--hp-spring)}.hp-bulletin-subject-btn:hover{background:#ffffffe6;border-color:var(--hp-accent-light);transform:translate(4px);box-shadow:0 8px 20px #ff541d1f}.hp-bulletin-subject-btn:active{transform:translate(2px)}.hp-bulletin-subject-name{font-weight:700;color:var(--hp-text-main)}.hp-bulletin-grade{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 8px;border-radius:10px;background:linear-gradient(135deg,var(--hp-accent-light) 0%,var(--hp-accent) 100%);color:#fff;font-weight:700;font-size:.88rem;flex-shrink:0}.hp-bulletin-summary{display:flex;justify-content:center;padding:10px;border-radius:14px;background:#23874b14;border:1px solid rgba(35,135,75,.2)}.hp-bulletin-summary-text{font-size:.88rem;color:var(--hp-ok-dark);font-weight:600}@media (max-width: 1200px){.hp-grid{grid-template-columns:1fr;gap:22px;align-items:start}.hp-welcome{padding:26px 28px}.hp-welcome-illustration{width:220px;height:215px;margin-bottom:-26px}.hp-milo-banner{min-height:420px;flex:0 0 auto}.hp-missions{flex:0 0 auto}}@media (max-width: 860px){.hp-page{padding:24px 16px}.hp-grid,.hp-main-col,.hp-side-col{gap:18px}.hp-welcome{padding:24px;border-radius:28px;flex-direction:column;text-align:center;align-items:center;gap:16px}.hp-welcome-chip{margin:0 auto}.hp-welcome-sub{max-width:none;margin:2px 0 12px}.hp-welcome-actions{justify-content:center}.hp-welcome-illustration{order:1;align-self:center;width:100%;max-width:240px;height:200px;margin-bottom:-24px}.hp-milo-banner{border-radius:28px;min-height:340px}.hp-card{padding:22px;border-radius:26px}.hp-announcements-scroll{max-height:320px}}@media (max-width: 560px){.hp-page{padding:20px 12px}.hp-welcome{padding:22px;border-radius:24px}.hp-welcome-title{font-size:clamp(1.4rem,5.5vw,1.8rem)}.hp-welcome-sub{font-size:.92rem}.hp-welcome-illustration{max-width:200px;height:170px;margin-bottom:-22px}.hp-welcome-actions{width:100%;flex-direction:column}.hp-action-btn{width:100%;justify-content:center;padding:12px 16px}.hp-milo-banner{border-radius:24px;border-width:2px;min-height:260px}.hp-card{padding:18px;border-radius:22px;gap:16px}.hp-card-title{font-size:1.1rem}.hp-card-icon{width:36px;height:36px;border-radius:12px}.hp-announcement{padding:12px;border-radius:16px;gap:10px}.hp-announcement-emoji{width:38px;height:38px;font-size:1.1rem;border-radius:12px}.hp-announcement-title{font-size:.9rem}.hp-announcement-text{font-size:.78rem}.hp-mission{padding:14px;border-radius:18px;gap:12px}.hp-mission-icon-wrap{width:38px;height:38px;border-radius:12px}.hp-mission-title{font-size:.92rem}.hp-mission-desc{font-size:.78rem}}@media (max-width: 380px){.hp-welcome-illustration{width:90px;height:90px}.hp-mission-top{flex-direction:column;align-items:flex-start;gap:6px}}:root{--pf-accent: var(--milo-orange);--pf-accent-light: var(--accent-light);--pf-accent-dark: var(--milo-braise);--pf-accent-glow: rgba(255, 84, 29, .35);--pf-accent-soft: var(--milo-creme);--pf-text-main: var(--milo-encre);--pf-text-soft: var(--text-2);--pf-text-muted: var(--text-3);--pf-bg-soft: var(--milo-creme);--pf-border-soft: var(--line);--pf-surface: var(--bg);--pf-ok: var(--ok);--pf-ok-soft: var(--ok-bg);--pf-ok-border: var(--ok-bg);--pf-ok-dark: var(--ok);--pf-danger: var(--ko);--pf-danger-soft: var(--ko-bg);--pf-danger-border: var(--ko-bg);--pf-danger-dark: var(--ko);--pf-font: var(--f-text);--pf-spring: cubic-bezier(.34, 1.56, .64, 1)}.pf-theme-amber{--pf-theme: var(--milo-orange);--pf-theme-light: var(--accent-light);--pf-theme-dark: var(--milo-braise);--pf-theme-glow: rgba(255, 84, 29, .26)}.pf-theme-violet{--pf-theme: #6f5fa8;--pf-theme-light: #9d8fd0;--pf-theme-dark: #4f4380;--pf-theme-glow: rgba(111, 95, 168, .2)}.pf-theme-rose{--pf-theme: #c2557d;--pf-theme-light: #e59bb4;--pf-theme-dark: #8f3a5a;--pf-theme-glow: rgba(194, 85, 125, .2)}.pf-theme-teal{--pf-theme: #3f978a;--pf-theme-light: #7fc7bc;--pf-theme-dark: #2b6c62;--pf-theme-glow: rgba(63, 151, 138, .2)}@keyframes pf-fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-pop{0%{opacity:0;transform:scale(.8) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pf-pulse-bg{0%,to{opacity:.35}50%{opacity:.6}}@keyframes pf-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes pf-drift-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(70px,-50px) scale(1.12)}66%{transform:translate(-40px,40px) scale(.94)}}@keyframes pf-drift-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-80px,60px) scale(1.14)}}@keyframes pf-drift-c{0%,to{transform:translate(0) scale(1.05)}40%{transform:translate(50px,70px) scale(.92)}75%{transform:translate(-60px,-30px) scale(1.1)}}@keyframes pf-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pf-shine{0%{transform:translate(-160%) skew(-22deg);opacity:0}25%{opacity:1}70%{opacity:1}to{transform:translate(360%) skew(-22deg);opacity:0}}@keyframes pf-ring-spin{to{transform:rotate(360deg)}}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 #23874b80}50%{transform:scale(1.15);box-shadow:0 0 0 5px #23874b00}}@keyframes pf-badge-pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pf-xp-stripes{to{background-position:32px 0}}@keyframes pf-savebar-in{0%{opacity:0;transform:translate(-50%,24px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.pf-page{min-height:100%;padding:40px clamp(16px,4vw,50px) 130px;display:flex;flex-direction:column;gap:28px;background:var(--bg);font-family:var(--pf-font);color:var(--pf-text-main);position:relative;overflow:hidden;isolation:isolate}.pf-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.04;pointer-events:none;z-index:0}.pf-page>*{position:relative;z-index:2}.pf-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.pf-blob{position:absolute;display:block;border-radius:50%;filter:blur(75px);opacity:.42}.pf-blob-1{top:-140px;left:-110px;width:480px;height:480px;background:radial-gradient(circle,rgba(255,84,29,.4) 0%,transparent 70%);animation:pf-drift-a 22s ease-in-out infinite}.pf-blob-2{top:22%;right:-160px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,124,82,.34) 0%,transparent 70%);animation:pf-drift-b 26s ease-in-out infinite}.pf-blob-3{bottom:-180px;left:28%;width:560px;height:560px;background:radial-gradient(circle,rgba(255,84,29,.26) 0%,transparent 70%);animation:pf-drift-c 30s ease-in-out infinite}.pf-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start;max-width:1500px;width:100%;margin:0 auto}.pf-main-col,.pf-side-col{display:flex;flex-direction:column;gap:24px;min-width:0}.pf-hero{position:relative;display:flex;align-items:center;gap:28px;padding:30px 34px;border-radius:34px;max-width:1500px;width:100%;margin:0 auto;background:var(--milo-vert);background-size:220% 220%;animation:pf-fadeUp .55s var(--pf-spring) both,pf-gradient-shift 16s ease-in-out infinite;color:#fff;border:10px solid var(--milo-marron);box-shadow:0 24px 55px #ff541d42;overflow:hidden;flex-wrap:wrap}.pf-hero-halo{position:absolute;top:-60%;right:-25%;width:520px;height:520px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 58%);animation:pf-pulse-bg 7s ease-in-out infinite}.pf-hero-shine{position:absolute;top:0;left:0;width:22%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);transform:translate(-160%) skew(-22deg);animation:pf-shine 6.5s ease-in-out infinite;animation-delay:1.4s}.pf-avatar-wrap{position:relative;z-index:2;flex-shrink:0;width:116px;height:116px;display:flex;align-items:center;justify-content:center;animation:pf-float 5.5s ease-in-out infinite}.pf-avatar-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:34px;background:conic-gradient(from 0deg,#ffffffe6,#ffffff1a,#ffffffd9,#ffffff1a,#ffffffe6);animation:pf-ring-spin 9s linear infinite;filter:blur(.4px)}.pf-avatar{position:relative;z-index:1;width:100px;height:100px;border-radius:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#ffffff52,#ffffff24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 2px 12px #ffffff40,0 18px 34px #0000002e}.pf-avatar-initials{font-size:2.3rem;font-weight:700;letter-spacing:-1.5px;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.22)}.pf-avatar-badge{position:absolute;z-index:3;bottom:-4px;right:-6px;display:inline-flex;align-items:center;gap:3px;padding:5px 11px;border-radius:100px;background:linear-gradient(135deg,#fff 0%,var(--milo-creme) 100%);color:var(--pf-accent-dark);font-size:.72rem;font-weight:700;border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 18px #0000002e;animation:pf-badge-pop 2.6s ease-in-out infinite}.pf-hero-content{position:relative;z-index:2;flex:1;min-width:240px;display:flex;flex-direction:column;gap:9px}.pf-hero-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 14px;border-radius:100px;background:#ffffff42;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.38);color:#fff;font-weight:700;font-size:.68rem;letter-spacing:.9px;text-transform:uppercase}.pf-hero-chip svg{animation:pf-badge-pop 3s ease-in-out infinite}.pf-hero-title{margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-1.4px;line-height:1.05;text-shadow:0 3px 14px rgba(0,0,0,.16)}.pf-hero-meta{display:flex;flex-wrap:wrap;gap:8px}.pf-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:100px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.35);font-weight:700;font-size:.82rem;color:#fff;white-space:nowrap;transition:all .35s var(--pf-spring)}.pf-hero-tag:hover{transform:translateY(-3px) scale(1.05);background:#ffffff57;border-color:#ffffffa6}.pf-xp{display:flex;flex-direction:column;gap:6px;max-width:420px;margin-top:4px}.pf-xp-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pf-xp-level{font-size:.78rem;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:#fff}.pf-xp-count{font-size:.78rem;font-weight:700;color:#ffffffd9}.pf-xp-track{height:12px;border-radius:999px;background:#0003;border:1.5px solid rgba(255,255,255,.28);overflow:hidden}.pf-xp-fill{height:100%;min-width:14px;border-radius:999px;background-color:#fff;background-image:linear-gradient(115deg,rgba(255,255,255,.35) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.35) 75%,transparent 75%);background-size:32px 32px;box-shadow:0 0 14px #ffffffb3;animation:pf-xp-stripes 1.1s linear infinite;transition:width .8s var(--pf-spring)}.pf-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:26px;border:2px solid #fff;border-radius:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 45px #78320a14;overflow:hidden;animation:pf-fadeUp .55s var(--pf-spring) both;opacity:0;transition:transform .45s var(--pf-spring),box-shadow .45s ease,border-color .45s ease}.pf-card:hover{transform:translateY(-4px);border-color:var(--pf-theme-light, var(--pf-accent-light));box-shadow:0 28px 55px #78320a24}.pf-card-glow{position:absolute;top:-110px;right:-90px;width:240px;height:240px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--pf-theme-glow, var(--pf-accent-glow)) 0%,transparent 68%);opacity:.55;animation:pf-pulse-bg 8s ease-in-out infinite}.pf-card>*:not(.pf-card-glow){position:relative;z-index:1}.pf-identity{animation-delay:.1s}.pf-security{animation-delay:.22s}.pf-interests{animation-delay:.16s}.pf-stats{animation-delay:.28s}.pf-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1.5px dashed var(--pf-border-soft)}.pf-card-title-wrap{display:inline-flex;align-items:center;gap:12px;min-width:0}.pf-card-icon{box-sizing:border-box;width:42px;height:42px;padding:10px;flex-shrink:0;border-radius:15px;background:linear-gradient(150deg,var(--pf-theme-light, var(--pf-accent-light)) 0%,var(--pf-theme, var(--pf-accent)) 100%);color:#fff;box-shadow:0 10px 22px var(--pf-theme-glow, var(--pf-accent-glow));transition:transform .45s var(--pf-spring)}.pf-card:hover .pf-card-icon{transform:rotate(-10deg) scale(1.12)}.pf-card-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--pf-text-main);letter-spacing:-.4px}.pf-card-sub{font-size:.76rem;font-weight:700;color:var(--pf-text-muted)}.pf-live-hint{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:100px;background:var(--pf-ok-soft);border:1px solid var(--pf-ok-border);color:var(--pf-ok-dark);font-size:.66rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.pf-live-dot{width:7px;height:7px;border-radius:50%;background:var(--pf-ok);animation:pf-dot-pulse 2s ease-in-out infinite}.pf-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:5px 13px;border-radius:100px;background:linear-gradient(135deg,var(--pf-theme-light, var(--pf-accent-light)),var(--pf-theme, var(--pf-accent)));color:#fff;font-weight:700;font-size:.85rem;box-shadow:0 6px 14px var(--pf-theme-glow, var(--pf-accent-glow))}.pf-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pf-field{display:flex;flex-direction:column;gap:7px;min-width:0}.pf-label{display:flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;color:var(--pf-text-soft);letter-spacing:.8px;text-transform:uppercase}.pf-label-lock{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:100px;background:var(--pf-bg-soft);color:var(--pf-text-muted);font-size:.58rem;letter-spacing:.5px}.pf-input{width:100%;box-sizing:border-box;padding:13px 16px;border:2px solid transparent;border-radius:18px;background:var(--pf-surface);font-family:var(--pf-font);font-size:.95rem;font-weight:700;color:var(--pf-text-main);outline:none;transition:all .35s var(--pf-spring)}.pf-input::placeholder{color:var(--pf-text-muted);font-weight:600}.pf-input:hover:not(:focus):not(.pf-input-readonly){border-color:var(--pf-border-soft);transform:translateY(-2px)}.pf-input:focus{border-color:var(--pf-theme, var(--pf-accent));background:#fff;box-shadow:0 0 0 4px var(--pf-theme-glow, var(--pf-accent-glow)),0 12px 26px #78320a1a;transform:translateY(-2px)}.pf-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--pf-theme, var(--pf-accent)) 50%),linear-gradient(135deg,var(--pf-theme, var(--pf-accent)) 50%,transparent 50%);background-position:calc(100% - 19px) center,calc(100% - 14px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}.pf-input-readonly{display:flex;align-items:center;gap:9px;background:var(--pf-bg-soft);color:var(--pf-text-soft);cursor:default;overflow:hidden}.pf-input-readonly span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-input-readonly svg{color:var(--pf-text-muted);flex-shrink:0}.pf-rules{list-style:none;margin:0;padding:14px 16px;display:flex;flex-direction:column;gap:8px;border-radius:20px;background:var(--pf-surface);border:1.5px solid var(--pf-border-soft);animation:pf-fadeUp .4s var(--pf-spring) both}.pf-rules li{display:flex;align-items:center;gap:9px;font-size:.85rem;font-weight:700;color:var(--pf-text-soft);transition:color .3s ease}.pf-rules li svg{flex-shrink:0;color:var(--pf-text-muted);transition:color .3s ease}.pf-rules li.is-ok{color:var(--pf-ok-dark)}.pf-rules li.is-ok svg{color:var(--pf-ok);animation:pf-pop .35s var(--pf-spring) both}.pf-tags{display:flex;flex-wrap:wrap;gap:9px}.pf-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-radius:100px;color:#fff;font-weight:700;font-size:.85rem;background:linear-gradient(135deg,var(--pf-accent-light) 0%,var(--pf-accent) 100%);box-shadow:0 8px 18px var(--pf-accent-glow);animation:pf-pop .4s var(--pf-spring) both;transition:transform .35s var(--pf-spring)}.pf-tag:nth-child(2n){background:linear-gradient(135deg,var(--pf-accent) 0%,var(--pf-accent-dark) 100%)}.pf-tag:nth-child(2){animation-delay:.04s}.pf-tag:nth-child(3){animation-delay:.08s}.pf-tag:nth-child(4){animation-delay:.12s}.pf-tag:nth-child(5){animation-delay:.16s}.pf-tag:nth-child(6){animation-delay:.2s}.pf-tag:nth-child(n+7){animation-delay:.24s}.pf-tag:hover{transform:translateY(-4px) scale(1.05) rotate(-1.5deg)}.pf-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:#ffffff4d;color:#fff;cursor:pointer;padding:0;transition:all .3s var(--pf-spring)}.pf-tag-remove:hover{background:#fff;color:var(--pf-accent-dark);transform:rotate(90deg) scale(1.15)}.pf-empty{margin:0;padding:20px 16px;border-radius:20px;border:1.5px dashed var(--pf-border-soft);background:var(--pf-surface);color:var(--pf-text-muted);font-size:.85rem;font-weight:600;line-height:1.45;text-align:center}.pf-add-row{display:flex;gap:10px;align-items:center}.pf-add-input{flex:1;min-width:0}.pf-suggestions{display:flex;flex-direction:column;gap:9px;padding-top:16px;border-top:1.5px dashed var(--pf-border-soft)}.pf-suggestions-label{margin:0;font-size:.66rem;font-weight:700;color:var(--pf-text-muted);letter-spacing:.8px;text-transform:uppercase}.pf-suggestions-flex{display:flex;flex-wrap:wrap;gap:8px}.pf-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:100px;background:var(--pf-surface);border:1.5px solid var(--pf-border-soft);color:var(--pf-text-soft);font-family:var(--pf-font);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .35s var(--pf-spring)}.pf-chip:hover{background:var(--pf-accent-soft);border-color:var(--pf-accent-light);color:var(--pf-accent-dark);transform:translateY(-4px) scale(1.05);box-shadow:0 10px 22px var(--pf-accent-glow)}.pf-chip:active{transform:translateY(-1px) scale(.98)}.pf-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-stat{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 12px;border-radius:24px;border:2px solid #fff;overflow:hidden;background:var(--pf-surface);box-shadow:0 10px 24px #78320a0f;transition:all .45s var(--pf-spring)}.pf-stat:after{content:"";position:absolute;top:-45px;right:-45px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--pf-stat-glow) 0%,transparent 70%);opacity:.6;pointer-events:none}.pf-stat:hover{transform:translateY(-5px) scale(1.03);border-color:var(--pf-stat-color);box-shadow:0 20px 38px #78320a1f}.pf-stat-gold{--pf-stat-color: var(--milo-pompon);--pf-stat-glow: rgba(252, 178, 24, .26)}.pf-stat-teal{--pf-stat-color: #3f978a;--pf-stat-glow: rgba(63, 151, 138, .22)}.pf-stat-orange{--pf-stat-color: var(--milo-orange);--pf-stat-glow: rgba(255, 84, 29, .26)}.pf-stat-flame{--pf-stat-color: var(--milo-orange);--pf-stat-glow: rgba(255, 84, 29, .24)}.pf-stat-icon{position:relative;z-index:1;color:var(--pf-stat-color);filter:drop-shadow(0 4px 8px var(--pf-stat-glow));transition:transform .45s var(--pf-spring)}.pf-stat:hover .pf-stat-icon{transform:rotate(-10deg) scale(1.2)}.pf-stat-value{position:relative;z-index:1;font-size:1.8rem;font-weight:700;line-height:1;letter-spacing:-1.2px;color:var(--pf-text-main)}.pf-stat-label{position:relative;z-index:1;font-size:.64rem;font-weight:700;color:var(--pf-text-soft);letter-spacing:.7px;text-transform:uppercase;text-align:center}.pf-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:16px;border:2px solid transparent;font-family:var(--pf-font);font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;overflow:hidden;transition:all .35s var(--pf-spring)}.pf-btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-180%) skew(-22deg);pointer-events:none}.pf-btn:hover:not(:disabled):after{animation:pf-shine .9s ease forwards}.pf-btn:active:not(:disabled){transform:translateY(0) scale(.97)}.pf-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.pf-btn-primary{background:linear-gradient(135deg,var(--pf-accent-light) 0%,var(--pf-accent) 100%);color:#fff;border-color:#ffffff59;box-shadow:0 10px 24px var(--pf-accent-glow)}.pf-btn-primary:hover:not(:disabled){transform:translateY(-4px) scale(1.04);box-shadow:0 18px 34px var(--pf-accent-glow)}.pf-btn-ghost{background:var(--pf-surface);color:var(--pf-text-soft);border-color:var(--pf-border-soft)}.pf-btn-ghost:hover:not(:disabled){background:#fff;color:var(--pf-text-main);border-color:var(--pf-text-muted);transform:translateY(-4px) scale(1.03)}.pf-btn-danger{background:var(--pf-danger-soft);color:var(--pf-danger-dark);border-color:var(--pf-danger-border)}.pf-btn-danger:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 12px 26px #c3253f33}.pf-btn-icon{width:48px;height:48px;padding:0;flex-shrink:0;border-radius:18px;background:linear-gradient(135deg,var(--pf-accent-light) 0%,var(--pf-accent) 100%);color:#fff;border-color:#ffffff59;box-shadow:0 10px 24px var(--pf-accent-glow)}.pf-btn-icon:hover:not(:disabled){transform:translateY(-4px) rotate(90deg) scale(1.07);box-shadow:0 18px 34px var(--pf-accent-glow)}.pf-btn-spinner{width:15px;height:15px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pf-spin .7s linear infinite}.pf-savebar{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);z-index:60;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .4s var(--pf-spring)}.pf-savebar.is-visible{opacity:1;transform:translate(-50%);pointer-events:auto;animation:pf-savebar-in .45s var(--pf-spring) both}.pf-savebar-inner{display:flex;align-items:center;gap:20px;padding:14px 16px 14px 22px;border-radius:26px;background:#fffffff0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:2px solid #fff;box-shadow:0 24px 55px #78320a33,0 0 0 6px #ff541d12;flex-wrap:wrap;justify-content:center;transition:all .4s var(--pf-spring)}.pf-savebar-inner.is-saved{background:#e3f4e8f5;border-color:var(--pf-ok-border);box-shadow:0 24px 55px #23874b33,0 0 0 6px #23874b12}.pf-savebar-inner.is-error{background:#fce6eaf5;border-color:var(--pf-danger-border);box-shadow:0 24px 55px #c3253f33,0 0 0 6px #c3253f12}.pf-savebar-msg{display:inline-flex;align-items:center;gap:9px;font-size:.88rem;font-weight:700;color:var(--pf-text-soft)}.pf-savebar-msg svg{flex-shrink:0;color:var(--pf-accent)}.pf-savebar-inner.is-saved .pf-savebar-msg{color:var(--pf-ok-dark)}.pf-savebar-inner.is-saved .pf-savebar-msg svg{color:var(--pf-ok);animation:pf-pop .4s var(--pf-spring) both}.pf-savebar-inner.is-error .pf-savebar-msg{color:var(--pf-danger-dark)}.pf-savebar-inner.is-error .pf-savebar-msg svg{color:var(--pf-danger)}.pf-savebar-actions{display:flex;gap:10px}@media (max-width: 1200px){.pf-grid{grid-template-columns:1fr;gap:22px}.pf-main-col,.pf-side-col{gap:22px}.pf-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 860px){.pf-page{padding:24px 16px 130px;gap:22px}.pf-hero{padding:26px 24px;border-radius:28px;flex-direction:column;text-align:center;align-items:center;gap:18px}.pf-hero-chip,.pf-hero-meta{justify-content:center;margin:0 auto}.pf-xp{max-width:none;width:100%}.pf-card{padding:22px;border-radius:26px}.pf-fields{grid-template-columns:1fr}.pf-stats-grid{grid-template-columns:repeat(2,1fr)}.pf-blob{filter:blur(60px);opacity:.35}}@media (max-width: 560px){.pf-page{padding:20px 12px 140px}.pf-hero{padding:22px;border-radius:24px}.pf-avatar-wrap{width:100px;height:100px}.pf-avatar{width:86px;height:86px;border-radius:26px}.pf-avatar-initials{font-size:1.9rem}.pf-card{padding:18px;border-radius:22px;gap:16px}.pf-card-title{font-size:1.08rem}.pf-card-icon{width:38px;height:38px;padding:9px;border-radius:13px}.pf-card-header{padding-bottom:12px}.pf-savebar{left:12px;right:12px;bottom:16px;width:auto;transform:none}.pf-savebar.is-visible{transform:none;animation:none}.pf-savebar-inner{flex-direction:column;align-items:stretch;gap:12px;padding:16px;text-align:center}.pf-savebar-msg{justify-content:center}.pf-savebar-actions{width:100%}.pf-savebar-actions .pf-btn{flex:1}}@media (prefers-reduced-motion: reduce){.pf-blob,.pf-hero,.pf-hero-halo,.pf-hero-shine,.pf-avatar-wrap,.pf-avatar-ring,.pf-avatar-badge,.pf-hero-chip svg,.pf-xp-fill,.pf-card-glow,.pf-live-dot{animation:none!important}.pf-card,.pf-tag,.pf-rules{animation-duration:.01ms!important;animation-iteration-count:1!important}.pf-btn:after{display:none}*{transition-duration:.12s!important}}.pf-avatar .milo-avatar-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.22))}.pf-card-foot{display:flex;justify-content:flex-end;margin-top:6px}.milo-scene-root{width:100vw;height:100vh;position:relative;overflow:hidden;background:#58bde6}.three-canvas{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:0}.lesson-progress-bar{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;min-width:300px}.lesson-progress-content{display:flex;align-items:center;gap:1rem;flex:1}.lesson-progress-nav-btn{width:28px;height:28px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,transform .2s ease,opacity .2s ease}.lesson-progress-nav-btn:hover:not(:disabled){background:#ff541dd9;transform:scale(1.08)}.lesson-progress-nav-btn:active:not(:disabled){transform:scale(.94)}.lesson-progress-nav-btn:disabled{opacity:.3;cursor:not-allowed}.lesson-progress-track{flex:1;height:6px;background:#fff3;border-radius:99px;overflow:hidden}.lesson-progress-fill{height:100%;background:var(--milo-orange);border-radius:99px;transition:width .5s ease}.lesson-progress-label{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap}.lesson-panel{position:absolute;top:5rem;left:2rem;width:420px;max-height:60vh;overflow-y:auto;z-index:10;padding:1.5rem}.lesson-panel-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}.lesson-panel-content{font-size:.95rem;color:#ffffffe6;line-height:1.7;white-space:pre-wrap}.lesson-reply{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.lesson-reply-label{font-size:.8rem;font-weight:700;color:var(--accent-text);display:block;margin-bottom:.5rem}.lesson-reply p{font-size:.9rem;color:#ffffffd9;line-height:1.6}.lesson-actions{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem}.lesson-finished{flex-direction:column;text-align:center;width:min(760px,calc(100vw - 2rem))}.lesson-finished p{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.lesson-finished-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;width:100%}.lesson-loading-text{color:#ffffffb3;font-size:.9rem}.lesson-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.lesson-btn--primary{background:var(--milo-orange);color:#fff}.lesson-btn--primary:hover{background:var(--milo-orange);transform:translateY(-2px)}.lesson-btn--secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.lesson-btn--secondary:hover{background:#ffffff40;transform:translateY(-2px)}.lesson-btn--active{background:#ff541de6;border-color:#ffffff73;color:#fff}.lesson-btn--danger{background:var(--ko);color:#fff}.lesson-btn--danger:hover{background:var(--ko);transform:translateY(-2px)}.lesson-btn:active{transform:scale(.96)}.lesson-btn:focus-visible,.lesson-progress-nav-btn:focus-visible,.help-btn:focus-visible,.close-btn:focus-visible,.chat-send-btn:focus-visible,.board-scrollbar-btn:focus-visible,.board-full-text-btn:focus-visible,.board-resume-btn:focus-visible,.board-modal-close:focus-visible{outline:2px solid var(--milo-orange);outline-offset:2px}@media (max-width: 640px){.lesson-actions{width:min(100% - 2rem,420px);flex-direction:column;bottom:4.5rem}.lesson-btn{justify-content:center;width:100%;white-space:normal}.lesson-progress-bar{min-width:0;width:min(100% - 2rem,420px)}}.glass-panel{background:#2a1810a6;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f}.controls-panel{position:fixed;top:24px;left:24px;padding:24px;color:#fff;z-index:10;min-width:240px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) both}.controls-panel.collapsed{transform:translate(-260px);opacity:0;pointer-events:none;animation:none}.panel-toggle-btn{position:fixed;top:24px;left:24px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#2a1810b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11;transition:all .25s ease;opacity:0;animation:fadeIn .4s .6s ease both}.panel-toggle-btn:hover{background:#ff541d40;border-color:#ff541d66;transform:scale(1.05)}.panel-toggle-btn.hidden{opacity:0;pointer-events:none}.controls-panel h3{margin:0 0 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:#ffffff73}.controls-panel hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:18px 0}.control-label{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;color:#ffffffb3;transition:all .2s ease;-webkit-user-select:none;user-select:none}.control-label:hover{background:#ffffff0f;color:#fff}.control-label.active{background:#ff541d26;color:var(--accent-text)}.custom-radio{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease}.custom-radio.selected{border-color:var(--milo-orange)}.custom-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--milo-orange);transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.custom-radio.selected .custom-radio-dot{transform:scale(1)}.toggle-switch{width:40px;height:22px;border-radius:11px;background:#ffffff1f;position:relative;cursor:pointer;flex-shrink:0;transition:background .25s ease}.toggle-switch.on{background:#ff541d80}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(18px)}.chat-input-area{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:10;width:min(600px,90vw);animation:slideUp .5s cubic-bezier(.16,1,.3,1) .3s both}.review-board-btn{position:fixed;bottom:88px;left:50%;transform:translate(-50%);z-index:12;width:44px;height:44px;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.review-board-btn:hover{background:#ff541dd9;transform:translate(-50%) translateY(-2px)}.board-full-text-btn{position:fixed;top:88px;right:24px;z-index:12;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.9rem;font-weight:700;transition:transform .2s ease,background .2s ease}.board-full-text-btn:hover{background:#ff541dd9;transform:translateY(-2px)}.board-scrollbar{position:fixed;top:148px;left:24px;z-index:12;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px}.board-scrollbar-btn{width:28px;height:28px;border:none;border-radius:8px;background:#ffffff14;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,transform .2s ease,opacity .2s ease}.board-scrollbar-btn:hover:not(:disabled){background:#ff541dd9;transform:scale(1.06)}.board-scrollbar-btn:disabled{opacity:.35;cursor:not-allowed}.board-scrollbar-track{position:relative;width:8px;height:220px;border-radius:999px;background:#ffffff1a;cursor:pointer}.board-scrollbar-thumb{position:absolute;left:0;width:100%;min-height:24px;border-radius:999px;background:#ff541dd9;cursor:grab;transition:background .2s ease}.board-scrollbar-track:active .board-scrollbar-thumb{cursor:grabbing;background:var(--milo-orange)}.board-resume-btn{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:11;display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease;animation:fadeIn .25s ease}.board-resume-btn:hover{background:#ff541dd9;transform:translate(-50%) translateY(-2px)}.board-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:#000000b8;animation:fadeIn .2s ease}.board-modal-content{width:min(860px,100%);max-height:min(760px,86vh);display:flex;flex-direction:column;color:#fff;overflow:hidden}.board-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.board-modal-header h2{margin:0;font-size:1.05rem;font-weight:700}.board-modal-close{width:38px;height:38px;border:none;border-radius:10px;background:#ffffff14;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,transform .2s ease}.board-modal-close:hover{background:#ff541dd9;transform:scale(1.04)}.board-modal-scroll{padding:22px 24px 26px;overflow-y:auto;overscroll-behavior:contain}.board-modal-scroll p{margin:0;color:#ffffffeb;font-size:1rem;line-height:1.75;white-space:pre-wrap}.board-modal-scroll::-webkit-scrollbar{width:10px}.board-modal-scroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.board-modal-scroll::-webkit-scrollbar-thumb{background:#ff541dd9;border-radius:999px}@media (max-width: 640px){.board-full-text-btn{top:84px;right:16px;min-height:40px;padding:0 12px;font-size:.85rem}.board-scrollbar{top:138px;right:16px}.board-scrollbar-track{height:160px}.close-btn{width:44px;height:44px;top:16px;left:16px}.board-resume-btn{top:60px;font-size:.8rem;padding:6px 12px}.board-modal-overlay{align-items:stretch;padding:76px 14px 18px}.board-modal-content{max-height:none}.board-modal-header{padding:14px 16px}.board-modal-scroll{padding:18px 16px 22px}.board-modal-scroll p{font-size:.95rem}}.chat-input-wrapper{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border-radius:50px;transition:border-color .25s ease,box-shadow .25s ease}.chat-input-wrapper:focus-within{border-color:#ff541d66;box-shadow:0 8px 32px #00000059,0 0 0 1px #ff541d26,inset 0 1px #ffffff0f}.chat-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px;font-weight:400;letter-spacing:.2px}.chat-input::placeholder{color:#ffffff4d}.chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0;box-shadow:0 4px 12px #ff541d4d}.chat-send-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #ff541d73}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.reply-bubble{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10;max-width:min(550px,85vw);padding:16px 24px;color:#fff;font-size:14px;line-height:1.6;animation:dropIn .45s cubic-bezier(.16,1,.3,1) both}.reply-bubble.hidden{animation:fadeOutUp .3s ease both;pointer-events:none}.help-btn{position:fixed;top:24px;right:24px;width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#2a1810a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff9;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s ease;animation:fadeIn .4s .5s ease both}.help-btn:hover{background:#ff541d33;color:var(--accent-text);border-color:#ff541d4d;transform:scale(1.05)}.close-btn{position:fixed;top:24px;left:24px;width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#2a1810a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff9;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s ease;animation:fadeIn .4s .5s ease both}.close-btn:hover{background:#c3253f40;color:var(--ko);border-color:#c3253f66;transform:scale(1.05)}.close-btn:active{transform:scale(.94)}.leave-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;animation:fadeIn .2s ease}.leave-confirm-content{width:min(420px,100%);padding:28px 26px;color:#fff;text-align:center;animation:scaleIn .25s cubic-bezier(.34,1.3,.64,1)}.leave-confirm-content h2{margin:0 0 10px;font-size:1.15rem;font-weight:700}.leave-confirm-content p{margin:0 0 22px;color:#ffffffbf;font-size:.92rem;line-height:1.5}.leave-confirm-actions{display:flex;justify-content:center;gap:12px}.scene-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));z-index:50;gap:20px;animation:fadeIn .3s ease;transition:opacity .5s ease-out}.scene-loading-overlay.is-done{opacity:0;pointer-events:none}.loading-progress{width:220px;height:6px;border-radius:100px;background:#ffffff47;overflow:hidden}.loading-progress-fill{height:100%;border-radius:100px;background:#fff;transition:width .3s ease-out}.loading-video{width:175px;height:175px;object-fit:contain}.loading-text{color:#ffffff80;font-size:13px;letter-spacing:1px;font-weight:500}.typing-indicator{display:flex;align-items:center;gap:5px;padding:0 4px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;animation:typingBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;animation:fadeIn .25s ease}.help-modal-overlay.closing{animation:fadeOut .2s ease forwards}.help-modal-content{position:relative;max-width:90vw;max-height:90vh;border-radius:20px;padding:10px;cursor:default;animation:scaleIn .3s cubic-bezier(.34,1.3,.64,1);background:#2a1810e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #0009}.help-modal-overlay.closing .help-modal-content{animation:scaleOut .25s ease forwards}.help-modal-close{position:absolute;top:-14px;right:-14px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--ko),var(--ko));color:#fff;border:2px solid rgba(255,255,255,.15);font-size:22px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;transition:transform .2s ease;box-shadow:0 4px 15px #c3253f4d}.help-modal-close:hover{transform:scale(1.1) rotate(90deg)}.help-modal-img{max-width:100%;max-height:80vh;display:block;border-radius:12px}.help-modal-error{padding:60px 40px;text-align:center;color:#fff6;font-size:15px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes dropIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOutUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.intro-overlay{margin-top:-325px;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;animation:introFadeOut 1s 3.5s ease forwards}.intro-content{text-align:center;animation:introSlideUp 1.2s .5s cubic-bezier(.16,1,.3,1) both}.intro-title{font-size:clamp(24px,5vw,48px);font-weight:700;color:#fff;margin:0 0 12px;text-shadow:0 4px 30px rgba(0,0,0,.6);letter-spacing:-.5px}.intro-subtitle{font-size:clamp(14px,2.5vw,20px);font-weight:400;color:#ffffffb3;margin:0;text-shadow:0 2px 15px rgba(0,0,0,.5)}.intro-image{max-width:60vw;max-height:50vh;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 40px rgba(0,0,0,.5))}@keyframes introSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes introFadeOut{0%{opacity:1}to{opacity:0}}@keyframes lfc-pulse{0%,to{box-shadow:0 10px 25px #23874b59,0 0 #23874b73}50%{box-shadow:0 10px 25px #23874b59,0 0 0 10px #23874b00}}.lesson-complete-check{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);z-index:10;width:64px;height:64px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,var(--ok) 0%,var(--ok) 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .3s ease both,lfc-pulse 2.2s ease-in-out infinite;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.lesson-complete-check:hover{transform:translate(-50%) scale(1.08)}.lesson-complete-check:active{transform:translate(-50%) scale(.96)}@media (max-width: 640px){.lesson-complete-check{bottom:4.5rem;width:56px;height:56px}}:root{--lfm-accent: var(--milo-orange);--lfm-accent-light: var(--accent-light);--lfm-text-main: var(--milo-encre);--lfm-text-soft: var(--text-2);--lfm-bg-soft: var(--milo-creme);--lfm-font: var(--f-text);--lfm-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes lfm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes lfm-modal-in{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lfm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lfm-shine{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}.lfm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a181080;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:lfm-overlay-in .2s ease}.lfm-modal{position:relative;background:var(--milo-creme);border:2px solid #FFF;border-radius:32px;padding:40px 40px 36px;width:100%;max-width:720px;box-shadow:0 30px 70px #2a18104d;animation:lfm-modal-in .35s var(--lfm-spring);font-family:var(--lfm-font)}.lfm-close{position:absolute;top:18px;right:18px;background:var(--lfm-bg-soft);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lfm-text-soft);transition:background .2s ease,color .2s ease,transform .2s ease}.lfm-close:hover{background:var(--lfm-accent);color:#fff;transform:rotate(90deg)}.lfm-header{text-align:center;margin-bottom:28px}.lfm-badge{display:inline-block;font-size:34px;margin-bottom:6px;animation:lfm-float 3.5s ease-in-out infinite}.lfm-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lfm-accent);margin:0 0 6px}.lfm-title{font-size:26px;font-weight:700;color:var(--lfm-text-main);margin:0 0 6px;line-height:1.25;letter-spacing:-.4px}.lfm-subtitle{font-size:14px;font-weight:600;color:var(--lfm-text-soft);margin:0}.lfm-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lfm-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 14px 22px;border-radius:24px;border:2px solid #FFF;cursor:pointer;font-family:var(--lfm-font);background:#fff;box-shadow:0 10px 24px #2a181014;transition:transform .4s var(--lfm-spring),box-shadow .4s ease,border-color .3s ease;overflow:hidden;isolation:isolate;--lfm-tile-color: var(--lfm-accent);--lfm-tile-color-light: var(--milo-creme);--lfm-tile-color-glow: rgba(255, 84, 29, .3)}.lfm-card:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:1}.lfm-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--lfm-tile-color);box-shadow:0 20px 40px var(--lfm-tile-color-glow)}.lfm-card:hover:after{animation:lfm-shine .9s ease}.lfm-card:active{transform:translateY(-2px) scale(1.01)}.lfm-card.qcm{--lfm-tile-color: #3B82F6;--lfm-tile-color-light: #DBEAFE;--lfm-tile-color-glow: rgba(59, 130, 246, .3)}.lfm-card.question{--lfm-tile-color: #8B5CF6;--lfm-tile-color-light: #EDE9FE;--lfm-tile-color-glow: rgba(139, 92, 246, .3)}.lfm-card.new-course{--lfm-tile-color: var(--lfm-accent);--lfm-tile-color-light: var(--milo-creme);--lfm-tile-color-glow: rgba(255, 84, 29, .3)}.lfm-card-image{position:relative;z-index:2;width:100%;height:84px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(42,24,16,.18));animation:lfm-float 4s ease-in-out infinite}.lfm-card-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.lfm-card-title{font-size:15px;font-weight:700;color:var(--lfm-text-main);letter-spacing:-.2px}.lfm-card-desc{font-size:12px;font-weight:600;color:var(--lfm-text-soft);line-height:1.4}.lfm-card-arrow{position:absolute;top:10px;right:10px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--lfm-tile-color);background:var(--lfm-tile-color-light);border-radius:50%;transition:transform .4s var(--lfm-spring),background .3s ease,color .3s ease}.lfm-card:hover .lfm-card-arrow{background:var(--lfm-tile-color);color:#fff;transform:translate(2px) scale(1.1)}@media (max-width: 720px){.lfm-modal{padding:32px 24px 28px}.lfm-choices{grid-template-columns:repeat(3,1fr);gap:10px}.lfm-card{padding:14px 8px 16px}.lfm-card-image{height:60px}.lfm-card-title{font-size:13px}.lfm-card-desc{display:none}}@media (max-width: 480px){.lfm-modal{padding:28px 20px 24px;border-radius:26px}.lfm-title{font-size:21px}.lfm-choices{grid-template-columns:1fr;gap:12px}.lfm-card{flex-direction:row;text-align:left;padding:12px 16px}.lfm-card-image{width:56px;height:56px;flex-shrink:0}.lfm-card-desc{display:inline}}:root{--cs-accent: var(--milo-orange);--cs-accent-light: var(--accent-light);--cs-accent-dark: var(--milo-braise);--cs-accent-glow: rgba(255, 84, 29, .35);--cs-text-main: var(--milo-encre);--cs-text-soft: var(--text-2);--cs-text-muted: var(--text-3);--cs-bg-soft: var(--milo-creme);--cs-border-soft: var(--line);--cs-font: var(--f-text);--cs-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes cs-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes cs-pulse-bg{0%,to{opacity:.35}50%{opacity:.6}}@keyframes cs-spin{to{transform:rotate(360deg)}}@keyframes cs-shine{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}.cs-page{min-height:100%;padding:40px clamp(16px,4vw,50px);display:flex;flex-direction:column;gap:32px;background:var(--bg);font-family:var(--cs-font);color:var(--cs-text-main);position:relative;overflow:hidden}.cs-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none;z-index:0}.cs-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%);animation:cs-pulse-bg 10s ease-in-out infinite}.cs-page>*{position:relative;z-index:2}.cs-hero{position:relative;display:flex;align-items:center;gap:26px;padding:28px 36px;border-radius:36px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff;box-shadow:0 25px 50px #78320a14;overflow:hidden;animation:cs-fadeUp .5s var(--cs-spring) both;flex-wrap:wrap}.cs-hero-halo{position:absolute;top:-40%;right:-15%;width:400px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,84,29,.22) 0%,transparent 65%)}.cs-hero-left{flex-shrink:0;position:relative;z-index:1}.cs-hero-mascot{width:120px;height:auto;filter:drop-shadow(0 15px 25px rgba(42,24,16,.2));animation:cs-float 4s ease-in-out infinite;display:block}.cs-hero-center{flex:1;min-width:220px;position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.cs-hero-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 16px;border-radius:100px;background:linear-gradient(135deg,var(--cs-accent-light) 0%,var(--cs-accent) 100%);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 20px var(--cs-accent-glow)}.cs-hero-title{margin:4px 0 0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--cs-text-main)}.cs-hero-sub{margin:0;font-size:1rem;font-weight:600;color:var(--cs-text-soft);max-width:520px}.cs-level-selector{position:relative;z-index:1;display:inline-flex;gap:4px;padding:6px;border-radius:100px;background:#fffc;border:2px solid #fff;box-shadow:0 10px 25px #78320a14;flex-wrap:wrap}.cs-level-chip{padding:10px 18px;border:none;border-radius:100px;background:transparent;font-family:var(--cs-font);font-weight:700;font-size:.9rem;color:var(--cs-text-soft);cursor:pointer;transition:all .4s var(--cs-spring)}.cs-level-chip:hover:not(.active){color:var(--cs-text-main);background:var(--cs-bg-soft);transform:scale(1.06)}.cs-level-chip.active{background:linear-gradient(180deg,var(--cs-accent-light) 0%,var(--cs-accent) 100%);color:#fff;box-shadow:0 6px 18px var(--cs-accent-glow);transform:scale(1.08)}.cs-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px;flex-wrap:wrap;animation:cs-fadeUp .5s var(--cs-spring) both;animation-delay:.1s;opacity:0}.cs-section-title-wrap{display:inline-flex;align-items:center;gap:10px}.cs-section-icon{color:var(--cs-accent);filter:drop-shadow(0 2px 4px var(--cs-accent-glow));flex-shrink:0}.cs-section-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--cs-text-main);letter-spacing:-.5px}.cs-section-count{font-size:.78rem;font-weight:700;color:var(--cs-text-soft);text-transform:uppercase;letter-spacing:.6px;padding:7px 16px;border-radius:100px;background:#fffc;border:2px solid #fff;box-shadow:0 4px 12px #78320a0f}.cs-stage{animation:cs-fadeUp .5s var(--cs-spring) both;animation-delay:.15s;opacity:0}.cs-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.cs-tile{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:26px;border:2px solid #fff;border-radius:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--cs-font);color:var(--cs-text-main);cursor:pointer;text-align:left;box-shadow:0 16px 40px #78320a14;transition:transform .5s var(--cs-spring),box-shadow .5s ease,border-color .4s ease;opacity:0;animation:cs-fadeUp .5s var(--cs-spring) forwards;overflow:hidden;isolation:isolate}.cs-tile:hover{transform:translateY(-10px) scale(1.03);border-color:var(--cs-theme-color, var(--cs-accent-light));box-shadow:0 30px 60px #78320a2e,0 0 0 1px var(--cs-theme-color, var(--cs-accent-light))}.cs-tile:active{transform:translateY(-4px) scale(1.01)}.cs-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--cs-theme-color-soft, rgba(255, 84, 29, .12)) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:0}.cs-tile:hover .cs-tile-bg{opacity:1}.cs-tile-shine{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:1}.cs-tile:hover .cs-tile-shine{animation:cs-shine .9s ease}.cs-tile-emoji-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:28px;background:radial-gradient(circle at 30% 30%,#fff 0%,var(--cs-theme-color-light, var(--milo-creme)) 100%);box-shadow:inset 0 6px 18px #0000000a,0 12px 28px var(--cs-theme-color-glow, rgba(255, 84, 29, .15));transition:transform .5s var(--cs-spring)}.cs-tile:hover .cs-tile-emoji-wrap{transform:rotate(-8deg) scale(1.1)}.cs-tile-emoji{font-size:3.2rem;line-height:1;transition:transform .5s var(--cs-spring)}.cs-tile:hover .cs-tile-emoji{transform:scale(1.1)}.cs-tile-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px}.cs-tile-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--cs-text-main);letter-spacing:-.6px;line-height:1.15}.cs-tile-cta{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:7px 14px 7px 16px;border-radius:100px;background:var(--cs-bg-soft);color:var(--cs-text-soft);font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;transition:all .4s var(--cs-spring)}.cs-tile-cta svg{transition:transform .4s var(--cs-spring)}.cs-tile:hover .cs-tile-cta{background:var(--cs-theme-color, var(--cs-accent));color:#fff;box-shadow:0 8px 20px var(--cs-theme-color-glow, var(--cs-accent-glow));padding-right:18px}.cs-tile:hover .cs-tile-cta svg{transform:translate(4px)}.cs-tile.is-locked{opacity:.72;cursor:not-allowed;filter:grayscale(.35);transform:none;box-shadow:0 14px 30px #78320a0f}.cs-tile.is-locked:hover{transform:none;border-color:#fff;box-shadow:0 14px 30px #78320a0f}.cs-tile.is-locked .cs-tile-cta{background:#ffffffbf;color:var(--cs-text-muted)}.cs-tile.is-locked .cs-tile-cta svg{transform:none}.cs-tile-lock-badge{position:absolute;top:18px;left:18px;z-index:3;padding:7px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(160,138,124,.35);color:var(--cs-text-soft);font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 8px 18px #78320a14}.cs-theme-blue{--cs-theme-color: #3b82f6;--cs-theme-color-light: #dbeafe;--cs-theme-color-soft: rgba(59, 130, 246, .1);--cs-theme-color-glow: rgba(59, 130, 246, .3)}.cs-theme-red{--cs-theme-color: var(--ko);--cs-theme-color-light: var(--ko-bg);--cs-theme-color-soft: rgba(195, 37, 63, .1);--cs-theme-color-glow: rgba(195, 37, 63, .3)}.cs-theme-yellow{--cs-theme-color: var(--milo-pompon);--cs-theme-color-light: var(--pompon-bg);--cs-theme-color-soft: rgba(252, 178, 24, .12);--cs-theme-color-glow: rgba(252, 178, 24, .3)}.cs-theme-purple{--cs-theme-color: #8b5cf6;--cs-theme-color-light: #ede9fe;--cs-theme-color-soft: rgba(139, 92, 246, .1);--cs-theme-color-glow: rgba(139, 92, 246, .3)}.cs-theme-orange{--cs-theme-color: var(--milo-orange);--cs-theme-color-light: var(--milo-creme);--cs-theme-color-soft: rgba(255, 84, 29, .12);--cs-theme-color-glow: rgba(255, 84, 29, .3)}.cs-theme-teal{--cs-theme-color: #14b8a6;--cs-theme-color-light: #ccfbf1;--cs-theme-color-soft: rgba(20, 184, 166, .1);--cs-theme-color-glow: rgba(20, 184, 166, .3)}.cs-theme-green{--cs-theme-color: var(--ok);--cs-theme-color-light: var(--ok-bg);--cs-theme-color-soft: rgba(35, 135, 75, .1);--cs-theme-color-glow: rgba(35, 135, 75, .3)}.cs-theme-pink{--cs-theme-color: #ec4899;--cs-theme-color-light: #fce7f3;--cs-theme-color-soft: rgba(236, 72, 153, .1);--cs-theme-color-glow: rgba(236, 72, 153, .3)}.cs-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:50px 30px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff;border-radius:32px;text-align:center;font-weight:700;color:var(--cs-text-soft);box-shadow:0 15px 35px #78320a14}.cs-state p{margin:0;font-size:1rem}.cs-state-error{color:var(--ko);border-color:var(--ko-bg);background:#fce6eacc}.cs-loader{width:42px;height:42px;border-radius:50%;border:4px solid var(--cs-bg-soft);border-top-color:var(--cs-accent);animation:cs-spin .8s linear infinite}@media (max-width: 1100px){.cs-hero{padding:24px 26px;gap:20px}.cs-hero-mascot{width:105px}.cs-tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.cs-tile{padding:22px;border-radius:28px}.cs-tile-emoji-wrap{width:82px;height:82px}.cs-tile-emoji{font-size:2.8rem}.cs-tile-title{font-size:1.2rem}}@media (max-width: 860px){.cs-page{padding:24px 16px;gap:24px}.cs-hero{padding:22px;border-radius:28px;gap:18px;justify-content:center;text-align:center}.cs-hero-center{align-items:center}.cs-hero-chip{margin:0 auto}.cs-hero-sub{max-width:none}.cs-level-selector{width:100%;justify-content:center}.cs-tiles{grid-template-columns:repeat(2,1fr);gap:14px}.cs-tile{padding:20px;border-radius:26px}.cs-tile-emoji-wrap{width:72px;height:72px;border-radius:22px}.cs-tile-emoji{font-size:2.4rem}.cs-tile-title{font-size:1.05rem;letter-spacing:-.3px}.cs-tile-cta{padding:6px 12px 6px 14px;font-size:.72rem}}@media (max-width: 560px){.cs-hero{flex-direction:column;padding:22px;border-radius:24px}.cs-hero-mascot{width:90px}.cs-hero-title{font-size:clamp(1.4rem,6vw,1.9rem)}.cs-section-title{font-size:1.2rem}.cs-tiles{gap:12px}.cs-tile{padding:18px;border-radius:22px}.cs-tile-emoji-wrap{width:64px;height:64px;border-radius:20px}.cs-tile-emoji{font-size:2.1rem}.cs-tile-title{font-size:.98rem}.cs-level-chip{padding:9px 14px;font-size:.82rem;flex:1;min-width:60px}}@media (max-width: 380px){.cs-tiles{grid-template-columns:1fr}.cs-tile{aspect-ratio:auto;padding:18px;flex-direction:row;align-items:center;gap:16px}.cs-tile-emoji-wrap{width:60px;height:60px}.cs-tile-emoji{font-size:2rem}.cs-tile-body{flex:1;min-width:0}}:root{--lm-accent: var(--milo-orange);--lm-accent-light: var(--accent-light);--lm-text-main: var(--milo-encre);--lm-text-soft: var(--text-2);--lm-bg-soft: var(--milo-creme);--lm-border-soft: var(--line);--lm-font: var(--f-text);--lm-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes lm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes lm-modal-in{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lm-bounce-in{0%{opacity:0;transform:scale(.7) translateY(20px)}60%{opacity:1;transform:scale(1.04) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lm-shine{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}@keyframes lm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lesson-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a181073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:lm-overlay-in .2s ease}.lesson-modal{position:relative;background:var(--milo-creme);border:2px solid #FFF;border-radius:32px;padding:36px 36px 32px;width:100%;max-width:560px;box-shadow:0 30px 70px #2a181040;animation:lm-modal-in .3s var(--lm-spring);font-family:var(--lm-font)}.lesson-modal-close{position:absolute;top:18px;right:18px;background:var(--lm-bg-soft);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lm-text-soft);transition:background .2s ease,color .2s ease,transform .2s ease}.lesson-modal-close:hover{background:var(--lm-accent);color:#fff;transform:rotate(90deg)}.lesson-modal-header{margin-bottom:18px;padding-right:32px}.lesson-modal-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lm-accent);margin:0 0 6px}.lesson-modal-title{font-size:22px;font-weight:700;color:var(--lm-text-main);margin:0;line-height:1.25;letter-spacing:-.4px}.lesson-modal-subtitle{font-size:14px;font-weight:600;color:var(--lm-text-soft);margin:0 0 22px}.lesson-modal-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lesson-modal-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 14px 20px;border-radius:24px;border:2px solid #FFF;cursor:pointer;font-family:var(--lm-font);background:#fff;box-shadow:0 10px 24px #2a181014;transition:transform .4s var(--lm-spring),box-shadow .4s ease,border-color .3s ease;overflow:hidden;isolation:isolate;--lm-tile-color: var(--lm-accent);--lm-tile-color-light: var(--milo-creme);--lm-tile-color-glow: rgba(255, 84, 29, .3)}.lesson-modal-card:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:1}.lesson-modal-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--lm-tile-color);box-shadow:0 20px 40px var(--lm-tile-color-glow)}.lesson-modal-card:hover:after{animation:lm-shine .9s ease}.lesson-modal-card:active{transform:translateY(-2px) scale(1.01)}.lesson-modal-card.qcm{--lm-tile-color: #3B82F6;--lm-tile-color-light: #DBEAFE;--lm-tile-color-glow: rgba(59, 130, 246, .3)}.lesson-modal-card.milo{--lm-tile-color: var(--lm-accent);--lm-tile-color-light: var(--milo-creme);--lm-tile-color-glow: rgba(255, 84, 29, .3)}.lesson-modal-card-image{position:relative;z-index:2;width:100%;height:92px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(42,24,16,.18));animation:lm-float 4s ease-in-out infinite}.lesson-modal-card-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:3px}.lesson-modal-card-title{font-size:16px;font-weight:700;color:var(--lm-text-main);letter-spacing:-.2px}.lesson-modal-card-desc{font-size:12.5px;font-weight:600;color:var(--lm-text-soft);line-height:1.4}.lesson-modal-card-arrow{position:absolute;top:10px;right:10px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--lm-tile-color);background:var(--lm-tile-color-light);border-radius:50%;transition:transform .4s var(--lm-spring),background .3s ease,color .3s ease}.lesson-modal-card:hover .lesson-modal-card-arrow{background:var(--lm-tile-color);color:#fff;transform:translate(2px) scale(1.1)}@media (max-width: 480px){.lesson-modal{padding:28px 22px 24px;border-radius:26px}.lesson-modal-title{font-size:19px}.lesson-modal-choices{grid-template-columns:1fr}.lesson-modal-card-image{height:84px}}:root{--cd-accent: var(--milo-orange);--cd-accent-light: var(--accent-light);--cd-accent-dark: var(--milo-braise);--cd-accent-glow: rgba(255, 84, 29, .3);--cd-text-main: var(--milo-encre);--cd-text-soft: var(--text-2);--cd-text-muted: var(--text-3);--cd-bg-soft: var(--milo-creme);--cd-border-soft: var(--line);--cd-font: var(--f-text);--cd-ok: var(--ok);--cd-ok-light: var(--ok);--cd-ok-soft: var(--ok-bg);--cd-ok-border: var(--ok-bg);--cd-ok-dark: var(--ok);--cd-ok-glow: rgba(35, 135, 75, .3);--cd-progress: var(--milo-orange);--cd-progress-soft: var(--milo-creme);--cd-progress-border: var(--milo-lettre);--cd-locked: var(--text-3);--cd-locked-soft: var(--milo-creme);--cd-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes cd-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cd-pulse-bg{0%,to{opacity:.35}50%{opacity:.6}}@keyframes cd-spin{to{transform:rotate(360deg)}}@keyframes cd-shine{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(220%) skew(-20deg)}}@keyframes cd-bounce-in{0%{opacity:0;transform:scale(.6) translateY(30px)}60%{opacity:1;transform:scale(1.05) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cd-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes cd-glow-pulse{0%,to{box-shadow:0 8px 22px var(--cd-progress-glow, rgba(255, 84, 29, .4))}50%{box-shadow:0 12px 32px var(--cd-progress-glow, rgba(255, 84, 29, .6)),0 0 0 6px #ff541d1f}}@keyframes cd-lock-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px) rotate(-4deg)}40%{transform:translate(3px) rotate(4deg)}60%{transform:translate(-2px) rotate(-2deg)}80%{transform:translate(2px) rotate(2deg)}}@keyframes cd-badge-pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes cd-sparkle-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}40%,60%{opacity:1;transform:scale(1) rotate(180deg)}}.cd-page{min-height:100vh;padding:40px clamp(16px,4vw,50px);display:flex;flex-direction:column;gap:26px;background:var(--bg);font-family:var(--cd-font);color:var(--cd-text-main);position:relative;overflow:hidden}.cd-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none;z-index:0}.cd-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%);animation:cd-pulse-bg 10s ease-in-out infinite}.cd-page>*{position:relative;z-index:2}.cd-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cd-back-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:none;border-radius:20px;background:linear-gradient(180deg,var(--milo-encre) 0%,var(--milo-encre) 100%);color:#fff;font-family:var(--cd-font);font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:0 6px 0 var(--milo-encre),0 10px 20px #00000014;transition:all .2s ease;flex-shrink:0}.cd-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--milo-encre),0 14px 28px #0000001f}.cd-back-btn:active{transform:translateY(3px);box-shadow:0 3px 0 var(--milo-encre)}.cd-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #FFF;border-radius:100px;padding:5px;box-shadow:0 10px 25px #78320a0f;max-width:100%;min-width:0}.cd-crumb{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:none;border-radius:100px;background:transparent;font-family:var(--cd-font);font-weight:700;font-size:.82rem;color:var(--cd-text-soft);cursor:pointer;transition:all .25s ease;max-width:200px;min-width:0}.cd-crumb:hover{background:var(--cd-bg-soft);color:var(--cd-text-main)}.cd-crumb.current{background:var(--cd-text-main);color:#fff;box-shadow:0 3px 0 var(--milo-encre)}.cd-crumb-dot{width:6px;height:6px;border-radius:50%;background:var(--cd-accent);flex-shrink:0}.cd-crumb.current .cd-crumb-dot{background:var(--cd-accent-light)}.cd-crumb-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-crumb-sep{color:var(--cd-text-muted);flex-shrink:0}.cd-hero{position:relative;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #FFF;border-radius:36px;padding:28px 36px;display:flex;align-items:center;gap:26px;box-shadow:0 25px 50px #78320a14;overflow:hidden;animation:cd-fadeUp .45s ease-out both}.cd-hero-halo{position:absolute;top:-40%;right:-15%;width:400px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,84,29,.18) 0%,transparent 65%)}.cd-hero-mascot{width:110px;height:auto;flex-shrink:0;filter:drop-shadow(0 15px 25px rgba(42,24,16,.2));animation:cd-float 4s ease-in-out infinite;position:relative;z-index:1}.cd-hero-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;min-width:0}.cd-hero-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 14px;border-radius:100px;background:linear-gradient(180deg,var(--cd-accent-light),var(--cd-accent));color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 6px 14px var(--cd-accent-glow)}.cd-hero-title{margin:4px 0 0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--cd-text-main);overflow-wrap:break-word}.cd-hero-sub{margin:0;font-size:1rem;font-weight:600;color:var(--cd-text-soft);max-width:520px}.cd-stage{animation:cd-fadeUp .35s ease-out both}.cd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.cd-card{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:24px;border:2px solid #FFF;border-radius:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--cd-font);color:var(--cd-text-main);cursor:pointer;text-align:left;box-shadow:0 16px 40px #78320a14;transition:transform .5s var(--cd-spring),box-shadow .5s ease,border-color .4s ease;opacity:0;animation:cd-bounce-in .6s var(--cd-spring) forwards;overflow:hidden;isolation:isolate;--cd-tile-color: var(--cd-accent);--cd-tile-color-light: var(--milo-creme);--cd-tile-color-soft: rgba(255, 84, 29, .12);--cd-tile-color-glow: rgba(255, 84, 29, .3)}.cd-card:hover{transform:translateY(-10px) scale(1.03);border-color:var(--cd-tile-color);box-shadow:0 30px 60px #78320a2e,0 0 0 1px var(--cd-tile-color)}.cd-card:active{transform:translateY(-4px) scale(1.01)}.cd-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--cd-tile-color-soft) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:0;pointer-events:none}.cd-card:hover:before{opacity:1}.cd-card:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:1}.cd-card:hover:after{animation:cd-shine .9s ease}.cd-card-emoji{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:92px;height:92px;flex-shrink:0;border-radius:28px;background:radial-gradient(circle at 30% 30%,#FFF 0%,var(--cd-tile-color-light) 100%);font-size:3.2rem;line-height:1;box-shadow:inset 0 6px 18px #0000000a,0 12px 28px var(--cd-tile-color-glow);transition:transform .5s var(--cd-spring)}.cd-card:hover .cd-card-emoji{transform:rotate(-8deg) scale(1.1);animation:cd-wiggle .6s ease-in-out}.cd-card-emoji-sm{width:80px;height:80px;font-size:2.6rem;border-radius:24px}.cd-card-index{position:absolute;top:18px;right:18px;z-index:3;min-width:54px;padding:8px 14px;border-radius:100px;background:linear-gradient(135deg,var(--cd-tile-color-light) 0%,var(--cd-tile-color) 100%);color:#fff;font-weight:700;font-size:.74rem;text-align:center;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 6px 14px var(--cd-tile-color-glow);animation:cd-badge-pop 2.5s ease-in-out infinite}.cd-card-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;min-width:0}.cd-card-title{margin:0;font-size:1.3rem;font-weight:700;color:var(--cd-text-main);letter-spacing:-.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cd-card-desc{margin:2px 0 0;font-size:.85rem;font-weight:600;color:var(--cd-text-soft);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cd-card-meta{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:6px;padding:5px 12px;border-radius:100px;background:var(--cd-bg-soft);color:var(--cd-text-soft);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:all .4s var(--cd-spring)}.cd-card-meta svg{color:var(--cd-tile-color);transition:transform .4s var(--cd-spring)}.cd-card:hover .cd-card-meta{background:var(--cd-tile-color);color:#fff;box-shadow:0 6px 16px var(--cd-tile-color-glow)}.cd-card:hover .cd-card-meta svg{color:#fff;transform:rotate(-15deg) scale(1.15)}.cd-card-arrow{position:absolute;bottom:20px;right:20px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--cd-text-muted);border-radius:50%;background:#ffffffe6;box-shadow:0 4px 10px #78320a14;transition:all .4s var(--cd-spring)}.cd-card:hover .cd-card-arrow{background:var(--cd-tile-color);color:#fff;transform:translate(4px) scale(1.1);box-shadow:0 8px 18px var(--cd-tile-color-glow)}.cd-card-chapter{padding-top:24px}.cd-card-chapter .cd-card-index{background:linear-gradient(135deg,var(--cd-tile-color) 0%,var(--cd-accent-dark) 100%)}.cd-card:nth-child(8n+1){--cd-tile-color: var(--milo-orange);--cd-tile-color-light: var(--milo-creme);--cd-tile-color-soft: rgba(255, 84, 29, .12);--cd-tile-color-glow: rgba(255, 84, 29, .3)}.cd-card:nth-child(8n+2){--cd-tile-color: #3B82F6;--cd-tile-color-light: #DBEAFE;--cd-tile-color-soft: rgba(59, 130, 246, .1);--cd-tile-color-glow: rgba(59, 130, 246, .3)}.cd-card:nth-child(8n+3){--cd-tile-color: #8B5CF6;--cd-tile-color-light: #EDE9FE;--cd-tile-color-soft: rgba(139, 92, 246, .1);--cd-tile-color-glow: rgba(139, 92, 246, .3)}.cd-card:nth-child(8n+4){--cd-tile-color: var(--ok);--cd-tile-color-light: var(--ok-bg);--cd-tile-color-soft: rgba(35, 135, 75, .1);--cd-tile-color-glow: rgba(35, 135, 75, .3)}.cd-card:nth-child(8n+5){--cd-tile-color: #EC4899;--cd-tile-color-light: #FCE7F3;--cd-tile-color-soft: rgba(236, 72, 153, .1);--cd-tile-color-glow: rgba(236, 72, 153, .3)}.cd-card:nth-child(8n+6){--cd-tile-color: var(--milo-pompon);--cd-tile-color-light: var(--pompon-bg);--cd-tile-color-soft: rgba(252, 178, 24, .12);--cd-tile-color-glow: rgba(252, 178, 24, .3)}.cd-card:nth-child(8n+7){--cd-tile-color: #14B8A6;--cd-tile-color-light: #CCFBF1;--cd-tile-color-soft: rgba(20, 184, 166, .1);--cd-tile-color-glow: rgba(20, 184, 166, .3)}.cd-card:nth-child(8n+8){--cd-tile-color: var(--ko);--cd-tile-color-light: var(--ko-bg);--cd-tile-color-soft: rgba(195, 37, 63, .1);--cd-tile-color-glow: rgba(195, 37, 63, .3)}.cd-lessons{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.cd-lesson{position:relative;aspect-ratio:5 / 4;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:22px;border:2px solid #FFF;border-radius:28px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--cd-font);cursor:pointer;text-align:left;box-shadow:0 14px 34px #78320a14;transition:transform .5s var(--cd-spring),box-shadow .5s ease,border-color .4s ease;opacity:0;animation:cd-bounce-in .55s var(--cd-spring) forwards;overflow:hidden;isolation:isolate}.cd-lesson:not(.is-locked):hover{transform:translateY(-8px) scale(1.03)}.cd-lesson:not(.is-locked):active{transform:translateY(-3px) scale(1.01)}.cd-lesson:disabled{cursor:not-allowed}.cd-lesson:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;z-index:0;pointer-events:none}.cd-lesson:hover:before{opacity:1}.cd-lesson:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:1}.cd-lesson:not(.is-locked):hover:after{animation:cd-shine .9s ease}.cd-lesson-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cd-lesson-num{width:48px;height:48px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.15rem;background:#ffffffe6;color:var(--cd-text-main);border:2px solid #FFF;box-shadow:0 6px 14px #78320a1a;transition:transform .4s var(--cd-spring)}.cd-lesson:not(.is-locked):hover .cd-lesson-num{transform:rotate(-10deg) scale(1.1)}.cd-lesson-status-icon{position:relative;z-index:2;align-self:center;width:72px;height:72px;margin:4px auto;border-radius:24px;display:flex;align-items:center;justify-content:center;transition:transform .5s var(--cd-spring)}.cd-lesson:not(.is-locked):hover .cd-lesson-status-icon{transform:rotate(-8deg) scale(1.1);animation:cd-wiggle .6s ease-in-out}.cd-lesson-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px}.cd-lesson-title{font-size:1.05rem;font-weight:700;color:var(--cd-text-main);letter-spacing:-.3px;line-height:1.25;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cd-lesson-status-label{display:inline-flex;align-items:center;width:fit-content;padding:5px 12px;border-radius:100px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.cd-lesson-arrow{position:absolute;bottom:18px;right:18px;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;transition:all .4s var(--cd-spring)}.cd-lesson-completed{background:linear-gradient(160deg,#FFFFFF 0%,var(--cd-ok-soft) 100%);border-color:var(--cd-ok-border)}.cd-lesson-completed:before{background:radial-gradient(circle at 50% 0%,rgba(35,135,75,.18) 0%,transparent 70%)}.cd-lesson-completed:hover{border-color:var(--cd-ok);box-shadow:0 28px 55px #23874b33,0 0 0 1px var(--cd-ok)}.cd-lesson-completed .cd-lesson-status-icon{background:linear-gradient(160deg,var(--cd-ok-light) 0%,var(--cd-ok) 100%);color:#fff;box-shadow:inset 0 4px 10px #ffffff4d,0 10px 24px var(--cd-ok-glow)}.cd-lesson-completed .cd-lesson-num{background:#23874b1f;color:var(--cd-ok-dark);border-color:#23874b40}.cd-lesson-completed .cd-lesson-status-label{background:var(--cd-ok);color:#fff;box-shadow:0 4px 10px var(--cd-ok-glow)}.cd-lesson-completed .cd-lesson-arrow{background:var(--cd-ok);box-shadow:0 6px 14px var(--cd-ok-glow)}.cd-lesson-completed:hover .cd-lesson-arrow{transform:translate(4px) scale(1.1)}.cd-lesson-in-progress{--cd-progress-glow: rgba(255, 84, 29, .4);background:linear-gradient(160deg,#FFFFFF 0%,var(--cd-progress-soft) 100%);border-color:var(--cd-progress-border)}.cd-lesson-in-progress:before{background:radial-gradient(circle at 50% 0%,rgba(255,84,29,.18) 0%,transparent 70%)}.cd-lesson-in-progress:hover{border-color:var(--cd-accent);box-shadow:0 28px 55px var(--cd-accent-glow),0 0 0 1px var(--cd-accent)}.cd-lesson-in-progress .cd-lesson-status-icon{background:linear-gradient(160deg,var(--cd-accent-light) 0%,var(--cd-accent) 100%);color:#fff;box-shadow:inset 0 4px 10px #ffffff4d,0 10px 24px var(--cd-accent-glow);animation:cd-glow-pulse 2.2s ease-in-out infinite}.cd-lesson-in-progress .cd-lesson-num{background:var(--cd-accent);color:#fff;border-color:var(--cd-accent-light);box-shadow:0 6px 14px var(--cd-accent-glow)}.cd-lesson-in-progress .cd-lesson-status-label{background:var(--cd-accent);color:#fff;box-shadow:0 4px 10px var(--cd-accent-glow)}.cd-lesson-in-progress .cd-lesson-arrow{background:var(--cd-accent);box-shadow:0 6px 14px var(--cd-accent-glow)}.cd-lesson-in-progress:hover .cd-lesson-arrow{transform:translate(4px) scale(1.1)}.cd-lesson-in-progress .cd-lesson-top:after{content:"✨";position:absolute;top:-4px;right:52px;font-size:1.1rem;animation:cd-sparkle-twinkle 2.5s ease-in-out infinite;animation-delay:.4s}.cd-lesson-locked{background:linear-gradient(160deg,#FFFFFF 0%,var(--cd-locked-soft) 100%);opacity:.82;border-color:var(--cd-border-soft)}.cd-lesson-locked .cd-lesson-status-icon{background:linear-gradient(160deg,var(--text-3) 0%,var(--cd-locked) 100%);color:#fff;box-shadow:inset 0 4px 10px #ffffff4d,0 6px 14px #a08a7c4d}.cd-lesson-locked:hover .cd-lesson-status-icon{animation:cd-lock-shake .5s ease-in-out}.cd-lesson-locked .cd-lesson-num{background:var(--cd-locked-soft);color:var(--cd-text-muted);border-color:var(--cd-border-soft)}.cd-lesson-locked .cd-lesson-title{color:var(--cd-text-soft)}.cd-lesson-locked .cd-lesson-status-label{background:var(--cd-locked);color:#fff}.cd-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:50px 30px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #FFF;border-radius:32px;text-align:center;font-weight:700;color:var(--cd-text-soft);box-shadow:0 15px 35px #78320a14}.cd-state p{margin:0;font-size:1rem}.cd-state-error{color:var(--ko);border-color:var(--ko-bg);background:#fce6eacc}.cd-loader{width:42px;height:42px;border-radius:50%;border:4px solid var(--cd-bg-soft);border-top-color:var(--cd-accent);animation:cd-spin .8s linear infinite}@media (max-width: 1100px){.cd-hero{padding:24px 26px;gap:20px}.cd-hero-mascot{width:95px}.cd-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.cd-card{padding:22px;border-radius:28px}.cd-card-emoji{width:82px;height:82px;font-size:2.8rem;border-radius:24px}.cd-card-emoji-sm{width:72px;height:72px;font-size:2.4rem}.cd-card-title{font-size:1.2rem}.cd-lessons{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.cd-lesson{padding:20px;border-radius:26px}.cd-lesson-status-icon{width:64px;height:64px}}@media (max-width: 860px){.cd-page{padding:24px 16px;gap:22px}.cd-top{gap:10px}.cd-breadcrumb{width:100%;justify-content:flex-start}.cd-hero{padding:22px;border-radius:28px;gap:18px}.cd-hero-mascot{width:85px}.cd-grid{grid-template-columns:repeat(2,1fr);gap:14px}.cd-card{padding:20px;border-radius:26px}.cd-card-emoji{width:72px;height:72px;font-size:2.4rem;border-radius:22px}.cd-card-emoji-sm{width:64px;height:64px;font-size:2.1rem;border-radius:20px}.cd-card-title{font-size:1.05rem;letter-spacing:-.3px}.cd-card-desc{-webkit-line-clamp:2}.cd-card-index{top:14px;right:14px;min-width:46px;padding:6px 11px;font-size:.68rem}.cd-card-arrow{bottom:16px;right:16px;width:36px;height:36px}.cd-lessons{grid-template-columns:repeat(2,1fr);gap:14px}.cd-lesson{padding:18px;border-radius:24px}.cd-lesson-num{width:42px;height:42px;font-size:1rem;border-radius:14px}.cd-lesson-status-icon{width:58px;height:58px;border-radius:20px}.cd-lesson-title{font-size:.98rem}.cd-lesson-arrow{width:34px;height:34px;bottom:14px;right:14px}}@media (max-width: 560px){.cd-hero{flex-direction:column;text-align:center;align-items:center;padding:20px;border-radius:24px}.cd-hero-halo{top:-60%;right:-30%;width:280px;height:280px}.cd-hero-chip{margin:0 auto}.cd-hero-title{font-size:clamp(1.4rem,6vw,1.9rem)}.cd-hero-sub{max-width:none}.cd-back-btn{padding:11px 16px;font-size:.88rem}.cd-crumb{padding:7px 12px;font-size:.78rem;max-width:130px}.cd-grid{gap:12px}.cd-card{padding:16px;border-radius:22px}.cd-card-emoji{width:60px;height:60px;font-size:2rem;border-radius:18px}.cd-card-emoji-sm{width:54px;height:54px;font-size:1.7rem;border-radius:16px}.cd-card-title{font-size:.95rem}.cd-card-desc{display:none}.cd-card-meta{font-size:.62rem;padding:4px 9px}.cd-card-arrow{width:32px;height:32px;bottom:12px;right:12px}.cd-lessons{gap:12px}.cd-lesson{padding:16px;border-radius:20px}.cd-lesson-num{width:38px;height:38px;font-size:.9rem;border-radius:12px}.cd-lesson-status-icon{width:52px;height:52px;border-radius:18px}.cd-lesson-title{font-size:.92rem}}@media (max-width: 380px){.cd-grid{grid-template-columns:1fr}.cd-card{aspect-ratio:auto;flex-direction:row;align-items:center;gap:14px;padding:16px}.cd-card-emoji{width:64px;height:64px;font-size:2rem}.cd-card-index{position:static;align-self:flex-start}.cd-card-body{flex:1;min-width:0}.cd-card-arrow{position:static}.cd-lessons{grid-template-columns:1fr}.cd-lesson{aspect-ratio:auto;padding:16px}}.ms-mission-item{position:relative;display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:24px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #fff;box-shadow:0 16px 40px #78320a14;font-family:var(--ms-font);opacity:0;animation:ms-fadeUp .5s var(--ms-spring) forwards}.ms-mission-item-button{width:100%;font:inherit;text-align:left;cursor:pointer;transition:transform .5s var(--ms-spring),box-shadow .4s ease,border-color .4s ease}.ms-mission-item-button:hover{transform:translateY(-4px) scale(1.01);border-color:var(--ms-accent-light);box-shadow:0 24px 50px #78320a24,0 0 0 1px var(--ms-accent-light)}.ms-mission-item.completed{border-color:#23874b59;background:#e3f4e8d9}.ms-mission-icon{flex-shrink:0;font-size:1.6rem;width:56px;height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#fff 0%,var(--ms-bg-soft) 100%);box-shadow:inset 0 4px 12px #0000000a,0 10px 20px var(--ms-accent-glow)}.ms-mission-item.completed .ms-mission-icon{color:var(--ms-success);background:radial-gradient(circle at 30% 30%,#fff 0%,var(--ms-success-bg) 100%);box-shadow:inset 0 4px 12px #0000000a,0 10px 20px #23874b33}.ms-mission-info{flex-grow:1;min-width:0}.ms-mission-info h4{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--ms-text-main)}.ms-mission-reward{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-weight:700;font-size:.9rem;color:var(--ms-accent);background:var(--ms-bg-soft);padding:8px 14px;border-radius:100px}.ms-mission-item.completed .ms-mission-reward{color:var(--ms-success);background:var(--ms-success-bg)}.ms-mission-action{font-size:.7rem;font-weight:700;color:var(--ms-text-soft);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ms-progress-container{display:flex;align-items:center;gap:12px}.ms-progress-container span{font-size:.85rem;font-weight:700;color:var(--ms-text-soft);white-space:nowrap}.ms-progress-bar{flex-grow:1;height:12px;background:var(--ms-bg-soft);border-radius:99px;overflow:hidden}.ms-progress-fill{height:100%;background:linear-gradient(90deg,var(--ms-accent-light) 0%,var(--ms-accent) 100%);border-radius:99px;transition:width .5s var(--ms-spring)}.ms-mission-item.completed .ms-progress-fill{background:var(--ms-success)}@media (max-width: 560px){.ms-mission-item{padding:16px;gap:14px;border-radius:20px}.ms-mission-icon{width:48px;height:48px;border-radius:16px;font-size:1.4rem}.ms-mission-reward{padding:6px 10px;font-size:.78rem}}.ms-mission-desc{margin:-4px 0 8px;font-size:.82rem;font-weight:600;color:var(--ms-text-soft);line-height:1.35}.ms-mission-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ms-mission-reroll{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1.5px solid var(--ms-bg-soft);background:transparent;color:var(--ms-text-soft);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.ms-mission-reroll:hover:not(:disabled){background:var(--ms-bg-soft);color:var(--ms-accent);border-color:var(--ms-accent)}.ms-mission-reroll:disabled{opacity:.6;cursor:wait}.ms-mission-reroll .spinning{animation:ms-spin .9s linear infinite}@keyframes ms-spin{to{transform:rotate(360deg)}}.ms-mission-item.bonus{border:1.5px dashed var(--ms-accent)}.ms-mission-item.bonus .ms-mission-reward{background:linear-gradient(135deg,var(--pompon-bg),var(--milo-pompon));color:var(--milo-braise)}.ms-mission-item.bonus.completed .ms-mission-reward{background:var(--ms-success-bg);color:var(--ms-success)}@keyframes ms-fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ms-badge-item{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:ms-fadeUp .5s var(--ms-spring) forwards}.ms-badge-circle{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff 0%,var(--ms-bg-soft) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px solid #fff;box-shadow:0 12px 24px #78320a1a;transition:transform .5s var(--ms-spring),box-shadow .4s ease,border-color .4s ease}.ms-badge-item:hover .ms-badge-circle{transform:translateY(-6px) scale(1.06)}.ms-badge-circle img{width:100%;height:100%;object-fit:cover}.ms-badge-lock-icon{color:var(--ms-text-muted)}.ms-badge-month-label{font-size:.85rem;font-weight:700;color:var(--ms-text-soft)}.ms-badge-item.missed .ms-badge-circle,.ms-badge-item.in-progress .ms-badge-circle{filter:grayscale(100%);border-color:var(--ms-border-soft)}.ms-badge-item.earned .ms-badge-circle{border-color:var(--ms-accent);box-shadow:0 12px 24px var(--ms-accent-glow)}.ms-badge-item.earned .ms-badge-month-label{color:var(--ms-text-main);font-weight:700}.ms-badge-item.locked .ms-badge-circle{background:var(--ms-bg-soft);border-color:var(--ms-border-soft);box-shadow:none}@media (max-width: 560px){.ms-badge-circle{width:74px;height:74px;border-width:3px}.ms-badge-month-label{font-size:.75rem}}:root{--ms-accent: var(--milo-orange);--ms-accent-light: var(--accent-light);--ms-accent-dark: var(--milo-braise);--ms-accent-glow: rgba(255, 84, 29, .35);--ms-success: var(--ok);--ms-success-bg: var(--ok-bg);--ms-text-main: var(--milo-encre);--ms-text-soft: var(--text-2);--ms-text-muted: var(--text-3);--ms-bg-soft: var(--milo-creme);--ms-border-soft: var(--line);--ms-font: var(--f-text);--ms-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes ms-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ms-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ms-pulse-bg{0%,to{opacity:.35}50%{opacity:.6}}.ms-page{min-height:100%;padding:40px clamp(16px,4vw,50px);display:flex;flex-direction:column;gap:28px;background:var(--bg);font-family:var(--ms-font);color:var(--ms-text-main);position:relative;overflow:hidden}.ms-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%);animation:ms-pulse-bg 10s ease-in-out infinite}.ms-page>*{position:relative;z-index:2}.ms-hero{position:relative;display:flex;align-items:center;gap:26px;padding:28px 36px;border-radius:36px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff;box-shadow:0 25px 50px #78320a14;overflow:hidden;animation:ms-fadeUp .5s var(--ms-spring) both;flex-wrap:wrap}.ms-hero-halo{position:absolute;top:-40%;right:-15%;width:400px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,84,29,.22) 0%,transparent 65%)}.ms-hero-left{flex-shrink:0;position:relative;z-index:1}.ms-hero-mascot{width:120px;height:auto;filter:drop-shadow(0 15px 25px rgba(42,24,16,.2));animation:ms-float 4s ease-in-out infinite;display:block}.ms-hero-center{flex:1;min-width:220px;position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.ms-hero-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 16px;border-radius:100px;background:linear-gradient(135deg,var(--ms-accent-light) 0%,var(--ms-accent) 100%);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 20px var(--ms-accent-glow)}.ms-hero-title{margin:4px 0 0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--ms-text-main)}.ms-hero-sub{margin:0;font-size:1rem;font-weight:600;color:var(--ms-text-soft);max-width:520px}.ms-hero-stats{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px}.ms-hero-stat{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;background:#fffc;border:2px solid #fff;box-shadow:0 10px 25px #78320a14;font-family:var(--ms-font);font-weight:700;font-size:.85rem;color:var(--ms-text-main);white-space:nowrap}.ms-hero-stat svg{color:var(--ms-accent);flex-shrink:0}.ms-challenge{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:32px 36px 0;border-radius:36px;background:linear-gradient(105deg,var(--ms-accent) 0%,var(--ms-accent-light) 100%);color:#fff;overflow:hidden;box-shadow:0 25px 50px var(--ms-accent-glow);animation:ms-fadeUp .5s var(--ms-spring) both;animation-delay:.05s;opacity:0}.ms-challenge-content{flex:1;min-width:220px;padding-bottom:28px;display:flex;flex-direction:column;gap:12px}.ms-challenge-title{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.8px}.ms-challenge-text{margin:0;font-size:1rem;font-weight:600;color:#ffffffe6;max-width:460px}.ms-challenge .ms-progress-container{max-width:460px}.ms-challenge .ms-progress-bar{background:#0003;height:14px}.ms-challenge .ms-progress-fill{background:#fff}.ms-challenge .ms-progress-container span{color:#fff;font-weight:700;font-size:.95rem}.ms-challenge-days-left{width:fit-content;font-size:.9rem;font-weight:700;background:#ffffff38;border-radius:99px;padding:7px 16px}.ms-challenge-fox{flex-shrink:0;width:170px;height:170px}.ms-challenge-fox img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(0,0,0,.15))}.ms-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px;flex-wrap:wrap;animation:ms-fadeUp .5s var(--ms-spring) both;animation-delay:.1s;opacity:0}.ms-section-title-wrap{display:inline-flex;align-items:center;gap:10px}.ms-section-icon{color:var(--ms-accent);filter:drop-shadow(0 2px 4px var(--ms-accent-glow));flex-shrink:0}.ms-section-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--ms-text-main);letter-spacing:-.5px}.ms-section-count{font-size:.78rem;font-weight:700;color:var(--ms-text-soft);text-transform:uppercase;letter-spacing:.6px;padding:7px 16px;border-radius:100px;background:#fffc;border:2px solid #fff;box-shadow:0 4px 12px #78320a0f}.ms-missions-list{display:flex;flex-direction:column;gap:14px}.ms-badges{display:flex;flex-direction:column;gap:32px}.ms-badge-year{padding:28px 32px;border-radius:32px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff;box-shadow:0 20px 45px #78320a14}.ms-badge-year-title{font-size:1.1rem;font-weight:700;color:var(--ms-text-main);margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--ms-border-soft)}.ms-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:24px 12px}@media (max-width: 1100px){.ms-hero{padding:24px 26px;gap:20px}.ms-hero-mascot{width:105px}.ms-challenge{padding:28px 28px 0}.ms-challenge-fox{width:140px;height:140px}}@media (max-width: 860px){.ms-page{padding:24px 16px;gap:24px}.ms-hero{padding:22px;border-radius:28px;gap:18px;justify-content:center;text-align:center}.ms-hero-center{align-items:center}.ms-hero-chip{margin:0 auto}.ms-hero-sub{max-width:none}.ms-hero-stats{width:100%;flex-direction:row;justify-content:center;flex-wrap:wrap}.ms-challenge{flex-direction:column;align-items:center;text-align:center;padding:26px 24px 0}.ms-challenge-content{align-items:center;padding-bottom:0}.ms-challenge-text,.ms-progress-container{max-width:none;width:100%}.ms-badge-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:20px 10px}}@media (max-width: 560px){.ms-hero{flex-direction:column;padding:22px;border-radius:24px}.ms-hero-mascot{width:90px}.ms-hero-title{font-size:clamp(1.4rem,6vw,1.9rem)}.ms-section-title{font-size:1.2rem}.ms-challenge-title{font-size:1.3rem}.ms-badge-year{padding:22px 18px}.ms-badge-grid{grid-template-columns:repeat(3,1fr)}}.ms-missions-empty{margin:0;padding:18px 20px;border-radius:18px;background:var(--ms-bg-soft, var(--milo-creme));color:var(--ms-text-soft, var(--text-2));font-weight:700;font-size:.9rem}:root{--qcm-accent: var(--milo-orange);--qcm-accent-light: var(--accent-light);--qcm-accent-dark: var(--milo-braise);--qcm-text-main: var(--milo-encre);--qcm-text-soft: var(--text-2);--qcm-bg-soft: var(--milo-creme);--qcm-border-soft: var(--line);--qcm-ok: var(--ok);--qcm-ok-light: var(--ok);--qcm-ok-dark: var(--ok);--qcm-ok-soft: var(--ok-bg);--qcm-danger: var(--ko);--qcm-danger-light: var(--ko);--qcm-danger-dark: var(--ko);--qcm-danger-soft: var(--ko-bg);--qcm-font: var(--f-text);--qcm-spring: cubic-bezier(.34, 1.56, .64, 1)}.qcm-page{font-family:var(--qcm-font);background:var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.qcm-container{width:100%;max-width:900px;animation:fadeIn .6s ease-out;position:relative;z-index:2}.header{text-align:center;margin-bottom:2rem;animation:slideInDown .6s ease-out;position:relative}.header h1{font-size:2.2rem;font-weight:700;color:var(--qcm-text-main);letter-spacing:-1px;margin:0}.back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--qcm-bg-soft);border:2px solid #FFF;border-radius:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--qcm-text-main);transition:all .25s ease}.back-btn:hover{background:var(--qcm-accent);color:#fff;transform:translateY(-50%) scale(1.06)}.progress-bar-container{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #FFF;border-radius:24px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 15px 35px #78320a14;animation:slideInUp .6s ease-out}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-counter{font-size:1.1rem;font-weight:700;color:var(--qcm-accent)}.score-display{font-size:1.1rem;font-weight:600;color:var(--qcm-text-main);display:flex;align-items:center;justify-content:center;margin:0 auto;width:max-content;padding:1rem}.streak-indicator{color:var(--qcm-accent);font-size:1rem;animation:pulseStreak .8s ease infinite}.progress-bar{height:12px;background:var(--qcm-bg-soft);border-radius:20px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(135deg,var(--qcm-accent-light),var(--qcm-accent));border-radius:20px;transition:width .5s ease;box-shadow:0 0 10px #ff541d80}.streak-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;text-align:center;animation:streakPop 2s ease-out forwards;pointer-events:none}.streak-text{font-size:4rem;font-weight:700;color:var(--qcm-accent);text-shadow:0 0 20px rgba(255,84,29,.5),0 0 40px rgba(255,84,29,.3);margin-bottom:.5rem;animation:streakGlow .5s ease-in-out infinite alternate}.streak-count{font-size:2rem;font-weight:700;color:var(--qcm-text-main);background:#fff;padding:.5rem 2rem;border-radius:20px;box-shadow:0 8px 30px #78320a33}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.firework{position:absolute;width:4px;height:4px;background:var(--qcm-accent);border-radius:50%;animation:fireworkExplode 1.5s ease-out forwards;box-shadow:0 0 10px var(--qcm-accent),0 0 20px var(--qcm-accent-light),0 0 30px var(--milo-pompon)}.firework:before,.firework:after{content:"";position:absolute;width:4px;height:4px;background:var(--qcm-accent-light);border-radius:50%;animation:fireworkParticle 1.5s ease-out forwards}.firework:before{animation-delay:.1s}.firework:after{animation-delay:.2s;background:var(--milo-pompon)}.question-card{background:var(--milo-creme);border:2px solid #FFF;border-radius:32px;padding:3rem;margin-bottom:2rem;box-shadow:0 20px 50px #78320a1a;text-align:center;animation:scaleIn .5s ease-out}.question-number{display:inline-block;background:linear-gradient(135deg,var(--qcm-accent-light),var(--qcm-accent));color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:.9rem;margin-bottom:1.5rem;letter-spacing:1px}.question-text{font-size:1.8rem;font-weight:700;color:var(--qcm-text-main);line-height:1.4;margin-bottom:.5rem}.answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.answer-btn{background:var(--milo-creme);border:3px solid var(--qcm-border-soft);border-radius:24px;padding:2rem;font-family:var(--qcm-font);font-size:1.2rem;font-weight:600;color:var(--qcm-text-main);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.answer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--qcm-accent-light),var(--qcm-accent));transition:left .3s ease;z-index:0}.answer-btn span{position:relative;z-index:1}.answer-btn:hover:not(:disabled){transform:translateY(-4px);border-color:var(--qcm-accent);box-shadow:0 12px 30px #ff541d4d}.answer-btn:hover:not(:disabled):before{left:0}.answer-btn:hover:not(:disabled) span{color:#fff}.answer-btn.selected{background:linear-gradient(135deg,var(--qcm-accent-light),var(--qcm-accent));border-color:var(--qcm-accent);color:#fff;transform:scale(1.05)}.answer-btn.selected span{color:#fff}.answer-btn.correct{background:linear-gradient(135deg,var(--qcm-ok-light),var(--qcm-ok));border-color:var(--qcm-ok);color:#fff;animation:correctPulse .5s ease}.answer-btn.correct span{color:#fff}.answer-btn.incorrect{background:linear-gradient(135deg,var(--qcm-danger-light),var(--qcm-danger));border-color:var(--qcm-danger);color:#fff;animation:incorrectShake .5s ease}.answer-btn.incorrect span{color:#fff}.answer-btn:disabled{cursor:not-allowed;opacity:.6}.inline-feedback{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1.2rem 1.5rem;border-radius:18px;animation:slideInUp .3s ease-out}.inline-feedback.success{background:var(--qcm-ok-soft);border:2px solid var(--qcm-ok);color:var(--qcm-ok-dark)}.inline-feedback.error{background:var(--qcm-danger-soft);border:2px solid var(--qcm-danger);color:var(--qcm-danger-dark)}.feedback-message{font-size:.95rem;font-weight:600;flex:1;text-align:left}.next-btn,.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 2rem;background:linear-gradient(180deg,var(--qcm-accent-light) 0%,var(--qcm-accent) 100%);color:#fff;border:none;border-radius:16px;font-family:var(--qcm-font);font-size:1rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 6px 0 var(--qcm-accent-dark),0 10px 20px #ff541d40;transition:transform .15s ease,box-shadow .15s ease}.next-btn:hover,.home-btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--qcm-accent-dark),0 14px 24px #ff541d4d}.next-btn:active,.home-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--qcm-accent-dark)}.action-btn.secondary,.retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 2rem;background:var(--qcm-bg-soft);color:var(--qcm-text-main);border:2px solid var(--qcm-border-soft);border-radius:16px;font-family:var(--qcm-font);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease}.action-btn.secondary:hover,.retry-btn:hover{background:var(--qcm-border-soft);transform:translateY(-2px)}.qcm-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3.5rem 2rem;text-align:center;background:var(--milo-creme);border:2px solid #FFF;border-radius:32px;box-shadow:0 20px 50px #78320a1a;animation:scaleIn .5s ease-out}.qcm-loading-mascot{width:80%;max-width:280px;height:auto;filter:drop-shadow(0 12px 20px rgba(42,24,16,.18));animation:qcmLoadingFloat 2.6s ease-in-out infinite}.qcm-loading-dots{display:flex;align-items:center;gap:10px}.qcm-loading-dots span{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--qcm-accent-light),var(--qcm-accent));animation:qcmLoadingBounce 1.1s ease-in-out infinite}.qcm-loading-dots span:nth-child(2){animation-delay:.15s}.qcm-loading-dots span:nth-child(3){animation-delay:.3s}.qcm-loading-text{font-family:var(--qcm-font);font-size:1.15rem;font-weight:700;color:var(--qcm-text-main);min-height:1.5em;margin:0;animation:fadeIn .4s ease}@media (prefers-reduced-motion: reduce){.qcm-loading-mascot,.qcm-loading-dots span{animation:none}}.error-state{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3.5rem 2rem;text-align:center;color:var(--qcm-text-main);font-family:var(--qcm-font);font-size:1.1rem;font-weight:600;background:var(--milo-creme);border:2px solid #FFF;border-radius:32px;box-shadow:0 20px 50px #78320a1a;animation:scaleIn .5s ease-out}.result-container{font-family:var(--qcm-font);background:var(--bg);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.result-card{background:var(--milo-creme);border:2px solid #FFF;border-radius:32px;padding:4rem 3rem;text-align:center;max-width:500px;width:100%;box-shadow:0 25px 60px #78320a26;animation:qcmResultPop .6s var(--qcm-spring) both}.trophy-icon{width:110px;height:110px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,var(--milo-creme) 0%,var(--qcm-bg-soft) 100%);box-shadow:inset 0 6px 18px #0000000a,0 16px 32px #ff541d40;animation:qcmTrophyFloat 3s ease-in-out infinite}.result-title{font-size:2rem;font-weight:700;color:var(--qcm-text-main);letter-spacing:-.5px;margin:0 0 1.5rem}.result-score-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:2rem}.result-score-value{font-size:3.5rem;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--qcm-accent-light),var(--qcm-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-score-label{font-size:.9rem;font-weight:700;color:var(--qcm-text-soft);text-transform:uppercase;letter-spacing:.08em}.result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes qcmResultPop{0%{opacity:0;transform:scale(.7) translateY(24px)}60%{opacity:1;transform:scale(1.04) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes qcmTrophyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes qcmLoadingFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}@keyframes qcmLoadingBounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-10px);opacity:1}}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes incorrectShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulseStreak{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes streakPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@keyframes streakGlow{0%{text-shadow:0 0 20px rgba(255,84,29,.5),0 0 40px rgba(255,84,29,.3)}to{text-shadow:0 0 30px rgba(255,84,29,.8),0 0 60px rgba(255,84,29,.5),0 0 80px rgba(255,84,29,.3)}}@keyframes fireworkExplode{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:1}to{opacity:0;transform:scale(3) translateY(-100px)}}@keyframes fireworkParticle{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(30px*cos(var(--angle, 0deg))),calc(30px*sin(var(--angle, 0deg))))}}@media (max-width: 768px){.answers-grid{grid-template-columns:1fr}.question-text{font-size:1.4rem}.result-score-value{font-size:2.6rem}.question-card{padding:2rem}.streak-text{font-size:2.5rem}.streak-count{font-size:1.5rem}.inline-feedback{flex-direction:column;align-items:flex-start}.next-btn{width:100%;text-align:center}}.qcm-milo-3d{position:fixed;left:0;bottom:0;width:440px;height:540px;z-index:1;pointer-events:none;opacity:0;transition:opacity .45s ease-out}.qcm-milo-3d.is-ready{opacity:1}.qcm-milo-3d canvas{display:block;width:100%!important;height:100%!important;background:transparent}@media (max-width: 1280px){.qcm-milo-3d{width:360px;height:440px}}@media (max-width: 1080px){.qcm-milo-3d{display:none}}:root{--accent: var(--milo-orange);--accent-dark: var(--milo-braise);--text-main: var(--milo-encre);--text-soft: var(--text-2);--bg-card: #FFF;--bg-soft: var(--milo-creme);--border-soft: var(--line);--font-milo: var(--f-text);--accent-glow: rgba(255, 84, 29, .3)}@keyframes float-milo{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes sparkle-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}@keyframes pulse-bg{0%,to{opacity:.3}50%{opacity:.6}}.mymilo-container{min-height:100vh;padding:40px;display:flex;flex-direction:column;gap:35px;background:var(--bg);font-family:var(--font-milo);color:var(--text-main);position:relative;overflow:hidden}.mymilo-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none;z-index:0}.milo-bg-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 25%,rgba(255,84,29,.18) 0%,transparent 45%),radial-gradient(circle at 85% 75%,rgba(255,124,82,.15) 0%,transparent 45%);pointer-events:none;z-index:0;animation:pulse-bg 8s ease-in-out infinite}.mymilo-header{display:flex;justify-content:space-between;align-items:center;z-index:10;position:relative;padding:0 10px}.page-title{font-size:3.5rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:18px;letter-spacing:-3px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.05))}.sparkle-icon{color:var(--accent);animation:rotate-glow 6s linear infinite;filter:drop-shadow(0 4px 8px var(--accent-glow))}.page-subtitle{color:var(--text-soft);font-weight:700;font-size:1.05rem;margin-left:58px}.btn-shop-pimped{background:linear-gradient(180deg,var(--milo-encre) 0%,var(--milo-encre) 100%);color:#fff;border:none;padding:18px 32px;border-radius:22px;font-family:var(--font-milo);font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 0 var(--milo-encre),0 15px 25px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.btn-shop-pimped:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s}.btn-shop-pimped:hover{transform:translateY(-3px);box-shadow:0 11px 0 var(--milo-encre),0 20px 35px #00000026}.btn-shop-pimped:hover:after{left:150%}.btn-shop-pimped:active{transform:translateY(4px);box-shadow:0 4px 0 var(--milo-encre)}.collection-score-pimped{background:linear-gradient(180deg,#FFF 0%,var(--milo-creme) 100%);padding:14px 28px;border-radius:100px;display:flex;align-items:center;gap:12px;border:3px solid #FFF;box-shadow:0 10px 25px #00000014,inset 0 -4px 0 var(--border-soft);transition:.3s}.collection-score-pimped:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 18px 35px var(--accent-glow),inset 0 -4px 0 var(--border-soft)}.icon-crown-animated{color:var(--accent);animation:crown-wiggle 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px var(--accent-glow))}.score-val{font-weight:700;font-size:1.4rem;color:var(--text-main);text-shadow:0 2px 0 #FFF}.mymilo-content{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;position:relative;z-index:5;flex:1;min-height:0}.milo-model-card{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:45px;padding:50px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:2px solid #FFF;box-shadow:0 30px 60px #78320a1a;overflow:hidden}.milo-light-ray{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,84,29,.12),transparent,rgba(255,124,82,.08),transparent);animation:rotate-glow 12s linear infinite;pointer-events:none}.milo-model-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);animation:glint 5s infinite ease-in-out;transform:skew(-20deg);pointer-events:none}.milo-main-img{width:100%;max-width:360px;z-index:2;filter:drop-shadow(0 25px 35px rgba(42,24,16,.25));animation:float-milo 4s ease-in-out infinite}.milo-stage{position:relative;width:100%;height:525px;z-index:10;touch-action:pan-y}.milo-stage-canvas{opacity:0;transition:opacity .6s ease}.milo-stage.is-ready .milo-stage-canvas{opacity:1}.milo-stage-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-soft);pointer-events:none}.vestiaire-glass-box{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:45px;padding:35px;border:2px solid #FFF;box-shadow:0 30px 60px #78320a14;display:flex;flex-direction:column;gap:28px;min-height:0;overflow:hidden}.vestiaire-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section-title{font-size:1.6rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:12px;letter-spacing:-1px}.section-title svg{color:var(--accent)}.locker-filters-pimped{display:flex;gap:8px;background:#2a18100d;padding:6px;border-radius:100px;border:2px solid rgba(255,255,255,.5)}.filter-chip{padding:12px 22px;border-radius:100px;border:none;background:transparent;font-family:var(--font-milo);font-weight:700;font-size:.9rem;cursor:pointer;color:var(--text-soft);transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:8px}.filter-chip:hover:not(.active){color:var(--text-main);transform:scale(1.03)}.filter-chip.active{background:var(--text-main);color:#fff;box-shadow:0 4px 0 var(--milo-encre),0 8px 15px #00000026;transform:scale(1.05)}.locker-scroll-area{flex:1;overflow-y:auto;scroll-behavior:smooth;margin:-5px;padding:5px}.locker-scroll-area::-webkit-scrollbar{width:10px}.locker-scroll-area::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:20px;border:3px solid var(--milo-creme)}.locker-grid-pimped{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;padding:5px}.item-card-v2{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:22px;position:relative;border:2px solid #FFF;box-shadow:0 15px 30px #2a18100f;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:all .5s cubic-bezier(.2,1,.3,1);overflow:hidden}.item-card-v2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);animation:glint 4s infinite ease-in-out;transform:skew(-20deg);pointer-events:none}.item-card-v2:hover{box-shadow:0 30px 60px #78320a26;transform:translateY(-6px)}.item-preview-circle{width:90px;height:90px;background:radial-gradient(circle,#FFF 0%,var(--milo-creme) 100%);border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;box-shadow:inset 0 8px 16px #00000008,0 8px 20px #ff541d14;transition:transform .4s;z-index:2}.item-card-v2:hover .item-preview-circle{transform:scale(1.08) rotate(-5deg)}.item-preview-circle svg{width:42px;height:42px;color:var(--text-main)}.item-info-v2{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2}.item-info-v2 h3{font-size:.95rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.2}.rarity-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:4px 12px;border-radius:50px}.rarity-tag.commun{background:var(--milo-creme);color:var(--text-2)}.rarity-tag.rare{background:#dbeafe;color:#3b82f6}.rarity-tag.épique{background:#f3e8ff;color:#a855f7}.rarity-tag.légendaire{background:linear-gradient(135deg,var(--milo-creme),var(--milo-lettre));color:var(--accent-dark)}.item-card-v2.rarity-rare{border:3px solid transparent;background-image:linear-gradient(#ffffffbf,#ffffff80),linear-gradient(135deg,#3b82f6,#1e40af);background-origin:border-box;background-clip:padding-box,border-box}.item-card-v2.rarity-épique{border:3px solid transparent;background-image:linear-gradient(#ffffffbf,#ffffff80),linear-gradient(135deg,#a855f7,#6b21a8);background-origin:border-box;background-clip:padding-box,border-box}.item-card-v2.rarity-légendaire{border:3px solid transparent;background-image:linear-gradient(#ffffffbf,#ffffff80),linear-gradient(135deg,var(--milo-pompon),var(--milo-orange));background-origin:border-box;background-clip:padding-box,border-box}.legendary-sparkle{position:absolute;top:14px;right:14px;color:var(--accent);animation:sparkle-pulse 1.5s infinite;filter:drop-shadow(0 0 8px var(--accent-glow));z-index:3}.btn-equip-pimped{width:100%;padding:14px;border-radius:18px;border:none;background:linear-gradient(180deg,var(--milo-creme) 0%,var(--line) 100%);color:var(--text-main);font-family:var(--font-milo);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 0 var(--text-3),0 10px 20px #0000000a;z-index:2;position:relative}.btn-equip-pimped:hover:not(.active){background:linear-gradient(180deg,var(--accent-light),var(--accent));color:#fff;transform:translateY(-2px);box-shadow:0 8px 0 var(--accent-dark),0 15px 25px var(--accent-glow)}.btn-equip-pimped:active{transform:translateY(3px);box-shadow:0 3px 0 var(--text-3)}.btn-equip-pimped.active{background:linear-gradient(180deg,var(--ok),var(--ok));color:#fff;box-shadow:0 6px 0 var(--ok),0 10px 20px #23874b4d}.btn-equip-pimped.active:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--ok),0 12px 25px #23874b66}@media (max-width: 1200px){.mymilo-content{grid-template-columns:1fr}.milo-model-card{max-width:500px;margin:0 auto;width:100%}.milo-stage{height:440px}}@media (max-width: 768px){.mymilo-container{padding:20px}.milo-stage{height:380px}.page-title{font-size:2.4rem}.page-subtitle{margin-left:0}.mymilo-header{flex-direction:column;align-items:flex-start;gap:20px}.vestiaire-header{flex-direction:column;align-items:stretch}.locker-grid-pimped{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}}.item-visual{display:inline-block;max-width:64px;max-height:64px;object-fit:contain;font-size:2.2rem;line-height:1}.item-type-tag{display:block;margin-top:4px;font-size:.68rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.item-card-v2.is-equipped{box-shadow:0 0 0 3px #ff541d59}.wheel-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:10px 16px;border-radius:16px;background:#ffffffb3;border:2px solid #fff;font-weight:700;font-size:.82rem;color:var(--text-2)}.wheel-status.is-full{color:var(--milo-braise);background:var(--pompon-bg)}.wheel-slots{display:flex;gap:6px}.wheel-slot{width:14px;height:14px;border-radius:50%;background:var(--milo-creme);border:2px solid var(--line)}.wheel-slot.is-used{background:linear-gradient(135deg,var(--accent-light),var(--milo-orange));border-color:transparent}.wheel-status-count{margin-left:auto}.locker-subfilters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.subfilter-chip{padding:6px 12px;border-radius:100px;border:1.5px solid var(--line);background:transparent;font-family:inherit;font-size:.75rem;font-weight:700;color:var(--text-2);cursor:pointer;transition:all .2s ease}.subfilter-chip.active{background:var(--milo-creme);color:var(--accent-text);border-color:var(--milo-orange)}.locker-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-2);font-weight:700}.locker-state p{margin:0}.locker-spin{animation:locker-spin .9s linear infinite;color:var(--accent-text)}@keyframes locker-spin{to{transform:rotate(360deg)}}.rarity-tag.tres-rare{background:#ccfbf1;color:#0f766e}.rarity-tag.epique{background:#f3e8ff;color:#a855f7}.rarity-tag.legendaire{background:linear-gradient(135deg,var(--milo-pompon),var(--milo-orange));color:#fff}.item-card-v2.rarity-tres-rare{border-color:#14b8a6}.item-card-v2.rarity-epique{border-color:#a855f7}.item-card-v2.rarity-legendaire{border-color:var(--milo-orange)}.btn-unequip-all{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;border:2px solid #fff;background:#fffc;color:var(--text-2);font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-unequip-all:hover:not(:disabled){color:var(--accent-text);border-color:var(--milo-orange)}.btn-unequip-all:disabled{opacity:.5;cursor:not-allowed}.btn-unequip-type{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:100px;border:1.5px solid var(--line);background:#fff;color:var(--text-2);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-unequip-type:hover:not(:disabled){color:var(--milo-braise);border-color:var(--milo-braise)}.btn-unequip-type:disabled{opacity:.5;cursor:not-allowed}.wheel-status .btn-unequip-type{margin-left:8px}.equipped-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:16px;background:#ffffffb3;border:2px solid #fff;font-size:.8rem;font-weight:700;color:var(--text-2)}.equipped-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:100px;background:var(--milo-creme);color:var(--milo-encre)}.equipped-chip-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:var(--accent-text)}.equipped-chip-name{font-weight:700}@media (prefers-reduced-motion: reduce){.milo-bg-glow,.milo-light-ray,.milo-model-card:after{animation:none!important}.milo-stage-canvas{transition-duration:.01ms!important}}.lk-box{gap:20px;overflow:visible}.lk-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;min-height:0}.lk-section{display:flex;flex-direction:column;gap:14px;min-width:0}.lk-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.lk-section-header .section-title{font-size:1.25rem}.lk-count{padding:5px 12px;border-radius:100px;background:var(--milo-creme);color:var(--accent, var(--milo-orange));font-weight:700;font-size:.8rem}.lk-count.is-full{background:var(--pompon-bg);color:var(--milo-braise)}.lk-hint{margin:-6px 0 0;font-size:.8rem;font-weight:600;color:var(--text-2)}.outfit-slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.outfit-slot{position:relative;width:100%;display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:20px;border:2px solid #fff;background:#ffffffd1;font-family:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease}.outfit-slot:hover:not(:disabled){transform:translate(6px);box-shadow:0 12px 26px #78320a24;border-color:var(--accent-light)}.outfit-slot:disabled{cursor:wait;opacity:.7}.outfit-slot.is-empty{background:#ffffff80;border-style:dashed;border-color:var(--line)}.outfit-slot-bg{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:3.2rem;opacity:.12;pointer-events:none;filter:grayscale(1)}.outfit-slot-visual{flex-shrink:0;width:58px;height:58px;border-radius:16px;background:radial-gradient(circle,#fff 0%,var(--milo-creme) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-3);box-shadow:inset 0 4px 10px #0000000a}.outfit-slot-img{max-width:44px;max-height:44px;object-fit:contain;font-size:1.7rem;line-height:1}.outfit-slot-text{display:flex;flex-direction:column;min-width:0;z-index:1}.outfit-slot-type{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-2)}.outfit-slot-name{font-weight:700;color:var(--milo-encre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outfit-slot.is-empty .outfit-slot-name{color:var(--text-3);font-weight:700}.outfit-slot.is-filled.rarity-rare{border-color:#93c5fd}.outfit-slot.is-filled.rarity-tres-rare{border-color:#5eead4}.outfit-slot.is-filled.rarity-epique{border-color:#c4b5fd}.outfit-slot.is-filled.rarity-legendaire{border-color:var(--milo-pompon)}.duel-wheel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wheel-slot-card{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:22px;border:2px solid #fff;background:#ffffffd1;font-family:inherit;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease}.wheel-slot-card:hover:not(:disabled){transform:translateY(-4px) scale(1.03);box-shadow:0 12px 26px #78320a24;border-color:var(--accent-light)}.wheel-slot-card:disabled{cursor:wait;opacity:.7}.wheel-slot-card.is-empty{background:#ffffff80;border-style:dashed;border-color:var(--line);color:var(--text-3)}.wheel-slot-card--dance{background:linear-gradient(180deg,var(--milo-creme) 0%,#EDE9FE 100%)}.wheel-slot-index{position:absolute;top:8px;left:10px;font-size:.68rem;font-weight:700;color:var(--text-3)}.wheel-slot-visual{width:52px;height:52px;display:flex;align-items:center;justify-content:center}.wheel-slot-img{max-width:100%;max-height:100%;object-fit:contain;font-size:1.9rem;line-height:1}.wheel-slot-name{font-size:.74rem;font-weight:700;color:var(--milo-encre);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wheel-slot-card.is-empty .wheel-slot-name{color:var(--text-3)}.lk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#2a181073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lk-modal{width:100%;max-width:640px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:30px;background:#fff;border:2px solid #fff;box-shadow:0 30px 60px #2a181040;animation:lk-modal-in .25s ease-out}@keyframes lk-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.lk-modal-header{display:flex;align-items:center;gap:12px}.lk-modal-icon{flex-shrink:0;width:44px;height:44px;border-radius:14px;background:var(--milo-creme);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:1.4rem}.lk-modal-titles{flex:1;min-width:0}.lk-modal-titles h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--milo-encre)}.lk-modal-titles p{margin:2px 0 0;font-size:.8rem;font-weight:600;color:var(--text-2)}.lk-modal-close{width:36px;height:36px;border-radius:12px;border:1.5px solid var(--line);background:transparent;color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.lk-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;padding:2px}.lk-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border-radius:20px;border:2px solid var(--milo-creme);background:var(--bg);font-family:inherit;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .2s ease}.lk-item:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent-light);box-shadow:0 12px 24px #78320a24}.lk-item:disabled{cursor:default}.lk-item.is-current{border-color:var(--ok);background:var(--ok-bg)}.lk-item.is-elsewhere{opacity:.8}.lk-item.rarity-rare{border-color:#bfdbfe}.lk-item.rarity-epique{border-color:#ddd6fe}.lk-item.rarity-legendaire{border-color:var(--pompon-bg)}.lk-item-visual{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.lk-item-img{max-width:100%;max-height:100%;object-fit:contain;font-size:2.2rem;line-height:1}.lk-item-name{font-weight:700;font-size:.88rem;color:var(--milo-encre);text-align:center}.lk-item-meta{font-size:.68rem;font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:.4px;text-align:center}.lk-item-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:100px;background:var(--ok);color:#fff;font-size:.62rem;font-weight:700;text-transform:uppercase}.lk-item-badge--soft{background:var(--milo-creme);color:var(--text-2)}.lk-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;text-align:center;color:var(--text-2);font-weight:700}.lk-empty p{margin:0}.lk-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--milo-creme);padding-top:12px}.lk-btn-unequip{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:100px;border:1.5px solid var(--line);background:transparent;color:var(--text-2);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.lk-btn-unequip:hover:not(:disabled){color:var(--milo-braise);border-color:var(--milo-braise)}.lk-btn-unequip:disabled{opacity:.45;cursor:not-allowed}.lk-spin{animation:locker-spin .9s linear infinite;color:var(--accent-text)}@media (max-width: 1100px){.lk-columns{grid-template-columns:1fr}}:root{--sidebar-w: 280px;--accent: var(--milo-orange);--text-main: var(--milo-encre);--font-milo: var(--f-text)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-bg{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}@keyframes glint{0%{left:-150%;opacity:0}50%{opacity:.5}to{left:150%;opacity:0}}.shop-viewport{display:flex;gap:40px;padding:40px;height:100vh;background:var(--bg);overflow:hidden;position:relative;font-family:var(--font-milo)}.shop-viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.03;pointer-events:none}.shop-sidebar-floating{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column}.shop-logo-section{display:flex;align-items:center;gap:15px;margin-bottom:50px;padding:0 15px}.shop-icon-wrapper{background:linear-gradient(180deg,var(--accent-light),var(--accent));color:#fff;padding:12px;border-radius:18px;box-shadow:0 8px 0 var(--milo-braise),0 8px 15px #ff541d4d}.shop-logo-section h2{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-1px}.shop-nav-list{display:flex;flex-direction:column;gap:12px;flex:1;position:relative}.shop-nav-item{border:none;background:#fff;display:flex;align-items:center;gap:15px;padding:18px 25px;border-radius:25px;cursor:pointer;color:var(--text-2);font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:2;border-bottom:5px solid var(--line);overflow:hidden}.shop-nav-item:hover{color:var(--text-main);transform:scale(1.02) translate(8px);border-bottom-color:var(--text-3)}.shop-nav-item:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.6s}.shop-nav-item:hover:after{left:150%}.shop-nav-item.is-active{color:#fff;background:var(--text-main);border-bottom:5px solid var(--milo-encre);transform:scale(1.05)}.nav-bullet{width:8px;height:8px;border-radius:50%;background:var(--accent)}.shop-btn-customize{background:linear-gradient(180deg,var(--milo-encre) 0%,var(--milo-encre) 100%);color:#fff;border:none;padding:22px;border-radius:24px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;cursor:pointer;margin-top:20px;box-shadow:0 8px 0 var(--milo-encre);transition:.2s;position:relative;overflow:hidden}.shop-btn-customize:hover{transform:translateY(-3px);box-shadow:0 11px 0 var(--milo-encre)}.shop-btn-customize:active{transform:translateY(4px);box-shadow:0 4px 0 var(--milo-encre)}.shop-content-area{flex:1;display:flex;flex-direction:column;gap:30px}.shop-top-bar{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.shop-view-title{font-size:3.5rem;font-weight:700;color:var(--text-main);letter-spacing:-3px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.05))}.shop-wallet-pill{background:linear-gradient(180deg,#FFF 0%,var(--milo-creme) 100%);padding:14px 30px;border-radius:100px;display:flex;align-items:center;gap:15px;cursor:pointer;box-shadow:0 10px 25px #00000014,inset 0 -4px 0 var(--line);border:3px solid #FFF;transition:.3s}.shop-wallet-pill:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px var(--accent-glow),inset 0 -4px 0 var(--line)}.shop-wallet-pill svg{animation:rotate-glow 10s linear infinite;filter:drop-shadow(0 2px 4px var(--accent-glow))}.coin-count{font-weight:700;font-size:1.4rem;color:var(--text-main);text-shadow:0 2px 0 #FFF}.shop-grid-container{flex:1;overflow-y:auto;padding-right:15px;scroll-behavior:smooth}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px;padding:10px}.shop-item-card{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:45px;padding:30px;border:2px solid #FFF;transition:all .5s cubic-bezier(.2,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 40px #00000008}.shop-item-card:hover{box-shadow:0 40px 80px #78320a26;border-color:#00000080;scale:1.05}.shop-item-preview{height:200px;background:radial-gradient(circle,#FFF 0%,var(--milo-creme) 100%);border-radius:35px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:inset 0 10px 20px #00000005;transition:.5s}.shop-item-card:hover .shop-item-preview{transform:scale(1.02)}.shop-item-icon{font-size:5.5rem;z-index:2;filter:drop-shadow(0 15px 15px rgba(0,0,0,.15));transition:.4s}.shop-item-card:hover .shop-item-icon{transform:scale(1.1) rotate(8deg)}.shop-item-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.6),transparent);animation:glint 4s infinite ease-in-out;transform:skew(-20deg)}.shop-item-rarity{font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:2px;color:var(--text-3)}.shop-item-card h3{font-size:1.3rem;font-weight:700;color:var(--text-main);margin:8px 0 25px}.shop-buy-btn{width:100%;padding:20px;border-radius:22px;border:none;background:linear-gradient(180deg,var(--milo-creme) 0%,var(--line) 100%);color:var(--text-main);font-weight:700;font-size:1.1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 0 var(--text-3),0 15px 25px #0000000d;position:relative;overflow:hidden}.shop-buy-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--accent-light),var(--accent));color:#fff;box-shadow:0 8px 0 var(--milo-encre) 0 20px 40px var(--accent-glow);transform:translateY(-2px)}.shop-buy-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--milo-braise)}.shop-buy-btn.is-owned{background:var(--ok-bg)!important;color:var(--ok)!important;cursor:default;box-shadow:0 8px 0 var(--ok-bg)!important;transform:none!important}.shop-sale-badge{position:absolute;top:20px;right:20px;background:var(--ko);color:#fff;font-size:.75rem;font-weight:700;padding:8px 18px;border-radius:50px;z-index:5;box-shadow:0 10px 20px #c3253f4d}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a181066;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center}.shop-modal{background:#fff;padding:60px;border-radius:60px;width:480px;text-align:center;box-shadow:0 50px 100px #0000004d;position:relative;overflow:hidden;border:4px solid var(--milo-creme)}.modal-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,84,29,.15) 0%,transparent 50%);animation:rotate-glow 10s linear infinite}.shop-modal-preview{font-size:7rem;margin-bottom:25px;position:relative;z-index:2;filter:drop-shadow(0 20px 30px rgba(0,0,0,.2))}.shop-btn-confirm{flex:2;padding:22px;border-radius:22px;border:none;background:linear-gradient(180deg,var(--milo-encre) 0%,var(--milo-encre) 100%);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 0 var(--milo-encre)}.shop-btn-confirm:hover{background:var(--accent);box-shadow:0 8px 0 var(--milo-braise);transform:translateY(-2px)}.shop-modal-actions{display:flex;gap:20px;margin-top:30px}.shop-btn-cancel{flex:1;padding:22px;border-radius:22px;border:none;background:var(--milo-creme);color:var(--milo-encre);font-weight:700;cursor:pointer;box-shadow:0 4px 15px #00000014}.rarity-rare{border-width:3px;border-color:transparent;background-image:linear-gradient(#fff9,#fff3),linear-gradient(135deg,#3b82f6,#1e40af);background-origin:border-box;background-clip:padding-box,border-box}.rarity-rare .shop-item-rarity{color:#3b82f6;text-shadow:0 0 10px rgba(59,130,246,.2)}.rarity-épique{border-width:3px;border-color:transparent;background-image:linear-gradient(#fff9,#fff3),linear-gradient(135deg,#a855f7,#6b21a8);background-origin:border-box;background-clip:padding-box,border-box}.rarity-épique .shop-item-rarity{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.2)}.rarity-légendaire{border-width:3px;border-color:transparent;background-image:linear-gradient(#fff9,#fff3),linear-gradient(135deg,var(--milo-pompon),var(--milo-orange));background-origin:border-box;background-clip:padding-box,border-box}.rarity-légendaire .shop-item-rarity{color:var(--accent-text);text-shadow:0 0 10px rgba(255,84,29,.2)}.shop-grid-container::-webkit-scrollbar{width:10px}.shop-grid-container::-webkit-scrollbar-thumb{background:var(--line);border-radius:20px;border:3px solid var(--milo-creme)}@media (max-width: 1024px){.shop-viewport{gap:24px;padding:28px}.shop-view-title{font-size:2.6rem;letter-spacing:-2px}.shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}@media (max-width: 860px){.shop-viewport{flex-direction:column;height:auto;min-height:100%;overflow:visible;padding:20px;gap:20px}.shop-sidebar-floating{width:100%}.shop-logo-section{margin-bottom:20px}.shop-nav-list{flex-direction:row;overflow-x:auto;padding-bottom:4px}.shop-nav-item{flex-shrink:0;padding:12px 18px}.shop-btn-customize{margin-top:16px}.shop-content-area{gap:20px}.shop-top-bar{flex-wrap:wrap;gap:12px}.shop-view-title{font-size:2rem}.shop-grid-container{overflow-y:visible;padding-right:0}.shop-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.shop-item-card{padding:18px;border-radius:30px}.shop-item-preview{height:120px;border-radius:24px;margin-bottom:16px}.shop-item-icon{font-size:3.2rem}.shop-item-card h3{font-size:1rem;margin:6px 0 16px}.shop-buy-btn{padding:14px;font-size:.95rem;border-radius:18px}.shop-modal{width:min(420px,88vw);padding:40px 28px;border-radius:40px}}@media (max-width: 480px){.shop-view-title{font-size:1.7rem}.shop-wallet-pill{padding:10px 18px}.coin-count{font-size:1.05rem}.shop-items-grid{grid-template-columns:repeat(2,1fr)}.shop-modal{padding:32px 20px}.shop-modal-preview{font-size:5rem}.shop-modal-actions{flex-direction:column}}.shop-top-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shop-rarity-select{padding:10px 14px;border-radius:100px;border:2px solid #fff;background:#ffffffd9;font-family:inherit;font-weight:700;font-size:.85rem;color:var(--milo-encre);cursor:pointer}.shop-item-visual{display:inline-block;max-width:96px;max-height:96px;object-fit:contain}.shop-modal-visual{max-width:120px;max-height:120px;object-fit:contain}.shop-item-type{font-size:.72rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:1px}.shop-buy-btn.is-unaffordable{opacity:.75}.shop-grid-container.is-fetching .shop-items-grid{opacity:.6;transition:opacity .2s ease}.shop-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--text-2);font-weight:700;text-align:center}.shop-state h3{margin:0;color:var(--milo-encre);font-size:1.2rem}.shop-state p{margin:0}.shop-empty svg{color:var(--accent-text)}.shop-spin{animation:shop-spin .9s linear infinite}@keyframes shop-spin{to{transform:rotate(360deg)}}.shop-modal-balance{font-size:.85rem;color:var(--text-2);margin:0}.shop-modal-error{margin:0;padding:10px 14px;border-radius:14px;background:var(--ko-bg);color:var(--ko);font-weight:700;font-size:.85rem}.rarity-commun .shop-item-rarity{color:var(--text-2)}.rarity-tres-rare{border-width:3px;border-color:transparent;background-image:linear-gradient(#fff9,#fff3),linear-gradient(135deg,#14b8a6,#0f766e);background-origin:border-box;background-clip:padding-box,border-box}.rarity-tres-rare .shop-item-rarity{color:#0f766e}.rarity-epique{border-width:3px;border-color:transparent;background-image:linear-gradient(#fff9,#fff3),linear-gradient(135deg,#a855f7,#6b21a8);background-origin:border-box;background-clip:padding-box,border-box}.rarity-epique .shop-item-rarity{color:#a855f7}.rarity-legendaire{border-width:3px;border-color:transparent;background-image:linear-gradient(#fff9,#fff3),linear-gradient(135deg,var(--milo-pompon),var(--milo-orange));background-origin:border-box;background-clip:padding-box,border-box}.rarity-legendaire .shop-item-rarity{color:var(--accent-text)}.shop-sidebar-floating{min-height:0}.shop-logo-section{margin-bottom:28px}.shop-nav-list{gap:8px;overflow:visible}.shop-nav-item{padding:11px 20px;font-size:.9rem}.shop-btn-customize{flex-shrink:0;margin-top:14px}@media (max-height: 780px){.shop-sidebar-floating{overflow-y:auto;padding:0 14px 8px 12px;margin:0 -14px 0 -12px;scrollbar-width:thin}}.shop-modal-balance--short{color:var(--milo-braise);font-weight:700}.shop-dance-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s ease-out}.shop-dance-preview.is-ready{opacity:1}.shop-dance-preview canvas{display:block;width:100%!important;height:100%!important;background:transparent}.shop-item-preview:has(.shop-dance-preview.is-ready) .shop-item-icon{opacity:0;transition:opacity .35s ease-out}.friends-viewport{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--color-bg-base);font-family:var(--f-text)}.friends-bg-glow{position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,#ff541d26,#ff541d00 70%);border-radius:50%;pointer-events:none;z-index:0;animation:floatGlow 10s infinite alternate ease-in-out}@keyframes floatGlow{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,50px) scale(1.1)}}.friends-content-area{flex:1;display:flex;flex-direction:column;padding:2rem 3rem;z-index:1;overflow-y:auto}.friends-pimped-header{display:flex;justify-content:space-between;align-items:center;z-index:10;position:relative;padding:0 10px;margin-bottom:2rem}.header-left{display:flex;flex-direction:column;gap:8px}.page-title{font-size:3.5rem;font-weight:700;color:var(--color-text-main);display:flex;align-items:center;gap:18px;letter-spacing:-3px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.05));margin:0}.sparkle-icon{color:var(--color-primary);animation:rotate-glow 6s linear infinite;filter:drop-shadow(0 4px 8px rgba(255,84,29,.3))}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-subtitle{color:var(--color-text-muted);font-weight:700;font-size:1.05rem;margin-left:58px;margin-top:0;margin-bottom:0}.header-actions{display:flex;align-items:center;gap:20px}.btn-add-pimped{background:linear-gradient(180deg,var(--milo-encre) 0%,var(--milo-encre) 100%);color:#fff;border:none;padding:18px 32px;border-radius:22px;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px 0 var(--milo-encre),0 15px 25px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.btn-add-pimped:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s}.btn-add-pimped:hover{transform:translateY(-3px);box-shadow:0 11px 0 var(--milo-encre),0 20px 35px #00000026}.btn-add-pimped:hover:after{left:150%}.btn-add-pimped:active{transform:translateY(4px);box-shadow:0 4px 0 var(--milo-encre)}.friends-score-pimped{background:linear-gradient(180deg,#FFF 0%,var(--milo-creme) 100%);padding:14px 28px;border-radius:100px;display:flex;align-items:center;gap:12px;border:3px solid #FFF;box-shadow:0 10px 25px #00000014,inset 0 -4px 0 var(--color-border);transition:.3s}.friends-score-pimped:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 18px 35px #ff541d4d,inset 0 -4px 0 var(--color-border)}.icon-crown-animated{color:var(--color-primary);animation:crown-wiggle 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(255,84,29,.3))}@keyframes crown-wiggle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.15)}}.score-val{font-weight:700;font-size:1.4rem;color:var(--color-text-main);text-shadow:0 2px 0 #FFF}.friends-controls{display:flex;justify-content:space-between;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);padding:1rem 1.5rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 4px 15px #00000008;gap:1rem;flex-wrap:wrap}.friends-search-box{display:flex;align-items:center;background:#fff;padding:.5rem 1rem;border-radius:12px;min-width:300px;box-shadow:inset 0 2px 5px #00000005;border:1px solid var(--color-border);transition:border-color .3s;min-height:44px}.friends-search-box:focus-within{border-color:var(--color-primary)}.search-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.friends-search-box .search-icon{color:var(--text-3)}.friends-search-input{border:none!important;outline:none!important;background:transparent!important;width:100%;font-size:.95rem;color:var(--color-text-main);font-family:inherit;margin:0!important;padding:0!important;box-shadow:none!important;line-height:1.5}.friends-search-input::placeholder{color:var(--text-3)}.friends-tabs{display:flex;background:#fff;padding:.35rem;border-radius:12px;box-shadow:0 2px 10px #00000005}.friends-tab{position:relative;border:none;background:transparent;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.95rem;color:var(--text-2);cursor:pointer;z-index:1;transition:color .3s;display:flex;align-items:center;gap:.4rem}.friends-tab.active{color:var(--color-primary)}.friends-tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff541d1a;border-radius:8px;z-index:-1}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:var(--milo-orange);color:#fff;font-size:.72rem;font-weight:700;line-height:1;box-shadow:0 2px 6px #ff541d59}.friends-tab.active .tab-badge{background:var(--color-primary)}.friends-grid-container{flex:1}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-bottom:2rem}.friend-card{position:relative;background:#fff;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 25px #0000000a;border:1px solid rgba(255,255,255,.8);overflow:hidden;cursor:pointer}.friend-card-bg{position:absolute;top:0;left:0;width:100%;height:80px;background:linear-gradient(180deg,rgba(255,84,29,.1) 0%,transparent 100%);z-index:0}.friend-avatar-wrap{position:relative;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--line),var(--line));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2.5rem;color:var(--text-2);margin-bottom:1rem;z-index:1;border:4px solid white;box-shadow:0 4px 15px #0000001a}.friend-card-avatar-text{line-height:1;display:flex;align-items:center;justify-content:center;transform:translateY(2px)}.friend-info{text-align:center;z-index:1;margin-bottom:1rem}.friend-name{font-size:1.25rem;font-weight:700;color:var(--color-text-main);margin:0 0 .25rem}.friend-level{font-size:.9rem;color:var(--color-text-muted);background:var(--milo-creme);padding:.2rem .6rem;border-radius:20px;font-weight:600}.friend-stats{display:flex;gap:1rem;margin-bottom:1.5rem;z-index:1}.friend-streak{display:flex;align-items:center;gap:.3rem;font-weight:700;color:var(--text-2)}.friend-streak .hot{color:var(--accent-text)}.friend-xp{display:flex;align-items:center;gap:.3rem;font-weight:700;color:var(--text-2)}.friend-xp svg{color:var(--milo-pompon-relief)}.friend-interests{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.5rem;z-index:1}.friend-interest-chip{font-size:.75rem;font-weight:600;color:var(--color-text-main);background:#ff541d1a;padding:.3rem .6rem;border-radius:12px;border:1px solid rgba(255,84,29,.2)}.friend-actions{display:flex;gap:.75rem;width:100%;z-index:1}.friend-btn-accept{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--ok) 0%,var(--ok) 100%);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #23874b40}.friend-btn-accept:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #23874b66}.friend-btn-accept:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #23874b4d}.friend-btn-decline{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--ko-bg);color:var(--ko);box-shadow:0 4px 12px #c3253f1a}.friend-btn-decline:hover{background:var(--ko-bg);color:var(--ko);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #c3253f33}.friend-btn-decline:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #c3253f26}.friend-actions--pending .friend-btn-decline{flex:0 0 46px}.friend-btn-msg{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--milo-creme);color:var(--text-2)}.friend-btn-msg:hover{background:#ff541d1a;color:var(--color-primary)}.friend-btn-decline--full{flex:1;gap:.5rem;font-weight:700;font-size:.95rem}.friend-pin-btn{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:#ffffffd9;color:var(--text-3);box-shadow:0 2px 8px #00000014;transition:all .25s cubic-bezier(.4,0,.2,1)}.friend-pin-btn:hover{background:var(--milo-creme);color:var(--color-text-main);transform:scale(1.08)}.friend-pin-btn.active{background:linear-gradient(135deg,var(--pompon-bg) 0%,var(--pompon-bg) 100%);color:var(--milo-pompon);box-shadow:0 4px 12px #fcb21840}.friend-pin-btn.active:hover{transform:scale(1.08) rotate(-8deg)}.friends-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-3);text-align:center}.friends-empty-state .empty-icon{color:var(--line);margin-bottom:1rem}.friends-empty-state p{font-size:1.1rem;font-weight:500}.friends-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.friends-modal{background:#fff;border-radius:32px;padding:2.5rem;width:100%;max-width:450px;position:relative;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 25px 50px #00000026;border:2px solid rgba(255,255,255,.5);overflow:hidden}.modal-glow{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(255,84,29,.2) 0%,transparent 70%);border-radius:50%;pointer-events:none}.friends-modal h3{font-size:1.75rem;font-weight:700;color:var(--color-text-main);margin:0;line-height:1.2}.friends-modal p{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.5}.friends-modal-search{display:flex;align-items:center;background:#fff;padding:.8rem 1.25rem;border-radius:16px;border:2px solid var(--line);transition:all .3s;min-height:56px}.friends-modal-search:focus-within{border-color:var(--color-primary);box-shadow:0 4px 15px #ff541d1a}.friends-modal-search .search-icon{color:var(--text-3)}.friends-modal-search input{border:none!important;outline:none!important;background:transparent!important;width:100%;font-size:1.05rem;color:var(--color-text-main);font-family:inherit;font-weight:500;margin:0!important;padding:0!important;box-shadow:none!important;line-height:1.5}.friends-modal-search input::placeholder{color:var(--text-3);font-weight:400}.friends-search-results{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.8rem;max-height:250px;overflow-y:auto}.friends-search-results::-webkit-scrollbar{width:6px}.friends-search-results::-webkit-scrollbar-track{background:#00000008;border-radius:3px}.friends-search-results::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.friends-search-result-item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--milo-creme);border-radius:16px;border:1px solid var(--milo-creme);transition:all .2s}.friends-search-result-item:hover{background:var(--milo-creme);border-color:var(--line);transform:translate(4px)}.result-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--line),var(--line));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--text-2);flex-shrink:0;border:2px solid white;box-shadow:0 2px 6px #0000000d}.result-username{flex:1;font-weight:700;color:var(--color-text-main);margin-left:1rem;margin-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.friends-search-result-item .friend-btn-accept{flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:12px;display:flex;align-items:center;justify-content:center}.friend-request-sent{font-size:.85rem;font-weight:700;color:var(--ok);background:var(--ok-bg);padding:.4rem .8rem;border-radius:12px;display:flex;align-items:center}.friend-request-error{font-size:.85rem;font-weight:700;color:var(--ko);background:var(--ko-bg);padding:.4rem .8rem;border-radius:12px;display:flex;align-items:center}.friends-modal-actions{display:flex;gap:1rem;margin-top:1rem}.friends-btn-cancel{flex:1;padding:1rem;border-radius:16px;border:none;background:var(--milo-creme);color:var(--text-2);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.friends-btn-cancel:hover{background:var(--line);color:var(--color-text-main)}.friends-btn-confirm{flex:1;padding:1rem;border-radius:16px;border:none;background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ff541d4d}.friends-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff541d66}.friends-btn-confirm:disabled{background:var(--ko-bg);cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.friends-content-area{padding:1.5rem}.friends-pimped-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.page-title{font-size:2.4rem}.page-subtitle{margin-left:0}.header-actions{width:100%;justify-content:space-between}.btn-add-pimped{padding:14px 24px}.friends-controls{flex-direction:column;align-items:stretch}.friends-search-box{width:100%;min-width:0;box-sizing:border-box}.friends-tabs{width:100%;box-sizing:border-box;overflow-x:auto;justify-content:space-between}}.friends-confirm-modal{max-width:400px;text-align:center;align-items:center;gap:1rem}.friends-confirm-modal h3{margin:0}.friends-confirm-modal p{margin:0;color:var(--text-2);line-height:1.5}.friends-confirm-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--ko-bg);color:var(--ko)}.friends-confirm-actions{display:flex;gap:.75rem;width:100%;margin-top:.5rem}.friends-confirm-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:14px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.friends-confirm-btn:disabled{opacity:.6;cursor:wait}.friends-confirm-btn--cancel{background:var(--milo-creme);color:var(--milo-encre)}.friends-confirm-btn--cancel:hover:not(:disabled){background:var(--line)}.friends-confirm-btn--danger{background:var(--ko);color:#fff;box-shadow:0 6px 16px #c3253f4d}.friends-confirm-btn--danger:hover:not(:disabled){background:var(--ko);transform:translateY(-1px)}.friends-viewport .spinning{animation:friends-spin .9s linear infinite}@keyframes friends-spin{to{transform:rotate(360deg)}}.friend-avatar-wrap .milo-avatar-img{width:100%;height:100%;object-fit:contain;border-radius:50%}:root{--st-accent: var(--milo-orange);--st-accent-light: var(--accent-light);--st-accent-dark: var(--milo-braise);--st-accent-glow: rgba(255, 84, 29, .35);--st-accent-soft: var(--milo-creme);--st-series-time: var(--milo-orange);--st-series-score: var(--milo-vert);--st-series-score-soft: rgba(43, 69, 32, .12);--st-good: var(--ok);--st-good-bg: var(--ok-bg);--st-warn: var(--milo-braise);--st-warn-bg: var(--pompon-bg);--st-text-main: var(--milo-encre);--st-text-soft: var(--text-2);--st-text-muted: var(--text-3);--st-bg-soft: var(--milo-creme);--st-border-soft: var(--line);--st-grid: var(--line);--st-surface: #ffffff;--st-font: var(--f-text);--st-spring: cubic-bezier(.34, 1.56, .64, 1)}.st-page{min-height:100%;padding:40px clamp(16px,4vw,50px);display:flex;flex-direction:column;gap:24px;background:var(--bg);font-family:var(--st-font);color:var(--st-text-main);position:relative;overflow:hidden}.st-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%)}.st-page>*{position:relative;z-index:2}@keyframes st-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.st-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;animation:st-fadeUp .5s var(--st-spring) both}.st-header-text{display:flex;flex-direction:column;gap:8px}.st-header-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 14px;border-radius:100px;background:#ff541d1f;color:var(--st-accent);font-weight:700;font-size:.68rem;letter-spacing:.9px;text-transform:uppercase}.st-header-title{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:700;letter-spacing:-1px;line-height:1.1}.st-filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 6px}.st-period{display:inline-flex;padding:5px;border-radius:100px;background:#fffc;border:2px solid #fff;box-shadow:0 6px 18px #78320a14}.st-period-btn{border:none;background:transparent;padding:8px 18px;border-radius:100px;font-family:var(--st-font);font-weight:700;font-size:.85rem;color:var(--st-text-soft);cursor:pointer;transition:all .3s var(--st-spring)}.st-period-btn.active{background:linear-gradient(135deg,var(--st-accent-light) 0%,var(--st-accent) 100%);color:#fff;box-shadow:0 6px 16px var(--st-accent-glow)}.st-period-range{font-size:.8rem;font-weight:700;color:var(--st-text-soft)}.st-loading,.st-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;color:var(--st-text-soft);font-weight:700}.st-loading-spinner{width:42px;height:42px;border-radius:50%;border:4px solid var(--st-bg-soft);border-top-color:var(--st-accent);animation:st-spin .9s linear infinite}@keyframes st-spin{to{transform:rotate(360deg)}}.st-retry{border:none;padding:10px 22px;border-radius:100px;background:var(--st-accent);color:#fff;font-family:var(--st-font);font-weight:700;cursor:pointer}.st-empty-inline{margin:0;padding:18px;border-radius:16px;background:var(--st-bg-soft);color:var(--st-text-soft);font-weight:700;font-size:.9rem;text-align:center}.is-fetching{opacity:.6;transition:opacity .2s ease}.st-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:20px}.st-c-span2{grid-column:span 2}.st-c-span4{grid-column:span 4}.st-c-row2{grid-row:span 2}.st-cell{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px;border:2px solid #fff;border-radius:28px;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 38px #78320a14;overflow:hidden;animation:st-fadeUp .5s var(--st-spring) both;transition:transform .4s var(--st-spring),box-shadow .4s ease,border-color .4s ease}.st-cell:hover{transform:translateY(-4px);border-color:var(--st-theme-light, var(--st-accent-light));box-shadow:0 24px 48px #78320a21}.st-cell-glow{position:absolute;top:-90px;right:-80px;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,var(--st-theme-glow, var(--st-accent-glow)) 0%,transparent 68%);opacity:.55}.st-cell>*:not(.st-cell-glow){position:relative;z-index:1}.st-cell-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:15px;background:linear-gradient(150deg,var(--st-theme-light, var(--st-accent-light)) 0%,var(--st-theme, var(--st-accent)) 100%);color:#fff;box-shadow:0 10px 22px var(--st-theme-glow, var(--st-accent-glow));transition:transform .4s var(--st-spring)}.st-cell:hover .st-cell-icon{transform:rotate(-10deg) scale(1.1)}.st-cell-label{font-size:.68rem;font-weight:700;color:var(--st-text-soft);letter-spacing:.8px;text-transform:uppercase}.st-cell-sub{font-size:.78rem;font-weight:700;color:var(--st-text-soft)}.st-cell-footnote{font-size:.72rem;font-weight:700;color:var(--st-text-muted)}.st-big-num{font-size:2.1rem;font-weight:700;letter-spacing:-1.2px;color:var(--st-text-main);line-height:1}.st-count{display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;border-radius:100px;background:linear-gradient(135deg,var(--st-theme-light, var(--st-accent-light)),var(--st-theme, var(--st-accent)));color:#fff;font-weight:700;font-size:.78rem;box-shadow:0 6px 14px var(--st-theme-glow, var(--st-accent-glow));white-space:nowrap}.st-link-btn{display:inline-flex;align-items:center;gap:4px;margin-top:auto;align-self:flex-start;padding:0;border:none;background:none;color:var(--st-theme, var(--st-accent));font-family:var(--st-font);font-weight:700;font-size:.82rem;cursor:pointer;transition:gap .3s var(--st-spring)}.st-link-btn:hover{gap:8px}.st-theme-amber{--st-theme: var(--milo-orange);--st-theme-light: var(--accent-light);--st-theme-glow: rgba(255, 84, 29, .24)}.st-theme-flame{--st-theme: var(--milo-orange);--st-theme-light: var(--accent-light);--st-theme-glow: rgba(255, 84, 29, .22)}.st-theme-teal{--st-theme: #3f978a;--st-theme-light: #7fc7bc;--st-theme-glow: rgba(63, 151, 138, .2)}.st-theme-violet{--st-theme: #6f5fa8;--st-theme-light: #9d8fd0;--st-theme-glow: rgba(111, 95, 168, .2)}.st-theme-rose{--st-theme: #c2557d;--st-theme-light: #e59bb4;--st-theme-glow: rgba(194, 85, 125, .2)}.st-theme-gold{--st-theme: var(--milo-pompon);--st-theme-light: var(--milo-pompon);--st-theme-glow: rgba(252, 178, 24, .24)}.st-level-body{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center}.st-level-head{display:flex;align-items:baseline;gap:10px}.st-level-num{font-size:2.4rem;font-weight:700;letter-spacing:-1.5px;color:var(--st-text-main);line-height:1}.st-progress-track{height:12px;border-radius:999px;background:var(--st-bg-soft);border:1.5px solid var(--st-border-soft);overflow:hidden}.st-progress-fill{height:100%;min-width:10px;border-radius:999px;background:linear-gradient(115deg,var(--st-theme-light),var(--st-theme));transition:width .8s var(--st-spring)}.st-coins-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 12px;border-radius:100px;background:var(--st-bg-soft);color:var(--st-text-soft);font-size:.76rem;font-weight:700}.st-coins-chip svg{color:var(--milo-pompon)}.st-time-row{display:flex;align-items:baseline;gap:8px}.st-streak-chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 12px;border-radius:100px;background:var(--st-bg-soft);color:var(--st-text-soft);font-size:.76rem;font-weight:700}.st-streak-chip svg{color:var(--accent-text)}.st-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-mini-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;background:var(--st-surface);border:1.5px solid var(--st-border-soft)}.st-mini-stat-value{font-size:1.15rem;font-weight:700;color:var(--st-text-main);letter-spacing:-.4px}.st-mini-stat-label{font-size:.66rem;font-weight:700;color:var(--st-text-soft);text-transform:uppercase;letter-spacing:.4px}.st-duel-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--st-bg-soft);border:1.5px solid var(--st-border-soft)}.st-duel-seg{height:100%}.st-duel-win{background:var(--ok)}.st-duel-draw{background:var(--milo-pompon)}.st-duel-loss{background:var(--milo-orange)}.st-duel-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.74rem;font-weight:700;color:var(--st-text-soft)}.st-duel-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.st-dot-win{background:var(--ok)}.st-dot-draw{background:var(--milo-pompon)}.st-dot-loss{background:var(--milo-orange)}.st-rival-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.st-rival-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:12px}.st-rival-name{font-size:.82rem;font-weight:700;color:var(--st-text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-rival-bar-track{height:8px;border-radius:999px;background:var(--st-bg-soft);border:1px solid var(--st-border-soft);overflow:hidden}.st-rival-bar-fill{height:100%;border-radius:999px;background:linear-gradient(115deg,var(--st-theme-light),var(--st-theme));transition:width .8s var(--st-spring)}.st-rival-pct{font-size:.78rem;font-weight:700;color:var(--st-theme);white-space:nowrap}.st-soon-tag{display:inline-flex;align-items:center;padding:5px 13px;border-radius:100px;background:var(--st-bg-soft);color:var(--st-text-soft);font-weight:700;font-size:.68rem;letter-spacing:.6px;text-transform:uppercase}.st-achievements-row{display:flex;flex-wrap:wrap;gap:12px}.st-achievement-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:16px;background:var(--st-surface);border:1.5px dashed var(--st-border-soft);color:var(--st-text-soft);font-size:.82rem;font-weight:700}.st-achievement-icon{position:relative;display:inline-flex;color:var(--st-theme);opacity:.65}.st-achievement-lock{position:absolute;bottom:-3px;right:-5px;background:#fff;border-radius:50%;padding:1px;color:var(--st-text-muted)}.st-achievement-more{color:var(--st-text-muted);font-style:italic}.st-skeleton-list{display:flex;flex-direction:column;gap:9px}.st-skeleton-row{height:34px;border-radius:14px;background:linear-gradient(90deg,var(--st-bg-soft) 25%,#fff 50%,var(--st-bg-soft) 75%);background-size:200% 100%;animation:st-shimmer 1.4s ease-in-out infinite}@keyframes st-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.st-card{display:flex;flex-direction:column;gap:18px;padding:24px 26px;border-radius:28px;background:#ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid #fff;box-shadow:0 16px 38px #78320a14;animation:st-fadeUp .5s var(--st-spring) both;min-width:0;transition:transform .4s var(--st-spring),box-shadow .4s ease,border-color .4s ease;height:100%}.st-card:hover{transform:translateY(-4px);border-color:var(--st-accent-light);box-shadow:0 24px 48px #78320a21}.st-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.st-card-title-wrap{display:inline-flex;align-items:center;gap:12px}.st-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--st-accent-soft);color:var(--st-accent);flex-shrink:0}.st-card-title{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.4px}.st-card-subtitle{margin:2px 0 0;font-size:.82rem;font-weight:600;color:var(--st-text-soft)}.st-card-body{transition:opacity .2s ease;min-width:0}.st-view-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:100px;border:1.5px solid var(--st-border-soft);background:transparent;color:var(--st-text-soft);font-family:var(--st-font);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .2s ease}.st-view-toggle:hover{border-color:var(--st-accent);color:var(--st-accent)}.st-table-wrap{overflow-x:auto}.st-table{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums}.st-table th,.st-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--st-grid);white-space:nowrap}.st-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--st-text-soft)}.st-activity-chart{position:relative;display:flex;flex-direction:column;gap:10px}.st-chart-panel{display:flex;flex-direction:column;gap:4px}.st-panel-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--st-text-soft);padding-left:6px}.st-svg{width:100%;height:auto;display:block;overflow:visible}.st-grid{stroke:var(--st-grid);stroke-width:1}.st-axis{stroke:var(--st-border-soft);stroke-width:1}.st-axis-text{font-family:var(--st-font);font-size:11px;font-weight:600;fill:var(--st-text-muted)}.st-direct-label{font-family:var(--st-font);font-size:11px;font-weight:700;fill:var(--st-text-main)}.st-bar{fill:var(--st-series-time);transition:filter .15s ease}.st-bar.is-hovered{filter:brightness(1.15)}.st-line{fill:none;stroke:var(--st-series-score);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.st-marker{fill:var(--st-series-score);stroke:var(--st-surface);stroke-width:2}.st-crosshair{stroke:var(--st-text-muted);stroke-width:1;pointer-events:none}.st-hit{fill:transparent;cursor:crosshair;outline:none}.st-hit:focus-visible{fill:#ff541d14}.st-tooltip{position:absolute;top:28px;transform:translate(12px);min-width:190px;padding:12px 14px;border-radius:16px;background:var(--st-surface);border:1.5px solid var(--st-border-soft);box-shadow:0 14px 30px #2a181024;pointer-events:none;z-index:5;display:flex;flex-direction:column;gap:6px;font-size:.82rem}.st-tooltip.align-right{transform:translate(calc(-100% - 12px))}.st-tooltip-title{font-weight:700}.st-tooltip-title:first-letter{text-transform:uppercase}.st-tooltip-row{display:flex;align-items:center;gap:6px;color:var(--st-text-soft)}.st-tooltip-row strong{color:var(--st-text-main);font-weight:700}.st-tooltip-muted{font-size:.75rem;color:var(--st-text-muted)}.st-key{display:inline-block;width:14px;height:3px;border-radius:2px}.st-key--time{background:var(--st-series-time)}.st-key--score{background:var(--st-series-score)}.st-subjects{display:flex;flex-direction:column;gap:14px}.st-subjects-legend{display:flex;gap:18px;font-size:.75rem;font-weight:700;color:var(--st-text-soft);padding-left:6px}.st-subjects-legend span{display:inline-flex;align-items:center;gap:6px}.st-subject-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.st-subject-row{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:18px;background:var(--st-bg-soft)}.st-subject-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.st-subject-name{font-weight:700;font-size:.98rem}.st-subject-meta{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--st-text-soft)}.st-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.st-badge--strong{background:var(--st-good-bg);color:var(--ok)}.st-badge--weak{background:var(--st-warn-bg);color:var(--milo-braise)}.st-hbar-group{display:grid;grid-template-columns:1fr 1fr;gap:14px}.st-hbar{display:flex;align-items:center;gap:10px;min-width:0}.st-hbar-track{flex:1;height:10px;border-radius:4px;background:var(--st-surface);overflow:hidden}.st-hbar-fill{height:100%;border-radius:0 4px 4px 0;transition:width .5s var(--st-spring)}.st-hbar-fill--time{background:var(--st-series-time)}.st-hbar-fill--score{background:var(--st-series-score)}.st-hbar-value{flex-shrink:0;min-width:52px;text-align:right;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.st-encouragement{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:var(--st-good-bg);color:var(--ok);font-weight:700;font-size:.88rem}.st-feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.st-feed-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--st-bg-soft)}.st-feed-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--st-surface);color:var(--st-accent)}.st-feed-body{display:flex;flex-direction:column;gap:2px;min-width:0}.st-feed-label{font-weight:700;font-size:.9rem}.st-feed-meta{font-size:.74rem;font-weight:600;color:var(--st-text-muted)}.st-feed-icon--duel_finished{color:var(--st-series-score)}.st-feed-icon--friend_accepted{color:var(--st-good)}.st-onboarding{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 26px;border-radius:32px;background:#ffffffe0;border:2px solid #fff;box-shadow:0 20px 45px #78320a14;animation:st-fadeUp .5s var(--st-spring) both}.st-onboarding-mascot{width:140px;height:auto;filter:drop-shadow(0 15px 25px rgba(42,24,16,.2))}.st-onboarding-title{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.5px}.st-onboarding-text{margin:0;max-width:520px;color:var(--st-text-soft);font-weight:600}.st-onboarding-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;width:100%;max-width:760px;margin-top:10px}.st-onboarding-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;border-radius:24px;border:2px solid transparent;background:var(--st-bg-soft);font-family:var(--st-font);cursor:pointer;transition:all .3s var(--st-spring)}.st-onboarding-card:hover{transform:translateY(-4px);border-color:var(--st-accent);background:var(--st-accent-soft)}.st-onboarding-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:var(--st-surface);color:var(--st-accent)}.st-onboarding-card-title{font-weight:700;font-size:1rem;color:var(--st-text-main)}.st-onboarding-card-text{font-size:.82rem;font-weight:600;color:var(--st-text-soft)}@media (max-width: 1200px){.st-bento{grid-template-columns:repeat(2,1fr)}.st-c-span4{grid-column:span 2}}@media (max-width: 900px){.st-hbar-group{grid-template-columns:1fr}}@media (max-width: 860px){.st-bento{grid-template-columns:1fr;gap:16px}.st-c-span2,.st-c-span4{grid-column:span 1}.st-c-row2{grid-row:span 1}.st-cell,.st-card{padding:20px;border-radius:24px}.st-mini-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.st-chart-panel{overflow-x:auto}.st-svg{min-width:520px}.st-tooltip{display:none}.st-rival-row{grid-template-columns:76px 1fr auto}}@media (prefers-reduced-motion: reduce){.st-cell,.st-card,.st-skeleton-row{animation-duration:.01ms!important;animation-iteration-count:1!important}*{transition-duration:.12s!important}}:root{--ad-accent: var(--milo-orange);--ad-accent-light: var(--accent-light);--ad-accent-soft: var(--milo-creme);--ad-accent-glow: rgba(255, 84, 29, .3);--ad-text-main: var(--milo-encre);--ad-text-soft: var(--text-2);--ad-text-muted: var(--text-3);--ad-bg-soft: var(--milo-creme);--ad-border: var(--line);--ad-surface: #ffffff;--ad-danger: var(--ko);--ad-danger-soft: var(--ko-bg);--ad-success: var(--ok);--ad-success-soft: var(--ok-bg);--ad-info: var(--milo-vert);--ad-info-soft: rgba(43, 69, 32, .1);--ad-font: var(--f-text)}.ad-page{min-height:100vh;padding:32px clamp(16px,4vw,60px);display:flex;flex-direction:column;gap:20px;background:var(--bg);font-family:var(--ad-font);color:var(--ad-text-main)}.ad-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 26px;border-radius:28px;background:#ffffffd9;border:2px solid #fff;box-shadow:0 20px 45px #78320a14}.ad-header-title{display:flex;align-items:center;gap:14px}.ad-header-title svg{color:var(--ad-accent)}.ad-header-title h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.ad-header-title p{margin:2px 0 0;font-size:.85rem;font-weight:600;color:var(--ad-text-soft)}.ad-header-user{display:flex;align-items:center;gap:14px;font-weight:700;font-size:.9rem}.ad-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:100px;background:#fffc;border:2px solid #fff;width:fit-content}.ad-tab{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;padding:9px 18px;border-radius:100px;font-family:var(--ad-font);font-weight:700;font-size:.88rem;color:var(--ad-text-soft);cursor:pointer;transition:all .25s ease}.ad-tab.active{background:linear-gradient(135deg,var(--ad-accent-light) 0%,var(--ad-accent) 100%);color:#fff;box-shadow:0 6px 16px var(--ad-accent-glow)}.ad-content{display:flex;flex-direction:column;gap:18px}.ad-users{display:flex;flex-direction:column;gap:18px;max-width:860px}.ad-search{position:relative}.ad-search-box{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:100px;background:var(--ad-surface);border:2px solid #fff;box-shadow:0 10px 25px #78320a14;color:var(--ad-text-soft)}.ad-search-box input{flex:1;border:none;outline:none;background:transparent;font-family:var(--ad-font);font-size:.95rem;font-weight:600;color:var(--ad-text-main)}.ad-suggestions{list-style:none;margin:8px 0 0;padding:6px;border-radius:18px;background:var(--ad-surface);border:1.5px solid var(--ad-border);box-shadow:0 14px 30px #2a18101f;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.ad-suggestions button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;padding:9px 12px;border-radius:12px;font-family:var(--ad-font);font-weight:700;font-size:.9rem;color:var(--ad-text-main);cursor:pointer;text-align:left}.ad-suggestions button:hover{background:var(--ad-accent-soft);color:var(--ad-accent)}.ad-card{display:flex;flex-direction:column;gap:18px;padding:24px 26px;border-radius:28px;background:#ffffffe6;border:2px solid #fff;box-shadow:0 20px 45px #78320a14}.ad-card-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ad-avatar{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--ad-accent-soft);color:var(--ad-accent);font-weight:700;font-size:1.1rem}.ad-card-identity{display:flex;flex-direction:column}.ad-card-title{margin:0;font-size:1.2rem;font-weight:700}.ad-role-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:var(--ad-bg-soft);color:var(--ad-text-soft)}.ad-role-badge--Admin{background:var(--ko-bg);color:var(--ko)}.ad-role-badge--Prof{background:#ede9fe;color:#5b21b6}.ad-role-badge--Parent{background:var(--milo-vert);color:var(--milo-craie)}.ad-role-badge--Enfant{background:var(--ad-accent-soft);color:var(--ad-accent)}.ad-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}.ad-facts div{padding:12px 14px;border-radius:16px;background:var(--ad-bg-soft)}.ad-facts dt{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ad-text-soft)}.ad-facts dd{margin:4px 0 0;font-weight:700;word-break:break-all}.ad-role-form{display:flex;flex-direction:column;gap:12px;padding-top:6px;border-top:1px solid var(--ad-border)}.ad-subtitle{margin:0;font-size:1rem;font-weight:700}.ad-role-fields{display:flex;gap:12px;flex-wrap:wrap}.ad-field{display:flex;flex-direction:column;gap:6px;min-width:200px}.ad-field--grow{flex:1}.ad-field span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ad-text-soft)}.ad-field select,.ad-field input{padding:10px 14px;border-radius:14px;border:1.5px solid var(--ad-border);background:var(--ad-surface);font-family:var(--ad-font);font-size:.9rem;font-weight:600;color:var(--ad-text-main)}.ad-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.ad-confirm{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:18px;background:var(--ad-danger-soft);border:1.5px solid var(--ko-bg)}.ad-confirm p{margin:0;font-weight:600}.ad-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;border:1.5px solid transparent;font-family:var(--ad-font);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease}.ad-btn:disabled{opacity:.5;cursor:not-allowed}.ad-btn--primary{background:linear-gradient(135deg,var(--ad-accent-light) 0%,var(--ad-accent) 100%);color:#fff;box-shadow:0 6px 16px var(--ad-accent-glow)}.ad-btn--ghost{background:var(--ad-surface);color:var(--ad-text-soft);border-color:var(--ad-border)}.ad-btn--ghost:hover:not(:disabled){color:var(--ad-text-main);border-color:var(--ad-text-muted)}.ad-btn--danger{background:var(--ad-danger);color:#fff}.ad-alert{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;border-radius:16px;font-weight:600;font-size:.9rem}.ad-alert svg{flex-shrink:0;margin-top:2px}.ad-alert--error{background:var(--ad-danger-soft);color:var(--ko)}.ad-alert--success{background:var(--ad-success-soft);color:var(--ad-success)}.ad-alert--info{background:var(--ad-info-soft);color:var(--ad-info)}.ad-muted{color:var(--ad-text-soft);font-weight:600;font-size:.88rem}.ad-audit{display:flex;flex-direction:column;gap:14px}.ad-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.ad-table-wrap{overflow-x:auto;border-radius:22px;background:#ffffffe6;border:2px solid #fff;box-shadow:0 20px 45px #78320a14;transition:opacity .2s ease}.ad-table-wrap.is-fetching{opacity:.6}.ad-table{width:100%;border-collapse:collapse;font-size:.88rem}.ad-table th,.ad-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--ad-border);vertical-align:top}.ad-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ad-text-soft)}.ad-table tbody tr:last-child td{border-bottom:none}.ad-nowrap{white-space:nowrap}.ad-chip{display:inline-block;padding:3px 10px;border-radius:100px;background:var(--ad-accent-soft);color:var(--ad-accent);font-size:.72rem;font-weight:700}.ad-pagination{display:flex;align-items:center;justify-content:center;gap:14px}.ad-spin{animation:ad-spin .9s linear infinite}@keyframes ad-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.ad-header-user{width:100%;justify-content:space-between}}.ad-cosmetics{display:flex;flex-direction:column;gap:18px;max-width:1100px}.ad-cosmetics .ad-subtitle{display:inline-flex;align-items:center;gap:8px}.ad-cosmetic-form{display:flex;flex-direction:column;gap:16px}.ad-cosmetic-fields{display:flex;flex-wrap:wrap;gap:12px}.ad-field-error{font-style:normal;font-size:.75rem;font-weight:700;color:var(--ad-danger)}.ad-field input[type=number]{font-variant-numeric:tabular-nums}.ad-field input:invalid{border-color:var(--ad-border)}.ad-cosmetic-preview{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:18px;background:var(--ad-bg-soft)}.ad-cosmetic-preview-frame{flex-shrink:0;width:96px;height:96px;border-radius:20px;background:radial-gradient(circle,#fff 0%,var(--milo-creme) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 6px 14px #0000000a}.ad-cosmetic-preview-frame img{max-width:84px;max-height:84px;object-fit:contain}.ad-cosmetic-preview-placeholder{font-size:2.4rem;color:var(--ad-text-muted);display:flex}.ad-cosmetic-preview-meta{display:flex;flex-direction:column;gap:3px;font-size:.85rem;min-width:0}.ad-cosmetic-preview-meta strong{font-size:1rem}.ad-thumb{border-radius:10px;object-fit:contain;background:#fff;flex-shrink:0}.ad-thumb--placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--ad-bg-soft)}.ad-cosmetic-cell{display:flex;align-items:center;gap:10px}.ad-table-wrap--flat{box-shadow:none;border:1px solid var(--ad-border);background:var(--ad-surface)}.ad-table tr.is-inactive td{opacity:.55}.ad-chip--ok{display:inline-flex;align-items:center;gap:4px;background:var(--ad-success-soft);color:var(--ad-success)}.ad-chip--off{background:var(--ad-bg-soft);color:var(--ad-text-soft)}.ad-btn--sm{padding:6px 12px;font-size:.75rem;gap:5px}.ad-inline-confirm{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--ad-danger)}.ad-toolbar--end{justify-content:flex-end}.ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#2a181073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ad-modal{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:28px;background:var(--ad-surface);border:2px solid #fff;box-shadow:0 30px 60px #2a181040;animation:ad-modal-in .25s ease-out}@keyframes ad-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.ad-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ad-modal-close{flex-shrink:0;width:36px;height:36px;border-radius:12px;border:1.5px solid var(--ad-border);background:transparent;color:var(--ad-text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center}.ad-modal-close:hover{color:var(--ad-text-main);border-color:var(--ad-text-muted)}.ad-modal-body{display:flex;flex-direction:column;gap:14px}.ad-modal .ad-search-box{box-shadow:none;border-color:var(--ad-border)}.ad-grant-target{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--ad-bg-soft)}.ad-grant-target-body{display:flex;flex-direction:column;min-width:0;flex:1}.ad-grant-balance{display:flex;flex-direction:column;align-items:flex-end}.ad-grant-balance strong{font-size:1.15rem}.ad-field-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ad-text-soft)}.ad-grant-presets{display:flex;gap:6px;flex-wrap:wrap}.ad-btn--ghost.is-selected{color:var(--ad-accent);border-color:var(--ad-accent);background:var(--ad-accent-soft)}.ad-grant-summary{margin:0;padding:10px 14px;border-radius:14px;background:var(--ad-accent-soft);color:var(--ad-text-main);font-weight:600;font-size:.9rem}.ad-modal--wide{max-width:760px}.ad-changes{margin:0;padding:12px 16px 12px 32px;border-radius:14px;background:var(--ad-bg-soft);font-family:var(--f-mono);font-size:.85rem;display:flex;flex-direction:column;gap:4px}.ad-switch{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:100%;padding-top:4px}.ad-switch input{position:absolute;opacity:0;width:0;height:0}.ad-switch-track{position:relative;flex-shrink:0;width:42px;height:24px;border-radius:100px;background:var(--ad-border);transition:background .2s ease}.ad-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s ease}.ad-switch input:checked+.ad-switch-track{background:var(--ad-accent)}.ad-switch input:checked+.ad-switch-track:after{transform:translate(18px)}.ad-switch input:focus-visible+.ad-switch-track{outline:2px solid var(--ad-accent);outline-offset:2px}.ad-switch-label{font-size:.85rem;font-weight:700;color:var(--ad-text-main)}:root{--ocr-accent: var(--milo-orange);--ocr-accent-light: var(--accent-light);--ocr-accent-dark: var(--milo-braise);--ocr-accent-glow: rgba(255, 84, 29, .35);--ocr-text-main: var(--milo-encre);--ocr-text-soft: var(--text-2);--ocr-text-muted: var(--text-3);--ocr-bg-soft: var(--milo-creme);--ocr-border-soft: var(--line);--ocr-font: var(--f-text);--ocr-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes ocr-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ocr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ocr-pulse-bg{0%,to{opacity:.35}50%{opacity:.6}}@keyframes ocr-spin{to{transform:rotate(360deg)}}@keyframes ocr-shine{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}@keyframes ocr-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ocr-page{min-height:100vh;padding:40px clamp(16px,4vw,50px);display:flex;flex-direction:column;gap:32px;background:transparent;font-family:var(--ocr-font);color:var(--ocr-text-main);position:relative;overflow:hidden}.ocr-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.025;pointer-events:none;z-index:0}.ocr-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 20%,rgba(255,84,29,.14) 0%,transparent 45%),radial-gradient(circle at 88% 80%,rgba(255,124,82,.12) 0%,transparent 45%);animation:ocr-pulse-bg 10s ease-in-out infinite}.ocr-page>*{position:relative;z-index:2}.ocr-content{width:min(100%,1080px);margin:0 auto;display:flex;flex-direction:column;gap:28px}.ocr-hero{position:relative;display:flex;align-items:center;gap:26px;padding:28px 36px;border-radius:36px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #FFF;box-shadow:0 25px 50px #78320a14;overflow:hidden;animation:ocr-fadeUp .5s var(--ocr-spring) both;flex-wrap:wrap}.ocr-hero-left{flex-shrink:0;position:relative;z-index:1}.ocr-hero-mascot{width:120px;height:auto;filter:drop-shadow(0 15px 25px rgba(42,24,16,.2));animation:ocr-float 4s ease-in-out infinite;display:block}.ocr-hero-halo{position:absolute;top:-40%;right:-15%;width:400px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,84,29,.22) 0%,transparent 65%)}.ocr-hero-center{flex:1;min-width:0;position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.ocr-hero-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 16px;border-radius:100px;background:linear-gradient(135deg,var(--ocr-accent-light) 0%,var(--ocr-accent) 100%);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 20px var(--ocr-accent-glow)}.ocr-hero-title{margin:4px 0 0;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--ocr-text-main)}.ocr-hero-icon{color:var(--ocr-accent);animation:ocr-rotate 6s linear infinite;filter:drop-shadow(0 4px 8px var(--ocr-accent-glow));flex-shrink:0}.ocr-hero-sub{margin:0;font-size:1rem;font-weight:600;color:var(--ocr-text-soft);max-width:520px}.ocr-error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:16px;border:2px solid var(--ko-bg);background:#fce6ead9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ko);font-weight:700;box-shadow:0 8px 24px #c3253f14;animation:ocr-fadeUp .4s var(--ocr-spring) both}.ocr-type-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px;flex-wrap:wrap;animation:ocr-fadeUp .4s var(--ocr-spring) both}.ocr-type-section-icon{color:var(--ocr-accent);filter:drop-shadow(0 2px 4px var(--ocr-accent-glow));flex-shrink:0}.ocr-type-title-wrap{display:inline-flex;align-items:center;gap:10px}.ocr-type-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--ocr-text-main);letter-spacing:-.5px}.ocr-type-count{font-size:.78rem;font-weight:700;color:var(--ocr-text-soft);text-transform:uppercase;letter-spacing:.6px;padding:7px 16px;border-radius:100px;background:#fffc;border:2px solid #FFF;box-shadow:0 4px 12px #78320a0f}.ocr-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;animation:ocr-fadeUp .5s var(--ocr-spring) both;animation-delay:.1s;opacity:0}.ocr-type-tile{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:26px;border:2px solid #FFF;border-radius:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--ocr-font);color:var(--ocr-text-main);cursor:pointer;text-align:left;box-shadow:0 16px 40px #78320a14;transition:transform .5s var(--ocr-spring),box-shadow .5s ease,border-color .4s ease;opacity:0;animation:ocr-fadeUp .5s var(--ocr-spring) forwards;overflow:hidden;isolation:isolate}.ocr-type-tile:hover{transform:translateY(-10px) scale(1.03);border-color:var(--ocr-accent-light);box-shadow:0 30px 60px #78320a2e,0 0 0 1px var(--ocr-accent-light)}.ocr-type-tile:active{transform:translateY(-4px) scale(1.01)}.ocr-tile-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,84,29,.12) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:0}.ocr-type-tile:hover .ocr-tile-bg{opacity:1}.ocr-tile-shine{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:1}.ocr-type-tile:hover .ocr-tile-shine{animation:ocr-shine .9s ease}.ocr-tile-emoji-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:28px;background:radial-gradient(circle at 30% 30%,#FFF 0%,var(--milo-creme) 100%);box-shadow:inset 0 6px 18px #0000000a,0 12px 28px #ff541d26;transition:transform .5s var(--ocr-spring)}.ocr-type-tile:hover .ocr-tile-emoji-wrap{transform:rotate(-8deg) scale(1.1)}.ocr-tile-emoji{font-size:3.2rem;line-height:1;transition:transform .5s var(--ocr-spring)}.ocr-type-tile:hover .ocr-tile-emoji{transform:scale(1.1)}.ocr-tile-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.ocr-tile-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--ocr-text-main);letter-spacing:-.6px;line-height:1.15}.ocr-tile-description{margin:0;font-size:.88rem;font-weight:600;color:var(--ocr-text-soft);line-height:1.45}.ocr-tile-cta{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:7px 14px 7px 16px;border-radius:100px;background:var(--ocr-bg-soft);color:var(--ocr-text-soft);font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;transition:all .4s var(--ocr-spring)}.ocr-tile-cta svg{transition:transform .4s var(--ocr-spring)}.ocr-type-tile:hover .ocr-tile-cta{background:var(--ocr-accent);color:#fff;box-shadow:0 8px 20px var(--ocr-accent-glow);padding-right:18px}.ocr-type-tile:hover .ocr-tile-cta svg{transform:translate(4px)}.ocr-tile-formats{position:relative;z-index:2;margin-top:auto;font-size:.72rem;font-weight:700;color:var(--ocr-text-muted);text-transform:uppercase;letter-spacing:.5px}.ocr-uploader{display:flex;flex-direction:column;gap:20px;animation:ocr-fadeUp .5s var(--ocr-spring) both}.ocr-uploader-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ocr-btn-back{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:18px;background:linear-gradient(180deg,#FFF 0%,var(--milo-creme) 100%);color:var(--ocr-text-main);font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--ocr-border-soft),0 10px 20px #0000000a;transition:all .2s ease;border:2px solid #FFF}.ocr-btn-back:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ocr-border-soft),0 15px 30px #00000014}.ocr-btn-back:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ocr-border-soft)}.ocr-type-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:linear-gradient(135deg,var(--ocr-accent-light) 0%,var(--ocr-accent) 100%);color:#fff;font-weight:700;font-size:.85rem;box-shadow:0 8px 20px var(--ocr-accent-glow)}.ocr-dropzone{display:grid;min-height:360px;place-items:center;padding:2.5rem;border:2px dashed rgba(255,84,29,.35);border-radius:32px;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .3s var(--ocr-spring),box-shadow .3s ease;box-shadow:0 16px 40px #78320a0f}.ocr-dropzone:hover,.ocr-dropzone-dragging{border-color:var(--ocr-accent);background:#ffffffd9;transform:translateY(-4px);box-shadow:0 25px 50px #78320a1f}.ocr-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.ocr-dropzone-icon{font-size:3rem;line-height:1;animation:ocr-float 4s ease-in-out infinite}.ocr-dropzone-text{color:var(--ocr-text-main);font-size:1.15rem;font-weight:700;margin:0}.ocr-dropzone-link{color:var(--ocr-accent);text-decoration:underline;text-underline-offset:3px}.ocr-dropzone-formats{color:var(--ocr-text-soft);font-size:.85rem;font-weight:700;margin:0}.ocr-hidden-input{display:none}.ocr-preview{overflow:hidden;border-radius:32px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #FFF;box-shadow:0 25px 50px #78320a14}.ocr-preview-image,.ocr-preview-pdf{display:block;width:100%;height:min(62vh,620px);border:0;object-fit:contain;background:#fff}.ocr-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px 24px;border-top:1px solid var(--ocr-border-soft)}.ocr-preview-filename{overflow:hidden;color:var(--ocr-text-main);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ocr-preview-filesize{flex:0 0 auto;color:var(--ocr-text-soft);font-size:.85rem;font-weight:700}.ocr-error-message{padding:1rem 1.25rem;border-radius:16px;border:2px solid var(--ko-bg);background:#fce6ead9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ko);font-weight:700;margin:0}.ocr-actions{display:flex;justify-content:flex-end;gap:12px}.ocr-btn-delete{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:18px;background:linear-gradient(180deg,var(--ko-bg) 0%,var(--ko-bg) 100%);color:var(--ko);font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--ko-bg),0 10px 20px #c3253f0f;transition:all .2s ease}.ocr-btn-delete:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ko-bg),0 15px 30px #c3253f1f}.ocr-btn-delete:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ko-bg)}.ocr-btn-send{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:200px;padding:14px 28px;border:none;border-radius:18px;background:linear-gradient(180deg,var(--ocr-accent-light) 0%,var(--ocr-accent) 100%);color:#fff;font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--ocr-accent-dark),0 10px 20px var(--ocr-accent-glow);transition:all .2s ease;position:relative;overflow:hidden}.ocr-btn-send:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s}.ocr-btn-send:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ocr-accent-dark),0 18px 35px var(--ocr-accent-glow)}.ocr-btn-send:hover:after{left:150%}.ocr-btn-send:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ocr-accent-dark)}.ocr-btn-delete:disabled,.ocr-btn-send:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.ocr-loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ocr-spin .8s linear infinite}.ocr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#2a181080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ocr-modal{width:min(100%,640px);padding:32px;border-radius:36px;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #FFF;box-shadow:0 30px 70px #2a181038;animation:ocr-fadeUp .4s var(--ocr-spring) both}.ocr-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:24px}.ocr-modal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--ocr-text-main);letter-spacing:-.8px}.ocr-modal-close{display:grid;width:40px;height:40px;place-items:center;border:none;border-radius:14px;background:var(--ocr-bg-soft);color:var(--ocr-text-main);cursor:pointer;font-weight:700;font-size:1.1rem;transition:all .2s ease}.ocr-modal-close:hover{background:var(--ocr-border-soft);transform:scale(1.08)}.ocr-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.ocr-action-card{position:relative;display:flex;min-height:180px;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border:2px solid #FFF;border-radius:28px;background:#ffffffd9;color:var(--ocr-text-main);text-align:left;cursor:pointer;box-shadow:0 12px 30px #78320a0f;transition:transform .4s var(--ocr-spring),box-shadow .4s ease,border-color .3s ease;overflow:hidden;isolation:isolate}.ocr-action-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--ocr-accent-light);box-shadow:0 24px 50px #78320a29,0 0 0 1px var(--ocr-accent-light)}.ocr-action-card:active{transform:translateY(-2px) scale(1.01)}.ocr-action-card-shine{position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-200%) skew(-20deg);pointer-events:none;z-index:0}.ocr-action-card:hover .ocr-action-card-shine{animation:ocr-shine .9s ease}.ocr-action-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:radial-gradient(circle at 30% 30%,#FFF 0%,var(--milo-creme) 100%);box-shadow:inset 0 4px 12px #0000000a,0 8px 20px #ff541d1f;font-size:1.8rem;line-height:1;transition:transform .4s var(--ocr-spring)}.ocr-action-card:hover .ocr-action-icon{transform:rotate(-8deg) scale(1.1)}.ocr-action-label{position:relative;z-index:1;font-size:1.1rem;font-weight:700;letter-spacing:-.3px}.ocr-action-description{position:relative;z-index:1;font-size:.88rem;font-weight:600;color:var(--ocr-text-soft);line-height:1.45}.ocr-ex-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:min(100%,1180px);margin:0 auto;animation:ocr-fadeUp .4s var(--ocr-spring) both}.ocr-btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:18px;background:linear-gradient(180deg,#FFF 0%,var(--milo-creme) 100%);color:var(--ocr-text-main);font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--ocr-border-soft),0 10px 20px #0000000a;border:2px solid #FFF;transition:all .2s ease}.ocr-btn-secondary:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ocr-border-soft),0 15px 30px #00000014}.ocr-btn-secondary:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ocr-border-soft)}.ocr-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:18px;background:linear-gradient(180deg,var(--ocr-accent-light) 0%,var(--ocr-accent) 100%);color:#fff;font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--ocr-accent-dark),0 10px 20px var(--ocr-accent-glow);transition:all .2s ease;position:relative;overflow:hidden}.ocr-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s}.ocr-btn-primary:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ocr-accent-dark),0 18px 35px var(--ocr-accent-glow)}.ocr-btn-primary:hover:after{left:150%}.ocr-btn-primary:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ocr-accent-dark)}.ocr-ex-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;width:min(100%,1180px);margin:0 auto;align-items:start}.ocr-ex-sheet{min-height:720px;padding:3rem;border-radius:32px;border:2px solid #FFF;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px #78320a14;animation:ocr-fadeUp .5s var(--ocr-spring) both;animation-delay:.05s;opacity:0}.ocr-ex-sheet-header{display:flex;justify-content:space-between;gap:2rem;padding-bottom:1.25rem;border-bottom:2px solid var(--ocr-border-soft)}.ocr-ex-eyebrow{margin-bottom:.35rem;color:var(--ocr-accent);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ocr-ex-sheet-header h1{margin:0;color:var(--ocr-text-main);font-size:2rem;font-weight:700;letter-spacing:-1px}.ocr-ex-sheet-meta{display:grid;min-width:210px;gap:.6rem;color:var(--ocr-text-soft);font-weight:700}.ocr-ex-instructions{margin:1.5rem 0;padding:1rem 1.15rem;border-left:4px solid var(--ocr-accent);border-radius:0 14px 14px 0;background:#fff4e5d9;color:var(--ocr-text-main);line-height:1.6;font-weight:600}.ocr-ex-statement{display:grid;gap:1rem;margin-top:1.5rem;color:var(--milo-encre);font-family:Georgia,Times New Roman,serif;font-size:1.12rem;line-height:1.75}.ocr-ex-statement p{margin:0}.ocr-ex-help{display:grid;gap:16px;animation:ocr-fadeUp .5s var(--ocr-spring) both;animation-delay:.15s;opacity:0}.ocr-ex-answer-box,.ocr-ex-hints-box,.ocr-ex-solution-box{padding:22px;border-radius:24px;border:2px solid #FFF;background:#fffc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 35px #78320a0f}.ocr-ex-answer-box h2,.ocr-ex-hints-box h2{margin:0 0 14px;color:var(--ocr-text-main);font-size:1.15rem;font-weight:700;letter-spacing:-.3px}.ocr-ex-answer-box textarea{width:100%;min-height:150px;padding:14px;border:2px solid var(--ocr-border-soft);border-radius:16px;resize:vertical;color:var(--ocr-text-main);font-family:var(--ocr-font);font-weight:600;line-height:1.5;background:#fff9;transition:border-color .2s ease,box-shadow .2s ease}.ocr-ex-answer-box textarea:focus{outline:none;border-color:var(--ocr-accent-light);box-shadow:0 0 0 4px var(--ocr-accent-glow)}.ocr-ex-hints-box{display:grid;gap:12px}.ocr-hint-card{display:grid;gap:10px;padding:16px;border:2px solid rgba(255,84,29,.15);border-radius:20px;background:#fff4e5e6;transition:opacity .3s ease,filter .3s ease}.ocr-hint-card-locked{opacity:.5;filter:grayscale(.4)}.ocr-hint-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ocr-hint-header>div{display:inline-flex;align-items:center;gap:8px}.ocr-hint-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:12px;background:#ff541d1f;color:var(--ocr-accent-dark)}.ocr-hint-timer{display:inline-flex;align-items:center;gap:6px;color:var(--ocr-accent-dark);font-size:.85rem;font-weight:700}.ocr-hint-content{margin:0;color:var(--ocr-text-main);font-weight:600;line-height:1.55}.ocr-btn-hint{width:100%;padding:12px 16px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--milo-creme) 0%,var(--milo-creme) 100%);color:var(--ocr-accent-dark);font-family:var(--ocr-font);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 0 var(--milo-lettre),0 8px 16px #ff541d14;transition:all .2s ease}.ocr-btn-hint:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--milo-lettre),0 12px 24px #ff541d24}.ocr-btn-hint:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--milo-lettre)}.ocr-btn-hint:disabled{cursor:not-allowed;opacity:.5}.ocr-btn-show-answer{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border:none;border-radius:18px;background:linear-gradient(180deg,var(--milo-encre) 0%,var(--milo-encre) 100%);color:#fff;font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--milo-encre),0 10px 20px #0000001f;transition:all .2s ease}.ocr-btn-show-answer:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--milo-encre),0 15px 30px #0000002e}.ocr-btn-show-answer:active{transform:translateY(3px);box-shadow:0 3px 0 var(--milo-encre)}.ocr-ex-solution-box{border-color:var(--ocr-border-soft);background:#fff4e5e6}.ocr-ex-solution-box h3{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:var(--ocr-text-main)}.ocr-ex-solution-box p{margin:0 0 .75rem;color:var(--milo-encre);line-height:1.6;font-weight:600}.ocr-hint-error{margin:0;padding:12px 16px;border-radius:14px;border:2px solid var(--ko-bg);background:#fce6ead9;color:var(--ko);font-weight:700}.ocr-empty-state{display:grid;place-items:center;gap:12px;width:min(100%,620px);margin:12vh auto 0;padding:3rem;border-radius:32px;border:2px solid #FFF;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;box-shadow:0 25px 50px #78320a14;animation:ocr-fadeUp .5s var(--ocr-spring) both}.ocr-empty-state h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--ocr-text-main)}.ocr-empty-state p{margin:0;color:var(--ocr-text-soft);font-weight:600}.ocr-empty-state button{margin-top:8px;padding:14px 28px;border:none;border-radius:18px;background:linear-gradient(180deg,var(--ocr-accent-light) 0%,var(--ocr-accent) 100%);color:#fff;font-family:var(--ocr-font);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 6px 0 var(--ocr-accent-dark),0 10px 20px var(--ocr-accent-glow);transition:all .2s ease}.ocr-empty-state button:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--ocr-accent-dark),0 18px 35px var(--ocr-accent-glow)}@media (max-width: 1100px){.ocr-ex-layout{grid-template-columns:1fr}.ocr-ex-help{grid-row:2}.ocr-type-grid{grid-template-columns:repeat(3,1fr);gap:18px}.ocr-type-tile{padding:22px;border-radius:28px}.ocr-tile-emoji-wrap{width:82px;height:82px}.ocr-tile-emoji{font-size:2.8rem}.ocr-tile-title{font-size:1.2rem}.ocr-hero-mascot{width:105px}}@media (max-width: 860px){.ocr-page{padding:24px 16px;gap:24px}.ocr-hero{padding:22px;border-radius:28px;gap:16px;flex-wrap:wrap}.ocr-type-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ocr-type-tile{padding:20px;border-radius:26px}.ocr-tile-emoji-wrap{width:72px;height:72px;border-radius:22px}.ocr-tile-emoji{font-size:2.4rem}.ocr-tile-title{font-size:1.05rem}.ocr-tile-cta{padding:6px 12px 6px 14px;font-size:.72rem}.ocr-dropzone{min-height:280px;border-radius:24px;padding:1.5rem}.ocr-preview{border-radius:24px}.ocr-ex-toolbar{flex-direction:column}.ocr-btn-secondary,.ocr-btn-primary{width:100%;justify-content:center}.ocr-ex-sheet{padding:1.5rem;border-radius:24px}.ocr-ex-sheet-header{flex-direction:column}.ocr-ex-sheet-header h1{font-size:1.6rem}}@media (max-width: 560px){.ocr-hero{flex-direction:column;text-align:center;padding:22px;border-radius:24px}.ocr-hero-center{align-items:center}.ocr-hero-chip{margin:0 auto}.ocr-hero-mascot{width:90px}.ocr-type-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ocr-type-tile{padding:18px;border-radius:22px}.ocr-tile-emoji-wrap{width:64px;height:64px;border-radius:20px}.ocr-tile-emoji{font-size:2.1rem}.ocr-tile-title{font-size:.98rem}.ocr-uploader-header{flex-direction:column;align-items:stretch}.ocr-btn-back,.ocr-type-tag{width:100%;justify-content:center;text-align:center}.ocr-actions{flex-direction:column}.ocr-btn-delete,.ocr-btn-send{width:100%;justify-content:center}.ocr-preview-meta{flex-direction:column;align-items:stretch}}@media (max-width: 380px){.ocr-type-grid{grid-template-columns:1fr}.ocr-type-tile{aspect-ratio:auto;padding:18px;flex-direction:row;align-items:center;gap:16px}.ocr-tile-emoji-wrap{width:60px;height:60px}.ocr-tile-emoji{font-size:2rem}.ocr-tile-body{flex:1;min-width:0}}@media print{.sb-sidebar,.ocr-no-print{display:none!important}.main-container{margin-left:0!important;background:#fff!important}.ocr-page{min-height:auto;padding:0;background:#fff}.ocr-page:before,.ocr-page:after{display:none}.ocr-ex-layout{display:block;width:100%;margin:0}.ocr-ex-sheet{min-height:auto;padding:0;border:0;border-radius:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}}html,body{background:var(--bg)!important;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--f-text);min-height:100vh;color:var(--milo-encre);overflow-x:hidden}.main-container{margin-left:280px;min-height:100vh;background:var(--bg);animation:fadeIn 1s ease-out forwards}.welcome-section{height:237px;background:linear-gradient(135deg,var(--accent-light) 0%,var(--milo-orange) 100%);border-radius:30px;padding:2.5rem;color:var(--milo-blanc);position:relative;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #ff541d33}.achievement-icon{font-size:2rem;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.achievement-info h4{font-weight:600;color:var(--milo-encre);margin-bottom:.25rem;font-size:.95rem}.achievement-info p{font-size:.8rem;color:var(--text-2)}.achievement-item:hover .achievement-info h4,.achievement-item:hover .achievement-info p{color:#fff}.graphical-card{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;transition:transform .2s ease;position:relative;overflow:hidden}.graphical-card:hover{transform:translateY(-3px)}.graphical-card.vibrant{color:#fff}.graphical-card.vibrant h3{color:#fff!important;opacity:.9}.card-decoration-icon{position:absolute;right:-10px;bottom:-20px;font-size:8rem;opacity:.1;transform:rotate(-15deg);pointer-events:none}@media (max-width: 640px){.graphical-card[style*=flex]{flex-direction:column!important;text-align:center}.card-decoration-icon{font-size:5rem}}.children-section{margin-bottom:3rem}.children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.child-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s;border:2px solid transparent}.child-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.child-card.selected{border-color:var(--milo-orange);box-shadow:0 8px 24px #ff541d40}.child-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.child-avatar{font-size:3rem}.child-info h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--milo-encre)}.child-info p{margin:0;font-size:.875rem;color:var(--text-2)}.child-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;flex:1;padding:.75rem;background:var(--milo-creme);border-radius:.5rem}.stat-details{display:flex;flex-direction:column}.stat-value{font-weight:700;color:var(--milo-encre);font-size:1rem}.stat-label{font-size:.75rem;color:var(--text-2)}.child-progress{margin-bottom:1rem}.progress-bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--milo-orange) 0%,var(--milo-orange) 100%);transition:width .3s}.progress-text{font-size:.75rem;color:var(--text-2)}.child-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.action-btn{width:100%;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.primary{background:linear-gradient(90deg,var(--milo-orange) 0%,var(--milo-orange) 100%);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff541d4d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stat-card-icon{font-size:2.5rem}.stat-card-content h3{font-size:.875rem;color:var(--text-2);margin:0 0 .5rem;font-weight:500}.stat-card-content .stat-value{font-size:1.75rem;font-weight:700;color:var(--milo-encre)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--f-text);background:var(--bg);min-height:100vh;color:var(--milo-encre);overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.1);z-index:100;padding:2rem 0;display:flex;flex-direction:column;box-shadow:4px 0 30px #0000001a;animation:slideInLeft .7s ease-out forwards}.sidebar-logo{padding:0 2rem;margin-bottom:3rem;display:flex;justify-content:left;align-items:left}.sidebar-logo img.logo{max-width:100%;height:auto;width:125px}.sidebar-nav{flex:1;padding:0 1rem}.nav-group{margin-bottom:2rem}.nav-group-title{font-size:.75rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.1em;padding:0 1rem;margin-bottom:.5rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;margin:.25rem 0;border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--text-2);font-weight:500}.nav-item:hover{background:#ff541d1a;color:var(--accent-text);transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));color:#fff;box-shadow:0 4px 15px #ff541d4d}.nav-item-icon{font-size:1.2rem;margin-right:.75rem;width:24px;text-align:center}.nav-item-badge{margin-left:auto;background:var(--milo-orange);color:#fff;font-size:.7rem;padding:.2rem .5rem;border-radius:10px;font-weight:600}.sidebar-footer{padding:1.5rem 2rem 0;border-top:1px solid rgba(0,0,0,.1)}.logout-button{width:100%;padding:.75rem 1rem;margin:.5rem 0 0;background:#c3253f1a;color:var(--ko);border:2px solid rgba(195,37,63,.2);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-button:hover{background:var(--ko);color:#fff;border-color:var(--ko);transform:translateY(-2px);box-shadow:0 4px 15px #c3253f4d}.logout-button:active{transform:translateY(0)}.user-profile{display:flex;align-items:center;padding:1rem;background:#ff541d1a;border-radius:16px;cursor:pointer;transition:all .3s ease}.user-profile:hover{background:#ff541d26;transform:scale(1.02)}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:.75rem}.user-info h4{font-weight:600;color:var(--milo-encre);margin-bottom:.25rem}.user-info p{font-size:.8rem;color:var(--text-2)}.main-container{margin-left:280px;min-height:100vh;animation:fadeIn 1s ease-out forwards}@media (max-width: 1024px){.main-container{margin-left:240px}}@media (max-width: 768px){.main-container{margin-left:0;padding-top:64px}}.top-bar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;box-shadow:0 2px 20px #0000001a;animation:slideInDown .7s ease-out forwards}.search-bar{flex:1;max-width:600px;margin:0 2rem;position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid rgba(0,0,0,.1);border-radius:25px;background:#fff;font-size:.95rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--milo-orange);box-shadow:0 0 0 3px #ff541d1a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-2);font-size:1.1rem}.top-bar-actions{display:flex;align-items:center;gap:1rem}.action-button{padding:.75rem;border-radius:12px;background:#fff;border:2px solid rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;font-size:1.1rem;color:var(--text-2)}.action-button:hover{background:var(--milo-orange);color:#fff;border-color:var(--milo-orange);transform:translateY(-2px)}.stats-badges{display:flex;gap:.75rem}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stat-badge.yellow{background:linear-gradient(135deg,var(--milo-pompon),var(--milo-pompon));color:var(--milo-braise)}.stat-badge.orange{background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));color:#fff}.dashboard{padding:2rem;display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}.main-column{display:flex;flex-direction:column;gap:1.5rem}.sidebar-column{display:flex;flex-direction:column;gap:2rem}.weekly-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.subscription-columns{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.pedagogy-insights-row{display:flex;gap:2rem}@media (max-width: 900px){.dashboard{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.subscription-columns{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard{padding:1rem;gap:1.25rem}.weekly-stats-grid{grid-template-columns:1fr}.pedagogy-insights-row{flex-direction:column;gap:1rem}.welcome-section{height:auto;padding:1.75rem}.welcome-title{font-size:1.6rem}.welcome-subtitle{font-size:1rem;margin-bottom:1.25rem}.quick-action-buttons{flex-wrap:wrap;gap:.6rem}.section-title{font-size:1.2rem}}.welcome-section{margin-bottom:0;height:237px;background:linear-gradient(135deg,var(--accent-light) 0%,var(--milo-orange) 100%);border-radius:30px;padding:2.5rem;color:#fff;position:relative;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #ff541d33}.welcome-title{font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem;line-height:1.2}.welcome-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.welcome-content{position:relative;z-index:2}.welcome-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.welcome-img{width:100%;max-width:30%;position:absolute;bottom:-100px;left:550px}.quick-action-buttons{display:flex;gap:1rem}.quick-action-btn{padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.3);background:#fff3;color:#fff;border-radius:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-action-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.section-card{background:#fff;border-radius:20px;padding:1rem;box-shadow:0 8px 30px #00000014;transition:all .3s ease;animation:slideInRight .8s ease-out forwards;opacity:0}.section-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.sidebar-column .section-card:nth-child(1){animation-delay:.6s}.sidebar-column .section-card:nth-child(2){animation-delay:.8s}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--milo-encre)}.progress-indicator{background:#ff541d1a;color:var(--accent-text);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.missions-grid{display:grid;gap:1rem}.mission-card{background:var(--milo-creme);border-radius:16px;margin-top:5px;padding:1.5rem;border-left:4px solid;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;animation:slideInUp .6s ease-out forwards;opacity:0}.mission-card:nth-child(1){animation-delay:1s}.mission-card:nth-child(2){animation-delay:1.2s}.mission-card:nth-child(3){animation-delay:1.4s}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.5) 100%);opacity:0;transition:opacity .3s ease}.mission-card:hover:before{opacity:1}.mission-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000026}.mission-card.green{border-left-color:var(--ok)}.mission-card.orange{border-left-color:var(--milo-orange)}.mission-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.mission-info{flex:1}.mission-title{font-size:1.2rem;font-weight:600;color:var(--milo-encre);margin-bottom:.5rem}.mission-description{color:var(--text-2);margin-bottom:.75rem;font-size:.95rem}.mission-category{display:inline-block;background:#ff541d1a;color:var(--accent-text);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mission-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.mission-points{background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));color:#fff;padding:.5rem 1rem;border-radius:16px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #ff541d4d}.mission-check{font-size:1.5rem;animation:bounce 2s infinite}.mission-card.green .mission-check{animation:pulse 2s infinite}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{display:flex;align-items:center;padding:1rem;background:var(--milo-creme);border-radius:12px;transition:all .3s ease;cursor:pointer;animation:slideInUp .6s ease-out forwards;opacity:0}.achievement-item:nth-child(1){animation-delay:1.2s}.achievement-item:nth-child(2){animation-delay:1.4s}.achievement-item:nth-child(3){animation-delay:1.6s}.achievement-item:hover{background:var(--milo-orange);color:#fff;transform:translate(8px)}.achievement-icon{font-size:2rem;margin-right:1rem;animation:float 3s ease-in-out infinite}@media (max-width: 1200px){.dashboard{grid-template-columns:1fr;padding:1.5rem}.sidebar-column{grid-row:1}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--milo-orange);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--milo-orange)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkleFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.5)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.milo-banner-clickable{background:var(--accent-light);border-radius:24px;padding:0;position:relative;overflow:hidden;display:flex;min-height:300px;cursor:pointer;animation:slideInUp 1s ease-out .4s forwards;opacity:0;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;border:none}.milo-banner-clickable:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000040}.milo-banner-clickable:active{transform:translateY(2px) scale(.98);box-shadow:0 5px 10px #0003}.milo-image-container{width:100%;height:100%}.milo-display-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease}.milo-banner-clickable:hover .milo-display-img{transform:scale(1.02);filter:brightness(1.1)}.milo-banner-clickable:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:.7s}.milo-banner-clickable:hover:after{left:150%}.milo-banner-clickable{transition:all .2s cubic-bezier(.4,0,.2,1)}.announcements-section{height:237px;display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:2px solid var(--milo-creme);position:relative}.badge-new{background:linear-gradient(135deg,var(--ok) 0%,var(--ok) 100%);color:#fff;font-size:.65rem;padding:4px 10px;border-radius:20px;font-weight:700;text-transform:uppercase;box-shadow:0 4px 10px #23874b4d;animation:pulse-green 2s infinite}.announcements-scroll{overflow-y:auto;flex:1;padding-right:8px;margin-top:1rem}.announcement-item{padding:1rem;background:var(--bg);border-radius:16px;border:1px solid var(--milo-creme);border-left:5px solid var(--milo-orange);margin-bottom:.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.announcement-date{font-size:.7rem;font-weight:700;color:var(--accent-text);margin-bottom:.3rem;display:block;opacity:.8}.announcement-content h4{font-size:1rem;color:var(--milo-encre);font-weight:700;margin-bottom:.2rem}.announcement-content p{font-size:.85rem;color:var(--text-2);line-height:1.4}.announcements-scroll::-webkit-scrollbar{width:6px}.announcements-scroll::-webkit-scrollbar-track{background:var(--milo-creme);border-radius:10px}.announcements-scroll::-webkit-scrollbar-thumb{background:var(--milo-lettre);border-radius:10px}.announcements-scroll::-webkit-scrollbar-thumb:hover{background:var(--milo-orange)}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 #23874bb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #23874b00}to{transform:scale(1);box-shadow:0 0 #23874b00}}.textfield-container{width:100%}.textfield-input-icon-container{display:flex;flex-direction:row;align-items:center;background-color:#fff;border-radius:9999px;padding:4px 15px;border:1px solid var(--line);box-shadow:0 1px 2px #0000001a;height:48px}.textfield-icon-container{display:flex;justify-content:center;align-items:center}.textfield-right-icon-container{padding:8px;display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.textfield-right-icon-container:hover{opacity:.7}.textfield-input{flex:1;margin-left:10px;font-size:15px;color:var(--milo-encre);height:43px;border:none;outline:none;background:transparent}.textfield-input::placeholder{color:var(--text-3)}.textfield-disabled{background-color:var(--milo-creme)!important;border-color:var(--text-2)!important;cursor:not-allowed;opacity:.6}.textfield-input-disabled{color:var(--text-2)!important;cursor:not-allowed}.textfield-input-disabled::placeholder{color:var(--milo-encre)!important}.textfield-error-text{color:var(--ko);font-size:14px;margin-top:5px;margin-left:15px}.auth-header{position:relative;z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between}.auth-header-logo-link{display:flex;align-items:center}.auth-header-logo{height:48px}.auth-back-link{display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--milo-encre);padding:0;font-family:inherit}.auth-back-icon{background:#fff;padding:10px;border-radius:12px;box-shadow:0 5px 15px #0000000d;display:flex;align-items:center;justify-content:center;transition:.3s}.auth-back-link:hover .auth-back-icon{background:#000;color:#fff;transform:translate(-3px)}.auth-header-right-link{color:var(--accent-text);text-decoration:none;font-weight:700;font-size:.85rem;border-bottom:2px solid rgba(255,84,29,.2);padding-bottom:2px;transition:.3s}.auth-header-right-link:hover{border-color:var(--milo-orange)}.auth-page-root{min-height:100vh;background:var(--milo-creme);font-family:var(--f-text);position:relative;overflow-x:hidden;display:flex;flex-direction:column}.auth-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.auth-mesh:before,.auth-mesh:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.auth-mesh:before{width:500px;height:500px;background:var(--milo-orange);top:-150px;left:-120px}.auth-mesh:after{width:500px;height:500px;background:var(--milo-orange);bottom:-150px;right:-120px}.auth-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 80px;position:relative;z-index:5}.auth-glass-card{background:#ffffffa6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:40px;border:1px solid rgba(255,255,255,.8);padding:50px;width:100%;max-width:560px;box-shadow:0 50px 100px #00000014;position:relative;z-index:6}@media (max-width: 640px){.auth-glass-card{padding:32px 24px;border-radius:28px}}.forgot-password{text-align:right;margin-top:-.5rem}.forgot-password-link{color:var(--accent-text);font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer;background:none;border:none;transition:color .2s;font-family:inherit}.forgot-password-link:hover{color:var(--accent-text)}.divider{margin:.25rem 0;display:flex;align-items:center}.divider-line{flex:1;height:1px;background:#2a18101f}.divider-text{padding:0 1rem;color:var(--text-3);font-size:.8rem;font-weight:700}.main-button{display:block;width:100%;height:52px;padding:0 24px;border:0;border-radius:var(--r-m);background:var(--milo-orange);color:var(--milo-blanc);box-shadow:0 5px 0 var(--milo-relief);margin-bottom:5px;font:700 19px/1 var(--f-text);letter-spacing:.01em;cursor:pointer;transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.main-button:hover{filter:brightness(1.05)}.main-button:active{transform:translateY(5px);box-shadow:0 0 0 var(--milo-relief)}.main-button:disabled{background:var(--surface-2);color:var(--text-2);box-shadow:0 5px 0 var(--line);cursor:not-allowed;filter:none;transform:none}.main-button-inner{display:flex;align-items:center;justify-content:center;gap:8px;height:100%}.main-button-icon{display:flex;color:inherit}.main-button .main-button-label{font:inherit;color:inherit!important}.main-button .animate-spin{animation:main-button-spin 1s linear infinite}@keyframes main-button-spin{to{transform:rotate(360deg)}}.step-progress{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;padding:16px 30px;border-radius:100px;box-shadow:0 10px 30px #0000000d;margin-bottom:40px;z-index:6;position:relative}.step-item{display:flex;align-items:center;gap:10px}.step-dot{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-3);background:var(--milo-creme);border:2px solid var(--line);transition:.3s}.step-dot.active{background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));color:#fff;border-color:transparent;box-shadow:0 4px 12px #ff541d59}.step-dot.completed{background:var(--milo-encre);color:#fff;border-color:transparent}.step-label{font-size:.8rem;font-weight:700;color:var(--text-3);transition:.3s;white-space:nowrap}.step-label.active,.step-label.completed{color:var(--milo-encre)}.step-line{width:50px;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.step-line-fill{height:100%;background:var(--milo-encre)}@media (max-width: 640px){.step-label{display:none}.step-line{width:30px}.step-progress{gap:6px;padding:14px 20px}}.role-select-intro{text-align:center;max-width:600px;margin:0 auto 50px;display:flex;flex-direction:column;align-items:center}.role-select-intro h1{font-size:2.5rem;font-weight:700;color:var(--milo-encre);letter-spacing:-1px;margin-bottom:16px}.role-select-intro h1 span{background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.role-select-intro p{color:var(--text-2);font-size:1.05rem;font-weight:600}.role-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;width:100%;z-index:5;position:relative}.role-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:32px;padding:35px 28px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px #0000000f;transition:box-shadow .3s,border-color .3s;font-family:inherit;width:100%;height:100%}.role-card:hover{border-color:#ff541d66;box-shadow:0 30px 60px #ff541d26}.role-card-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.role-card-title{font-size:1.25rem;font-weight:700;color:var(--milo-encre)}.role-card-tagline{font-size:.75rem;font-weight:700;color:var(--accent-text);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.role-card-description{color:var(--text-2);font-size:.9rem;font-weight:600;line-height:1.5;flex:1}.role-card-cta{margin-top:10px;display:inline-flex;align-items:center;gap:6px;color:var(--milo-encre);font-weight:700;font-size:.9rem}.role-card-locked{cursor:not-allowed;opacity:.6}.role-card-locked .role-card-icon{background:var(--line)}.role-card-locked .role-card-tagline{color:var(--text-3)}@media (max-width: 900px){.role-cards-grid{grid-template-columns:1fr;max-width:420px}}@media (max-width: 640px){.role-select-intro h1{font-size:1.9rem}}.register-role-pill{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--milo-orange) 0%,var(--milo-orange) 100%);color:#fff;padding:8px 16px;border-radius:100px;font-weight:700;font-size:.8rem;margin-bottom:20px}.form-header{margin-bottom:1.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row>*{min-width:0}.auth-glass-card .textfield-input-icon-container{border-radius:18px;border:2px solid rgba(241,223,203,.8);background:#ffffffe6;height:52px;transition:.25s;min-width:0}.auth-glass-card .textfield-input{font-weight:600;font-family:inherit;min-width:0}.legal-text{margin-top:.25rem;text-align:center;font-size:.8rem;color:var(--text-2);font-weight:600;line-height:1.5}.legal-text a{color:var(--accent-text);text-decoration:underline}.signup-section{text-align:center;margin-top:.25rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.form-title{font-size:1.5rem}}.login-main{justify-content:center;padding-top:20px}.login-card{max-width:460px}.login-intro{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:1.75rem}.login-logo{height:4.5rem;width:auto;margin-bottom:1rem}.success-icon-circle{width:4rem;height:4rem;border-radius:50%;background:#ff541d1f;color:var(--accent-text);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.form-title{font-size:1.75rem;font-weight:700;color:var(--milo-encre);margin:0 0 .4rem;letter-spacing:-.5px}.form-subtitle{color:var(--text-2);font-size:.95rem;font-weight:600;margin:0}.form-subtitle strong{color:var(--milo-encre)}.form{display:flex;flex-direction:column;gap:1.1rem}.auth-glass-card .textfield-input-icon-container{border-radius:18px;border:2px solid rgba(241,223,203,.8);background:#ffffffe6;height:52px;transition:.25s}.auth-glass-card .textfield-input-icon-container:focus-within{border-color:var(--milo-orange);box-shadow:0 10px 25px #ff541d26}.auth-glass-card .textfield-input{font-weight:600;font-family:inherit}.auth-glass-card .textfield-error-text{font-weight:600}.forgot-error-text{color:var(--ko);font-size:.85rem;font-weight:600;margin:0 0 .5rem}.signup-section{text-align:center}.signup-text{color:var(--text-2);font-size:.9rem;font-weight:600;margin:0}.signup-link{color:var(--accent-text);font-weight:700;text-decoration:none;cursor:pointer;background:none;border:none;font-size:.9rem;transition:color .2s;font-family:inherit}.signup-link:hover{color:var(--accent-text)}.signup-link:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.form-title{font-size:1.5rem}}.forgot-steps{list-style:none;display:flex;justify-content:center;gap:1.25rem;margin:0 0 1.5rem;padding:0}.forgot-step{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;color:var(--text-3)}.forgot-step-index{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#f1dfcbe6;color:var(--text-2);font-size:.75rem;font-weight:700}.forgot-step.is-current{color:var(--milo-encre)}.forgot-step.is-current .forgot-step-index,.forgot-step.is-done .forgot-step-index{background:linear-gradient(135deg,var(--accent-light) 0%,var(--milo-orange) 100%);color:#fff;box-shadow:0 6px 14px #ff541d4d}.code-input{display:flex;flex-direction:column;gap:.5rem}.code-input-boxes{display:flex;justify-content:center;gap:.55rem}.code-input-box{width:3rem;height:3.4rem;border-radius:16px;border:2px solid rgba(241,223,203,.8);background:#ffffffe6;text-align:center;font-size:1.5rem;font-weight:700;color:var(--milo-encre);font-family:inherit;outline:none;transition:.25s}.code-input-box:focus{border-color:var(--milo-orange);box-shadow:0 10px 25px #ff541d26}.code-input-box:disabled{opacity:.6}.code-input-boxes.has-error .code-input-box{border-color:var(--ko-bg)}.code-input-error{text-align:center;margin:0}.forgot-countdown{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:700;color:var(--text-2)}.forgot-countdown.is-expired{color:var(--ko)}.forgot-hint{font-size:.78rem;margin-top:.5rem;color:var(--text-3)}.forgot-rules{list-style:none;margin:-.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-3)}.forgot-rules li:before{content:"○ "}.forgot-rules li.is-ok{color:var(--ok)}.forgot-rules li.is-ok:before{content:"✓ "}@media (max-width: 400px){.code-input-box{width:2.5rem;height:3rem;font-size:1.25rem}.forgot-steps{gap:.75rem}.forgot-step-label{display:none}}.lp{--lp-creme: #f6ebdf;--lp-sable: #f1d2b2;--lp-mandarine: #f4922a;--lp-orange: #f36b16;--lp-milo: var(--milo-orange);--lp-brique: #ef4f1a;--lp-vermillon: #ed3c1d;--lp-foret: var(--milo-vert);--lp-braise: var(--milo-braise);--lp-ink: var(--milo-encre);--lp-ink-2: var(--text-2);--lp-surface: #fffbf6;--lp-line: #ebd3bc;--lp-feu: linear-gradient(135deg, var(--lp-mandarine) 0%, var(--lp-orange) 38%, var(--lp-brique) 70%, var(--lp-vermillon) 100%);--lp-feu-nav: linear-gradient(135deg, var(--lp-orange) 0%, var(--lp-vermillon) 100%);--lp-f-display: var(--f-display);--lp-f-text: var(--f-text);--lp-shadow: 0 1px 0 rgba(42, 26, 16, .04), 0 18px 40px -18px rgba(150, 60, 10, .28);--lp-gutter: clamp(16px, 4vw, 40px);--lp-maxw: 1200px;font-family:var(--lp-f-text);color:var(--lp-ink);-webkit-font-smoothing:antialiased}.lp *,.lp *:before,.lp *:after{box-sizing:border-box}.lp img{max-width:100%;display:block}.lp :focus-visible{border-radius:12px}.lp-root{background:var(--lp-creme);font-size:1.0625rem;line-height:1.6;overflow-x:clip}.lp-wrap{max-width:var(--lp-maxw);margin:0 auto;padding:0 var(--lp-gutter)}.lp-scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:1100;background:var(--lp-feu);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}.lp-display{font-family:var(--lp-f-display);font-weight:400;line-height:1.04;letter-spacing:.01em;margin:0;text-wrap:balance}.lp-hl{color:var(--lp-milo);text-shadow:0 .06em 0 var(--lp-braise)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.lp-hl,.lp-hl div{background-image:var(--lp-feu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.lp-hl{filter:drop-shadow(0 .06em 0 var(--lp-braise))}}.lp-section-title{font-size:clamp(2.3rem,5.2vw,4rem)}.lp-lead{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--lp-ink-2);margin:0}.lp-section-head{text-align:center;display:grid;justify-items:center;gap:1rem;margin:0 auto clamp(40px,6vw,72px);max-width:760px}.lp-e3d{display:block;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 12px rgba(120,50,10,.22))}.lp-btn{--lp-edge: var(--lp-braise);display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--lp-f-text);font-weight:700;font-size:1.125rem;line-height:1;height:60px;padding:0 1.8rem;border:0;border-radius:999px;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 6px 0 var(--lp-edge),0 16px 26px -14px #b9330fb3;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.lp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--lp-edge),0 20px 30px -14px #b9330fbf}.lp-btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--lp-edge),0 6px 12px -8px #b9330f99}.lp-btn svg{flex:none;transition:transform .2s ease}.lp-btn:hover svg{transform:translate(3px)}.lp-btn--primary{background:var(--lp-feu);color:#fff}.lp-btn--ghost{--lp-edge: var(--lp-sable);background:#fff;color:var(--lp-ink);box-shadow:inset 0 0 0 2px var(--lp-sable),0 6px 0 var(--lp-edge)}.lp-btn--ghost:hover{box-shadow:inset 0 0 0 2px var(--lp-sable),0 8px 0 var(--lp-edge)}.lp-btn--ghost:active{box-shadow:inset 0 0 0 2px var(--lp-sable),0 1px 0 var(--lp-edge)}.lp-btn--cream{--lp-edge: #c99a70;background:var(--lp-creme);color:var(--lp-braise)}.lp-btn--sm{height:48px;font-size:1rem;padding:0 1.3rem;box-shadow:0 4px 0 var(--lp-edge)}.lp-btn--sm:hover{box-shadow:0 6px 0 var(--lp-edge)}.lp-btn--sm:active{box-shadow:0 1px 0 var(--lp-edge)}@media (prefers-reduced-motion: reduce){.lp *,.lp *:before,.lp *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none}.lp-nav__waves{position:absolute;top:0;left:0;right:0;height:250px;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.lp-nav.is-scrolled .lp-nav__waves{transform:translateY(-22px)}.lp-nav__wave{position:absolute;inset:-2px 0 auto 0;width:100%;height:100%}.lp-nav__wave--orange{fill:var(--lp-mandarine);opacity:.16;transform:translateY(16px)}.lp-nav__wave--white{fill:#fff;filter:drop-shadow(0 12px 35px rgba(0,0,0,.06))}.lp-nav__content{position:relative;z-index:2;pointer-events:auto;max-width:1440px;margin:0 auto;padding:22px 5% 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;transition:padding .45s cubic-bezier(.2,.8,.2,1)}.lp-nav.is-scrolled .lp-nav__content{padding-top:10px}.lp-nav__logo{justify-self:start;display:block}.lp-nav__logo img{height:62px;width:auto;transition:transform .4s ease,height .45s ease}.lp-nav__logo:hover img{transform:rotate(-6deg) scale(1.08)}.lp-nav.is-scrolled .lp-nav__logo img{height:52px}.lp-nav__pills{display:flex;gap:6px;padding:7px;margin:0;list-style:none;background:#f6ebdf99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px}.lp-pill{display:block;padding:11px 22px;border-radius:999px;font-weight:700;font-size:.95rem;line-height:1.1;color:var(--lp-ink);text-decoration:none;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}.lp-pill:hover{background:#fff;color:var(--lp-brique)}.lp-pill.is-active{background:var(--lp-feu-nav);color:#fff;box-shadow:0 6px 18px #ef4f1a4d}.lp-nav__actions{justify-self:end;display:flex;align-items:center;gap:1.2rem}.lp-nav__login{font-weight:700;color:var(--lp-ink);text-decoration:none;padding:.5rem .2rem}.lp-nav__login:hover{color:var(--lp-brique)}.lp-nav__burger{display:none;justify-self:end;width:46px;height:46px;border:0;border-radius:14px;background:#fff;color:var(--lp-ink);cursor:pointer;place-items:center;box-shadow:0 8px 20px #00000014}.lp-nav__burger:hover{color:var(--lp-brique)}.lp-nav__mobile{position:absolute;z-index:1;top:74px;left:12px;right:12px;pointer-events:auto;background:#fff;border-radius:28px;box-shadow:0 25px 50px #00000024;padding:12px;display:grid;gap:4px}.lp-nav__mobile .lp-pill{text-align:center;padding:14px;border-radius:16px}.lp-nav__mobile .lp-pill:hover{background:var(--lp-creme)}.lp-nav__mobile-actions{display:grid;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}.lp-nav__mobile-actions .lp-btn{width:100%}@media (max-width: 1180px){.lp-pill{padding:10px 14px}.lp-nav__actions{gap:.8rem}}@media (max-width: 960px){.lp-nav__waves{height:150px}.lp-nav__content{grid-template-columns:1fr auto;padding:12px 16px 0}.lp-nav.is-scrolled .lp-nav__content{padding-top:8px}.lp-nav__logo img,.lp-nav.is-scrolled .lp-nav__logo img{height:46px}.lp-nav__pills,.lp-nav__actions{display:none}.lp-nav__burger{display:grid}}.lp-footer{position:relative;background:var(--lp-surface);padding:clamp(70px,9vw,110px) 0 0;font-size:1.0625rem;line-height:1.6}.lp-footer__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:2.5rem}.lp-footer__logo{width:210px}.lp-footer__brand p{color:var(--lp-ink-2);max-width:26em;margin:1rem 0 1.4rem}.lp-footer__socials{display:flex;gap:.7rem}.lp-footer__socials a{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--lp-milo);color:#fff;box-shadow:0 5px 0 var(--lp-braise);transition:transform .15s,box-shadow .15s}.lp-footer__socials a:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--lp-braise)}.lp-footer__socials a:active{transform:translateY(4px);box-shadow:0 1px 0 var(--lp-braise)}.lp-footer__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.lp-footer__cols h4{font-family:var(--lp-f-display);font-weight:400;font-size:1.3rem;letter-spacing:.02em;color:var(--lp-milo);margin:0 0 .9rem}.lp-footer__cols a{display:block;text-decoration:none;color:var(--lp-ink-2);padding:.25rem 0;font-weight:500}.lp-footer__cols a:hover{color:var(--lp-brique)}.lp-footer__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:2px solid var(--lp-line);margin-top:3rem;padding:1.4rem 0;font-size:.92rem;color:var(--lp-ink-2)}@media (max-width: 960px){.lp-footer__grid{grid-template-columns:minmax(0,1fr)}.lp-footer__brand{display:grid;justify-items:center;text-align:center}.lp-footer__bottom{justify-content:center;text-align:center}}@media (max-width: 640px){.lp-footer__cols{gap:.8rem;text-align:center}.lp-footer__cols h4{font-size:1.05rem}.lp-footer__cols a{font-size:.95rem}}.lp-hero{position:relative;isolation:isolate;padding:150px 0 90px;min-height:100svh;display:flex;align-items:center}.lp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.lp-hero__dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(185,51,15,.14) 1.4px,transparent 1.6px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 70% 45%,#000 20%,transparent 75%)}.lp-hero__blob{position:absolute;border-radius:50%;filter:blur(70px)}.lp-hero__blob--1{width:44vw;height:44vw;background:var(--lp-sable);top:-14vw;left:-12vw;opacity:.7}.lp-hero__blob--2{width:36vw;height:36vw;background:var(--lp-mandarine);bottom:-16vw;right:-6vw;opacity:.22}.lp-hero__floats{position:absolute;top:0;right:0;bottom:0;left:0}.lp-hero__floaty{position:absolute;width:64px}.lp-hero__floaty--bulb{left:calc(50% - 32px);top:13%}.lp-hero__floaty--globe{width:58px;right:3%;bottom:12%}.lp-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;width:100%}.lp-hero__copy{position:relative;z-index:2}.lp-hero__title{font-size:clamp(2.8rem,5.6vw,5.2rem);margin:0 0 1.3rem}.lp-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}.lp-hero__stage{position:relative;aspect-ratio:1 / 1.04;width:100%;max-width:580px;justify-self:center}.lp-hero__sun{position:absolute;top:8%;right:7%;bottom:16%;left:7%;border-radius:50%;will-change:transform,opacity;background:var(--lp-feu);box-shadow:inset 0 -20px 40px #961e0a47,0 30px 70px -24px #ed3c1d99}.lp-hero__sun:after{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;border:2px dashed rgba(246,235,223,.45)}.lp-hero__fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,var(--lp-mandarine) 0%,var(--lp-orange) 100%);opacity:0;pointer-events:none}.lp-hero__orbit{position:absolute;top:1%;right:0;bottom:9%;left:0;will-change:transform,opacity}.lp-hero__orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(241,210,178,.9);animation:lp-spin 40s linear infinite}.lp-hero__orbit i{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--lp-mandarine);top:50%;left:-7px;margin-top:-7px;box-shadow:0 0 0 5px #f4922a33}.lp-hero__orbit i:nth-child(2){left:auto;right:12%;top:8%;width:10px;height:10px;background:var(--lp-foret);box-shadow:none}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-hero__milo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;will-change:transform}.lp-hero__smoke{position:absolute;left:50%;top:86%;z-index:1;pointer-events:none}.lp-hero__smoke i{position:absolute;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0%,var(--lp-creme) 55%,rgba(246,235,223,0) 72%);opacity:0;will-change:transform,opacity}.lp-hero__trail{position:absolute;left:42%;width:16%;top:90%;height:110%;border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,#fff6d6 0%,var(--milo-pompon) 18%,var(--lp-mandarine) 45%,rgba(244,146,42,0) 100%);filter:blur(6px);transform-origin:50% 0;opacity:0;pointer-events:none}.lp-hero__canvas{position:absolute;top:-14%;left:-18%;width:136%;height:120%;opacity:0;transition:opacity .8s ease;touch-action:pan-y}.lp-hero__stage.is-3d .lp-hero__canvas{opacity:1}.lp-hero__bubble{position:absolute;z-index:3;top:2%;left:-2%;min-width:210px;background:#fff;border:2px solid var(--lp-line);border-radius:22px 22px 22px 6px;padding:.7rem 1rem;font-weight:600;box-shadow:0 5px 0 var(--lp-sable),0 18px 30px -16px #78320a73}.lp-hero__bubble:after{content:"";position:absolute;left:22px;bottom:-11px;width:18px;height:18px;background:#fff;border-right:2px solid var(--lp-line);border-bottom:2px solid var(--lp-line);transform:rotate(45deg);border-radius:0 0 4px}.lp-hero__caret{display:inline-block;width:2px;height:1em;background:var(--lp-milo);margin-left:2px;vertical-align:-2px;animation:lp-blink 1s steps(1) infinite}@keyframes lp-blink{50%{opacity:0}}.lp-hero__portal{position:absolute;inset:0 0 auto;height:100vh;z-index:4;display:grid;place-content:center;justify-items:center;gap:1rem;text-align:center;pointer-events:none;font-family:var(--lp-f-display);font-size:clamp(2.6rem,7vw,6.5rem);line-height:1;color:var(--lp-creme);text-shadow:0 .06em 0 var(--lp-braise);opacity:0}.lp-hero__scroll-cue{position:absolute;left:0;right:0;bottom:22px;width:max-content;margin:0 auto;z-index:2;display:grid;justify-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--lp-ink-2);text-decoration:none}.lp-hero__mouse{width:26px;height:40px;border:2.5px solid var(--lp-ink-2);border-radius:14px;position:relative}.lp-hero__mouse:after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--lp-milo);animation:lp-wheel 1.6s ease-in-out infinite}@keyframes lp-wheel{0%{transform:translateY(0);opacity:1}80%{transform:translateY(12px);opacity:0}to{opacity:0}}@media (max-width: 1180px){.lp-hero__floaty{display:none}}@media (max-width: 960px){.lp-hero{padding-top:110px;min-height:auto}.lp-hero__grid{grid-template-columns:minmax(0,1fr)}.lp-hero__copy{text-align:center;display:grid;justify-items:center}.lp-hero__actions{justify-content:center}.lp-hero__stage{max-width:440px;margin-top:1rem}.lp-hero__scroll-cue{display:none}}@media (max-width: 640px){.lp-hero__actions,.lp-hero__actions .lp-btn{width:100%}.lp-hero__bubble{min-width:0;font-size:.85rem;left:0}}.lp-manifesto{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding:140px 0 160px;background:linear-gradient(180deg,var(--lp-orange) 0%,var(--lp-brique) 55%,var(--lp-vermillon) 100%);color:var(--lp-creme)}.lp-manifesto:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.13) 1.5px,transparent 1.7px);background-size:28px 28px}.lp-manifesto .lp-wrap{position:relative;width:100%}.lp-manifesto__text{font-family:var(--lp-f-display);font-size:clamp(2rem,4.6vw,3.9rem);line-height:1.15;text-align:center;text-wrap:balance;text-shadow:0 .05em 0 var(--lp-braise);max-width:1000px;margin:0 auto}.lp-manifesto__key{color:var(--lp-sable)}.lp-manifesto__nowrap{white-space:nowrap}.lp-manifesto__text .lp-manifesto__inline{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;margin:0 .08em}.lp-manifesto__sign{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:2.4rem;color:#ffe9d9;font-weight:600;text-align:center}.lp-manifesto__sign img{width:44px;height:44px;flex:none}.lp-manifesto__deco{position:absolute;z-index:2;width:110px;pointer-events:none;will-change:transform,opacity}.lp-manifesto__deco--1{width:120px;left:6%;top:18%}.lp-manifesto__deco--2{width:96px;right:8%;top:14%}.lp-manifesto__deco--3{left:9%;bottom:20%}.lp-manifesto__deco--4{width:130px;right:6%;bottom:18%}.lp-manifesto__deco--5{width:80px;left:24%;bottom:9%}.lp-manifesto__wave{position:absolute;left:0;right:0;bottom:-1px;height:90px;z-index:3}.lp-manifesto__wave svg{display:block;width:100%;height:100%;fill:var(--lp-creme)}@media (max-width: 640px){.lp-manifesto{padding:110px 0 130px}.lp-manifesto__text{font-size:1.75rem}.lp-manifesto__deco{width:54px!important;opacity:.9}.lp-manifesto__deco--2,.lp-manifesto__deco--5{display:none}}.lp-bands{position:relative;height:clamp(150px,15vw,190px);overflow:hidden}.lp-bands__band{position:absolute;left:-5%;right:-5%;top:50%;padding:.9rem 0;overflow:hidden}.lp-bands__band--front{z-index:2;background:linear-gradient(90deg,var(--lp-mandarine) 0%,var(--lp-orange) 35%,var(--lp-brique) 70%,var(--lp-vermillon) 100%);transform:translateY(-50%) rotate(-2.5deg);box-shadow:0 10px 0 var(--lp-braise)}.lp-bands__band--back{background:var(--lp-sable);transform:translateY(-50%) rotate(2.5deg)}.lp-bands__track{display:flex;width:max-content;will-change:transform}.lp-bands__track ul{display:flex;align-items:center;gap:2rem;margin:0;padding:0 1rem;list-style:none}.lp-bands__track li{display:flex;align-items:center;gap:2rem;padding-top:.12em;font-family:var(--lp-f-display);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1;white-space:nowrap}.lp-bands__band--front li{color:var(--lp-creme)}.lp-bands__band--back li{color:var(--lp-braise)}.lp-bands__track img{width:1.5em;height:1.5em;margin-top:-.15em}.lp-missions{position:relative;padding:clamp(80px,10vw,120px) 0}.lp-missions__head{text-align:center;display:grid;justify-items:center;gap:.9rem;margin-bottom:clamp(36px,5vw,56px)}.lp-missions__list{display:grid;gap:clamp(56px,8vw,90px)}.lp-mission{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}.lp-mission__device-wrap{position:relative}.lp-mission__device{position:relative;border-radius:34px;padding:14px;background:var(--lp-feu);box-shadow:0 10px 0 var(--lp-braise),0 40px 60px -30px #b9330fbf}.lp-mission__device:before{content:"";position:absolute;top:50%;left:5px;width:4px;height:40px;margin-top:-20px;border-radius:4px;background:#ffffff59}.lp-mission__screen{position:relative;overflow:hidden;border-radius:22px;aspect-ratio:16 / 10;background:var(--lp-creme)}.lp-mission__screen img{width:100%;height:100%;object-fit:cover}.lp-mission__screen>.lp-mission__shine{position:absolute;inset:-10% auto -10% -50%;width:45%;z-index:1;pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffff8c,#fff0);transform:skew(-18deg);will-change:transform}.lp-mission__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.22),transparent 40%)}.lp-mission__badge{display:inline-flex;align-items:center;font-weight:700;font-size:.82rem;letter-spacing:.08em;line-height:1;color:var(--lp-braise);background:#fff;border:2px solid var(--lp-line);padding:.55rem .95rem .5rem;border-radius:999px}.lp-mission h3{font-size:clamp(2.3rem,4.4vw,3.6rem);margin:1.1rem 0 1rem}.lp-mission__tags{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none}.lp-mission__tags li{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid var(--lp-line);border-radius:16px;padding:.4rem .9rem .4rem .5rem;font-weight:600;box-shadow:0 4px 0 var(--lp-sable)}.lp-mission__tags img{width:32px;height:32px}.lp-missions__glow,.lp-mission__decor,.lp-missions__nav,.lp-missions__num{display:none}.lp-missions.is-pinned{padding:0}.lp-missions.is-pinned .lp-missions__inner{position:relative;max-width:1480px;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:96px;padding-bottom:24px}.lp-missions.is-pinned .lp-missions__head{margin-bottom:clamp(14px,2.5vh,28px)}.lp-missions.is-pinned .lp-missions__title{font-size:clamp(2.2rem,4vw,3.4rem)}.lp-missions.is-pinned .lp-missions__list{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);column-gap:clamp(32px,4.5vw,80px);row-gap:0;align-items:center}.lp-missions.is-pinned .lp-mission{display:contents}.lp-missions.is-pinned .lp-mission__device-wrap,.lp-missions.is-pinned .lp-mission__text{grid-row:1}.lp-missions.is-pinned .lp-mission__device-wrap{grid-column:1;justify-self:center;width:100%;max-width:min(100%,calc((100svh - 250px)*1.6));will-change:transform,opacity}.lp-missions.is-pinned .lp-mission__device{will-change:clip-path}.lp-missions.is-pinned .lp-missions__glow{display:block;grid-column:1;grid-row:1;place-self:center;width:92%;aspect-ratio:1.6;border-radius:50%;background:conic-gradient(from 0deg,var(--lp-mandarine),var(--lp-milo),var(--milo-pompon),var(--lp-vermillon),var(--lp-mandarine));filter:blur(70px);opacity:.42;pointer-events:none;will-change:transform}.lp-missions.is-pinned .lp-mission__text{grid-column:2}.lp-missions.is-pinned .lp-mission h3{font-size:clamp(2.3rem,3.8vw,3.6rem);margin:.9rem 0 .8rem}.lp-missions.is-pinned .lp-mission__tags{margin-top:1.2rem}.lp-missions.is-pinned .lp-mission__decor{display:block}.lp-mission__decor img{position:absolute;z-index:3;width:120px;pointer-events:none}.lp-mission__decor img:nth-child(1){top:-38px;left:-34px}.lp-mission__decor img:nth-child(2){width:140px;bottom:-40px;right:-40px}.lp-mission__decor img:nth-child(3){width:90px;top:28%;right:-56px}.lp-missions.is-pinned .lp-missions__head,.lp-missions.is-pinned .lp-missions__list,.lp-missions.is-pinned .lp-missions__nav{position:relative;z-index:1}.lp-missions.is-pinned .lp-missions__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(24px,4vh,40px)}.lp-missions__dots{display:flex;gap:10px}.lp-missions__dots button{border:2px solid var(--lp-line);background:#fff;color:var(--lp-ink);border-radius:999px;padding:.45rem .9rem;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.lp-missions__dots button[aria-current=true]{background:var(--lp-feu);border-color:var(--lp-orange);color:#fff}.lp-missions__progress{flex:1;max-width:420px;height:8px;border-radius:8px;background:var(--lp-sable);overflow:hidden}.lp-missions__progress span{display:block;width:100%;height:100%;background:var(--lp-feu);transform-origin:0 50%;transform:scaleX(0)}.lp-missions.is-pinned .lp-missions__num{display:block;position:absolute;z-index:0;right:var(--lp-gutter);top:84px;height:1em;overflow:hidden;pointer-events:none;font-family:var(--lp-f-display);font-size:clamp(8rem,17vw,15rem);line-height:1;color:transparent;-webkit-text-stroke:3px var(--lp-sable)}.lp-missions__num-col span{display:block;height:1em;padding-top:.08em}@media (max-width: 960px){.lp-mission{grid-template-columns:minmax(0,1fr)}.lp-mission__text{text-align:center;display:grid;justify-items:center}.lp-mission__tags{justify-content:center}}.lp-stack{display:grid;gap:40px;max-width:1040px;margin:0 auto}.lp-stack-card{position:sticky;top:calc(120px + var(--i) * 28px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:stretch;gap:clamp(20px,3vw,40px);min-height:380px;padding:clamp(20px,2.4vw,28px);border-radius:40px;background:#fff;border:2px solid var(--lp-line);box-shadow:0 10px 0 var(--lp-sable),0 40px 60px -40px #78320a73;transform-origin:50% 0;will-change:transform}.lp-stack-card__shade{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:#2a18101f;opacity:0;pointer-events:none}.lp-stack-card__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(8px,2vw,24px)}.lp-stack-card__num{align-self:flex-start;font-family:var(--lp-f-display);font-size:1.2rem;color:var(--lp-braise);background:var(--lp-creme);border-radius:999px;padding:.35rem .9rem .2rem}.lp-stack-card h3{font-size:clamp(2rem,3.8vw,3.2rem);margin:1rem 0 .8rem}.lp-stack-card__art{position:relative;overflow:hidden;display:grid;place-items:center;min-height:260px;border-radius:30px;background:var(--art)}.lp-stack-card__art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.25) 1.5px,transparent 1.7px);background-size:24px 24px}.lp-stack-card__art img{position:relative;width:clamp(150px,18vw,220px)}@media (max-width: 960px){.lp-stack-card{top:calc(80px + var(--i) * 18px);grid-template-columns:minmax(0,1fr);min-height:0}.lp-stack-card__copy{text-align:center;align-items:center}.lp-stack-card__num{align-self:center}.lp-stack-card__art{min-height:180px}}.lp-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:start;margin-top:clamp(90px,12vw,150px)}.lp-faq__intro{position:sticky;top:130px;display:grid;justify-items:start;gap:1.2rem}.lp-faq__hero-icon{width:120px;height:120px;margin-bottom:-.4rem}.lp-faq__list{display:grid;gap:14px}.lp-faq__item{background:#fff;border:2px solid var(--lp-line);border-radius:24px;box-shadow:0 5px 0 var(--lp-sable);transition:border-color .25s,box-shadow .25s}.lp-faq__item.is-open{border-color:var(--lp-mandarine);box-shadow:0 5px 0 var(--lp-mandarine)}.lp-faq__item h3{margin:0;font-size:inherit}.lp-faq__item button{width:100%;display:grid;grid-template-columns:56px 1fr 38px;align-items:center;gap:1rem;padding:1rem 1.1rem;border:0;border-radius:22px;background:none;color:var(--lp-ink);text-align:left;cursor:pointer;font:inherit;font-weight:600;font-size:1.1rem;line-height:1.3}.lp-faq__icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--lp-creme)}.lp-faq__icon img{width:40px;height:40px}.lp-faq__chevron{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--lp-creme);transition:transform .35s ease,background .3s,color .3s}.lp-faq__item.is-open .lp-faq__chevron{transform:rotate(180deg);background:var(--lp-milo);color:#fff}.lp-faq__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}.lp-faq__item.is-open .lp-faq__panel{grid-template-rows:1fr}.lp-faq__panel>div{overflow:hidden}.lp-faq__panel p{margin:0;padding:0 calc(2.1rem + 38px) 1.3rem calc(2.1rem + 56px);color:var(--lp-ink-2)}@media (max-width: 960px){.lp-faq{grid-template-columns:minmax(0,1fr)}.lp-faq__intro{position:static;justify-items:center;text-align:center}}@media (max-width: 640px){.lp-faq__item button{grid-template-columns:44px 1fr 34px;gap:.75rem;padding:.9rem;font-size:1rem}.lp-faq__icon{width:44px;height:44px;border-radius:14px}.lp-faq__icon img{width:30px;height:30px}.lp-faq__chevron{width:34px;height:34px}.lp-faq__panel p{padding:0 .9rem 1.1rem}}.lp-pricing{margin-top:clamp(100px,13vw,160px)}.lp-pricing__plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);max-width:940px;margin:0 auto}.lp-plan{position:relative;display:flex;flex-direction:column;padding:clamp(28px,3.4vw,44px);border-radius:36px;background:#fff;border:2px solid var(--lp-line);box-shadow:0 10px 0 var(--lp-sable)}.lp-plan__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}.lp-plan__icon{width:72px;height:72px}.lp-plan__name{font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-braise)}.lp-plan__price{display:flex;align-items:baseline;gap:.2rem;margin:.6rem 0 1.6rem;font-family:var(--lp-f-display);font-size:clamp(3.6rem,7vw,5rem);line-height:1}.lp-plan__price small{font-family:var(--lp-f-text);font-size:1.1rem;font-weight:500;color:var(--lp-ink-2)}.lp-plan ul{flex:1;display:grid;align-content:start;gap:.85rem;margin:0 0 2rem;padding:0;list-style:none}.lp-plan li{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:.7rem;font-weight:500;line-height:1.35}.lp-plan__tick{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--lp-creme);color:var(--lp-foret)}.lp-plan .lp-btn{width:100%}.lp-plan--featured{background:var(--lp-feu);border-color:transparent;color:var(--lp-creme);box-shadow:0 10px 0 var(--lp-braise),0 40px 60px -30px #ed3c1dcc}.lp-plan--featured .lp-plan__name,.lp-plan--featured .lp-plan__price small{color:var(--lp-sable)}.lp-plan__ribbon{position:absolute;top:-17px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.35rem 1rem .35rem .45rem;border-radius:999px;background:#fff;color:var(--lp-braise);font-weight:700;font-size:.85rem;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 0 var(--lp-braise)}.lp-plan__ribbon img{width:26px;height:26px}@media (max-width: 640px){.lp-pricing__plans{grid-template-columns:minmax(0,1fr);row-gap:36px}}.lp-cta-section{padding-top:clamp(80px,10vw,130px);background:var(--lp-surface)}.lp-cta{position:relative;overflow:hidden;isolation:isolate;padding-top:clamp(60px,8vw,110px);background:var(--lp-feu);color:#fff}.lp-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.16) 1.5px,transparent 1.7px);background-size:26px 26px}.lp-cta__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:1rem}.lp-cta__copy{padding-bottom:clamp(36px,6vw,72px)}.lp-cta__title{font-size:clamp(2.6rem,5.6vw,4.6rem);text-shadow:0 .06em 0 var(--lp-braise)}.lp-cta__copy p{max-width:30em;margin:1.2rem 0 2rem;font-size:1.15rem;color:#fff4ea}.lp-cta__art{position:relative;align-self:end}.lp-cta__milo{width:100%;max-width:360px;margin:0 auto;filter:drop-shadow(0 20px 30px rgba(120,30,5,.45))}.lp-cta__confetti{position:absolute;z-index:1}.lp-cta__confetti--1{width:84px;top:6%;left:4%}.lp-cta__confetti--2{width:64px;top:2%;right:10%}.lp-cta__confetti--3{width:70px;top:42%;right:0}.lp-cta__confetti--4{width:58px;top:72%;left:-2%}@media (max-width: 960px){.lp-cta__grid{grid-template-columns:minmax(0,1fr);text-align:center}.lp-cta__copy{padding-bottom:0}.lp-cta__copy p{margin-inline:auto}.lp-cta__milo{max-width:260px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.lp-root main{overflow-x:clip}.lp-parents{position:relative;padding:clamp(80px,11vw,140px) 0 0;background:var(--lp-surface);border-radius:clamp(36px,6vw,72px) clamp(36px,6vw,72px) 0 0}.contact-root{min-height:100vh;background:var(--milo-creme);font-family:var(--f-text);position:relative;overflow-x:hidden;display:flex;flex-direction:column;padding-top:260px}.contact-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.contact-blob{position:absolute;filter:blur(120px);border-radius:50%;opacity:.4;animation:contact-float 20s infinite alternate ease-in-out}@keyframes contact-float{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.contact-nav{position:relative;z-index:10;padding:40px 8%;display:flex;justify-content:space-between;align-items:center}.back-link-v2{display:flex;align-items:center;gap:15px;color:var(--milo-encre);text-decoration:none;font-weight:700;font-size:.9rem}.back-icon{background:#fff;padding:10px;border-radius:12px;box-shadow:0 5px 15px #0000000d;transition:.3s;display:flex;align-items:center;justify-content:center}.back-link-v2:hover .back-icon{background:#000;color:#fff;transform:translate(-5px)}.contact-logo-v2{height:48px}.contact-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:5;padding:40px 20px;position:relative}.faq-suggestion-banner{background:#fff;padding:30px;border-radius:100px;display:flex;align-items:center;gap:20px;margin-bottom:35px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(255,84,29,.15);z-index:10;position:relative}.faq-badge{background:linear-gradient(135deg,var(--milo-orange) 0%,var(--milo-orange) 100%);color:#fff;padding:5px 12px;border-radius:50px;font-weight:700;font-size:.7rem}.faq-suggestion-banner p{font-size:.92rem;color:var(--text-2);font-weight:600}.faq-suggestion-banner a{color:var(--accent-text);text-decoration:none;border-bottom:2px solid rgba(255,84,29,.2);transition:.3s;cursor:pointer;position:relative;z-index:11}.contact-glass-card{background:#fff9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:50px;border:1px solid rgba(255,255,255,.8);padding:70px;width:100%;max-width:780px;box-shadow:0 50px 100px #00000014;text-align:center;position:relative;z-index:6}.contact-intro h1{font-size:3rem;font-weight:700;color:var(--milo-encre);margin-bottom:20px;letter-spacing:-1px}.contact-intro h1 span{background:linear-gradient(135deg,var(--milo-orange),var(--milo-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-talk{background:#fff;padding:8px 18px;border-radius:100px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.75rem;color:var(--accent-text);box-shadow:0 4px 10px #00000008;margin-bottom:25px}.pimped-form{display:flex;flex-direction:column;gap:25px;margin-top:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pimped-group{display:flex;flex-direction:column;gap:10px;text-align:left}.pimped-group label{font-weight:700;font-size:.85rem;color:var(--milo-encre);display:flex;align-items:center;gap:8px;padding-left:5px;opacity:.8}.pimped-group input,.pimped-group select,.pimped-group textarea{background:#fff;border:2px solid transparent;border-radius:20px;padding:18px 22px;font-family:inherit;font-weight:700;color:var(--milo-encre);transition:.3s;font-size:1rem}.pimped-group.focused input,.pimped-group.focused textarea{border-color:var(--milo-orange);box-shadow:0 15px 30px #ff541d26;outline:none;transform:translateY(-2px)}.btn-pimped-send{background:var(--milo-encre);color:#fff;border:none;padding:10px 10px 10px 35px;border-radius:100px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px;transition:.3s}.icon-send-circle{background:linear-gradient(135deg,var(--milo-orange) 0%,var(--milo-orange) 100%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-pimped-send:hover{background:#000;transform:translateY(-5px);box-shadow:0 20px 40px #0003}.btn-pimped-send:hover svg{transform:translate(3px,-3px);transition:.3s}.btn-pimped-send:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.form-status{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:20px;font-weight:700;font-size:.9rem;text-align:left}.form-status-success{background:#23874b1f;color:var(--ok)}.form-status-error{background:#ff541d1a;color:var(--ko)}.contact-footer-sophisticated{background:#fff;margin-top:120px;position:relative}.footer-wave-separator{position:absolute;top:-115px;width:100%;line-height:0}.footer-inner{max-width:1200px;margin:0 auto;padding:80px 20px 60px;display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.footer-brand-section img{height:45px;margin-bottom:20px}.footer-brand-section p{color:var(--text-2);line-height:1.6;max-width:350px;font-weight:600;margin-bottom:25px}.social-pills{display:flex;gap:15px}.social-pills a{background:var(--milo-creme);padding:10px 22px;border-radius:50px;text-decoration:none;color:var(--milo-encre);font-weight:700;font-size:.85rem;transition:.3s}.social-pills a:hover{background:var(--milo-encre);color:#fff}.footer-links-group{display:flex;gap:60px}.footer-col h4{font-size:.9rem;font-weight:700;color:var(--milo-encre);margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.footer-col a{display:block;color:var(--text-2);text-decoration:none;margin-bottom:12px;font-weight:600;transition:.3s}.footer-col a:hover{color:var(--accent-text);transform:translate(5px)}.footer-copyright{border-top:1px solid var(--milo-creme);padding:35px;text-align:center;color:var(--text-3);font-weight:600;font-size:.85rem}.deco-star{position:absolute;top:15%;left:8%;opacity:.3;pointer-events:none;z-index:1}.deco-heart{position:absolute;bottom:20%;right:8%;opacity:.3;pointer-events:none;z-index:1}@media (max-width: 900px){.contact-root{padding-top:112px}}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr;gap:50px;text-align:center}.footer-brand-section p{margin:0 auto 25px}.social-pills,.footer-links-group{justify-content:center}.form-row{grid-template-columns:1fr}.contact-glass-card{padding:40px 25px}.faq-suggestion-banner{flex-direction:column;text-align:center;border-radius:30px}}@media (max-width: 480px){.contact-root{padding-top:104px}.contact-main{padding:24px 16px}.contact-intro h1{font-size:2.1rem}.contact-glass-card{padding:32px 18px;border-radius:36px}.faq-suggestion-banner{padding:22px 20px;margin-bottom:24px}.deco-star,.deco-heart{display:none}}.faq-root{min-height:100vh;background:var(--milo-creme);font-family:var(--f-text);position:relative;padding-bottom:100px;overflow-x:hidden;padding-top:180px}.faq-bg-gradient{position:absolute;top:0;width:100%;height:500px;background:radial-gradient(circle at 50% -100px,rgba(255,84,29,.15) 0%,transparent 70%);z-index:0}.faq-main{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:40px 20px}.faq-header{text-align:center;margin-bottom:60px}.faq-badge-v4{background:#fff;padding:8px 16px;border-radius:100px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.75rem;color:var(--accent-text);box-shadow:0 4px 15px #0000000d;margin-bottom:25px}.faq-header h1{font-size:3.5rem;font-weight:700;color:var(--milo-encre);line-height:1.1;letter-spacing:-2px}.faq-header h1 span{color:var(--accent-text)}.search-container-v4{background:#fff;border-radius:25px;padding:10px 25px;display:flex;align-items:center;gap:15px;box-shadow:0 20px 40px #0000000a;border:1px solid var(--milo-creme);margin:40px auto 30px;max-width:600px;transition:.3s}.search-container-v4:focus-within{border-color:var(--milo-orange);transform:scale(1.02)}.search-container-v4 input{border:none;outline:none;width:100%;padding:15px 0;font-family:inherit;font-size:1rem;font-weight:600}.search-icon{color:var(--text-3)}.filter-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tab-btn{padding:10px 24px;border-radius:100px;border:1px solid var(--milo-creme);background:#fff;font-weight:700;cursor:pointer;transition:.3s;color:var(--text-2)}.tab-btn.active{background:var(--milo-encre);color:#fff;border-color:var(--milo-encre);box-shadow:0 10px 20px #0000001a}.faq-list{display:flex;flex-direction:column;gap:15px;margin-top:40px}.faq-item-v4{background:#fff;border-radius:24px;padding:25px 30px;cursor:pointer;border:1px solid var(--milo-creme);transition:.3s}.faq-item-v4:hover{border-color:var(--milo-orange);transform:translateY(-2px)}.faq-item-v4.open{border-color:var(--milo-orange);box-shadow:0 20px 40px #ff541d14}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.15rem;color:var(--milo-encre)}.chevron-box{background:var(--milo-creme);width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:.4s}.open .chevron-box{transform:rotate(180deg);background:var(--milo-orange);color:#fff}.faq-answer{overflow:hidden}.faq-answer p{padding-top:20px;color:var(--text-2);line-height:1.7;font-weight:600;font-size:1.05rem}.faq-cta{margin-top:80px}.cta-box{background:#fff;padding:40px;border-radius:35px;display:flex;align-items:center;gap:30px;border:2px dashed var(--line)}.cta-box h3{font-weight:700;color:var(--milo-encre);margin-bottom:5px}.cta-box p{font-weight:600;color:var(--text-2)}.btn-cta-contact{margin-left:auto;background:var(--milo-encre);color:#fff;padding:18px 30px;border-radius:18px;text-decoration:none;font-weight:700;transition:.3s}.btn-cta-contact:hover{background:var(--milo-orange);transform:scale(1.05)}@media (max-width: 768px){.faq-header h1{font-size:2.2rem}.cta-box{flex-direction:column;text-align:center}.btn-cta-contact{margin:0;width:100%}}:root{--milo-orange: #FF541D;--milo-braise: #C73A0C;--milo-relief: #D9400F;--milo-blanc: #FFFFFF;--milo-creme: #FFF4E5;--milo-lettre: #FBE6C9;--milo-vert: #2B4520;--milo-vert-2: #3A5A2C;--milo-vert-edge: #1D3115;--milo-craie: #F3F1E4;--milo-pompon: #FCB218;--milo-pompon-relief: #C98A00;--milo-encre: #2A1810;--milo-marron: #79361a;--ok: #23874B;--ok-bg: #E3F4E8;--ko: #C3253F;--ko-bg: #FCE6EA;--bg: #FFFAF3;--surface: #FFFFFF;--surface-2: var(--milo-creme);--text: var(--milo-encre);--text-2: #6E5546;--text-3: #A08A7C;--line: #F1DFCB;--accent: var(--milo-orange);--accent-light: #FF7C52;--accent-text: var(--milo-braise);--pompon-bg: #FEECC8;--board: var(--milo-vert);--board-edge: var(--milo-vert-edge);--board-text: var(--milo-craie);--toast-bg: var(--milo-encre);--toast-fg: var(--milo-creme);--toast-em: var(--milo-pompon);--shadow: 0 1px 0 rgba(42, 24, 16, .04), 0 12px 32px -12px rgba(120, 50, 10, .18);--f-display: "Luckiest Guy", "Fredoka", system-ui, sans-serif;--f-text: "Fredoka", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--r-s: 10px;--r-m: 16px;--r-l: 24px;--chalk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .13 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body{font-family:var(--f-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent-text)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:3px solid var(--milo-pompon);outline-offset:3px}::selection{background:var(--milo-lettre);color:var(--milo-encre)}.milo-sticker{font-family:var(--f-display);font-weight:400;color:var(--milo-lettre);-webkit-text-stroke:.16em var(--milo-orange);paint-order:stroke fill;text-shadow:0 .09em 0 var(--milo-relief),0 .14em 0 rgba(120,30,0,.25);letter-spacing:.02em;line-height:1.08}h1,h1.hp-welcome-title,h1.welcome-title,h1.page-title,h1.dl-hero-title,h1.result-title,h1.cd-hero-title,h1.ms-hero-title,h1.cs-hero-title,h1.ocr-hero-title,h1.pf-hero-title,h1.st-header-title{font-family:var(--f-display);font-weight:400;letter-spacing:.01em;line-height:1.05}