@font-face{font-family:Creato Display;src:url(/assets/CreatoDisplay-Regular-D9xRIGpK.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/assets/CreatoDisplay-Medium-DF-KJNBh.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/assets/CreatoDisplay-Bold-C-otZvV1.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/assets/CreatoDisplay-ExtraBold-B2wZihw2.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/assets/CreatoDisplay-Black-05YRyuun.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--bg: #08080A;--bg2: #111113;--bg3: #1A1A1D;--card: #111113;--border: #222225;--text: #EAEAEC;--text-dim: #6B6B73;--accent: #3B82F6;--accent2: #60A5FA;--green: #22C55E;--red: #EF4444;--blue: #3B82F6;--purple: #8B5CF6;--yellow: #EAB308;--orange: #F97316;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0,0,0,.4)}:root[data-theme=light]{--bg: #F8F8FA;--bg2: #FFFFFF;--bg3: #EDEDF0;--card: #FFFFFF;--border: #D8D8DD;--text: #111113;--text-dim: #6B6B73;--shadow: 0 2px 12px rgba(0,0,0,.06)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #F8F8FA;--bg2: #FFFFFF;--bg3: #EDEDF0;--card: #FFFFFF;--border: #D8D8DD;--text: #111113;--text-dim: #6B6B73;--shadow: 0 2px 12px rgba(0,0,0,.06)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #08080A;--bg2: #111113;--bg3: #1A1A1D;--card: #111113;--border: #222225;--text: #EAEAEC;--text-dim: #6B6B73}}:root[data-theme=dark]{--bg: #08080A;--bg2: #111113;--bg3: #1A1A1D;--card: #111113;--border: #222225;--text: #EAEAEC;--text-dim: #6B6B73}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);max-width:480px;margin:0 auto;min-height:100dvh;padding-bottom:80px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}h1,h2,h3,.card-title,.modal-title,.app-logo,.streak-count,.timer-time,.stat-val,.profile-name,.save-session-title,.review-complete-title,.idle-title,.confirm-title,.auth-logo,.group-header-name,.focus-banner-value,.profile-stat-val,.review-stat-val,.save-stat-val,.xp-val,.lb-xp{font-family:Creato Display,Poppins,sans-serif}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#08080aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.04)}:root[data-theme=light] .app-header{background:#f8f8faeb;border-bottom-color:#0000000f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .app-header{background:#f8f8faeb;border-bottom-color:#0000000f}}.app-logo{font-size:20px;font-weight:900;color:var(--text);letter-spacing:-.5px}.header-stats{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.header-stat{display:flex;align-items:center;gap:5px;color:var(--text-dim);padding:6px 12px;border-radius:10px;background:transparent;transition:background .2s}.header-stat:hover{background:#ffffff0a}:root[data-theme=light] .header-stat:hover{background:#0000000a}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .header-stat:hover{background:#0000000a}}.header-stat svg{color:var(--accent)}.header-stat .flame-icon{position:relative;display:inline-flex}.header-stat .flame-icon svg{color:var(--fire-color, var(--orange))}.header-stat .flame-icon:not(.dead) svg{animation:fireBurn 1.2s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--fire-glow, rgba(249,115,22,.4)))}.header-stat .flame-icon.fire-lv2{--fire-color: #EF6C00;--fire-glow: rgba(239,108,0,.4)}.header-stat .flame-icon.fire-lv3{--fire-color: #EF4444;--fire-glow: rgba(239,68,68,.4)}.header-stat .flame-icon.fire-lv4{--fire-color: #DC2626;--fire-glow: rgba(220,38,38,.4)}.header-stat .flame-icon.fire-lv5{--fire-color: #A855F7;--fire-glow: rgba(168,85,247,.5)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;justify-content:space-around;background:#08080af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.04);padding:6px 0 env(safe-area-inset-bottom,8px);z-index:200}:root[data-theme=light] .tab-bar{background:#f8f8faf2;border-top-color:#0000000f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .tab-bar{background:#f8f8faf2;border-top-color:#0000000f}}.tab-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-dim);font-size:10px;padding:6px 12px;cursor:pointer;transition:color .2s}.tab-btn svg{width:22px;height:22px;transition:transform .2s}.tab-btn:hover{color:var(--accent)}.tab-btn:hover svg{transform:translateY(-1px)}.tab-btn.active{color:var(--accent);position:relative}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--accent);border-radius:3px}.page{display:none;padding:20px 16px}.page.active{display:block;animation:pageIn .3s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{font-family:Poppins,Inter,sans-serif;font-size:22px;font-weight:900;margin-bottom:20px;color:var(--text);letter-spacing:-.5px}.sidebar-brand{display:none;font-family:Poppins,Inter,sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--accent),#60A5FA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:8px 14px 24px;letter-spacing:-.5px}.card{background:var(--card);border-radius:var(--radius);padding:20px;margin-bottom:14px;border:1px solid var(--border)}.card-title{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--text)}.card-title-row .card-title{margin-bottom:0}.btn-share-session{background:linear-gradient(135deg,#e1306c,#c13584,#833ab4);border:none;color:#fff;padding:12px 24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer;font-size:13px;font-family:inherit;font-weight:500;transition:all .2s}.btn-share-session:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c1358459}.btn-share-session:active{transform:scale(.97)}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-action{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer}.focus-banner{background:linear-gradient(135deg,var(--accent),#2563EB,#1D4ED8);border-radius:var(--radius);padding:24px;margin-bottom:14px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f633;color:#fff}.focus-banner:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.focus-banner-value{font-size:24px;font-weight:900;position:relative}.focus-banner-value small{font-size:13px;font-weight:500;opacity:.8}.focus-banner-sub{font-size:12px;opacity:.7;margin-top:6px;position:relative}.streak-card{text-align:center;padding:24px 16px;position:relative;overflow:hidden}.streak-card:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(251,146,60,.06) 0%,transparent 70%);pointer-events:none}.fire-icon{margin-bottom:4px;position:relative;--fire-color: #F97316;--fire-glow: rgba(249,115,22,.5)}.fire-icon svg{color:var(--fire-color)}.fire-icon:not(.dead) svg{animation:fireBurn 1.2s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--fire-glow)) drop-shadow(0 0 14px var(--fire-glow))}.fire-icon:not(.dead):before,.fire-icon:not(.dead):after{content:"";position:absolute;border-radius:50%;pointer-events:none}.fire-icon:not(.dead):before{width:6px;height:6px;background:var(--fire-color);top:0;left:30%;animation:ember1 1.8s ease-out infinite;opacity:0}.fire-icon:not(.dead):after{width:4px;height:4px;background:var(--fire-color);top:4px;right:25%;animation:ember2 2.2s ease-out infinite .4s;opacity:0}.fire-icon.dead svg{color:var(--text-dim);opacity:.3}.fire-icon.fire-lv2{--fire-color: #EF6C00;--fire-glow: rgba(239,108,0,.5)}.fire-icon.fire-lv3{--fire-color: #EF4444;--fire-glow: rgba(239,68,68,.5)}.fire-icon.fire-lv4{--fire-color: #DC2626;--fire-glow: rgba(220,38,38,.5)}.fire-icon.fire-lv5{--fire-color: #A855F7;--fire-glow: rgba(168,85,247,.6)}.fire-icon.fire-lv5 svg{filter:drop-shadow(0 0 8px rgba(168,85,247,.6)) drop-shadow(0 0 18px rgba(139,92,246,.4)) drop-shadow(0 0 28px rgba(168,85,247,.2))}@keyframes fireBurn{0%{transform:scale(1) rotate(-2deg);opacity:.9}15%{transform:scale(1.12) rotate(2deg);opacity:1}30%{transform:scale(.95) rotate(-3deg);opacity:.85}50%{transform:scale(1.1) rotate(1deg);opacity:1}70%{transform:scale(.98) rotate(-1deg);opacity:.9}85%{transform:scale(1.06) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-2deg);opacity:.9}}@keyframes ember1{0%{opacity:.8;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-8px,-20px) scale(.3)}}@keyframes ember2{0%{opacity:.7;transform:translate(0) scale(1)}to{opacity:0;transform:translate(6px,-18px) scale(.2)}}.streak-count{font-size:36px;font-weight:900;color:var(--orange)}.streak-count.dead{color:var(--text-dim)}.home-schedule-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.home-schedule-item:last-child{border-bottom:none}.home-schedule-item.done .home-schedule-text{text-decoration:line-through;opacity:.5}.home-schedule-text{flex:1;font-size:13px;color:var(--text)}.home-schedule-focus{background:#3b82f61a;border:none;color:var(--accent);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .2s;flex-shrink:0}.home-schedule-focus:hover{background:var(--accent);color:#fff}.profile-tabs{display:flex;gap:4px;background:var(--bg3);border-radius:10px;padding:3px;margin-bottom:16px}.profile-tab{flex:1;padding:8px 12px;border:none;background:none;color:var(--text-dim);font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.profile-tab.active{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.streak-count.fire-lv2{color:#ef6c00}.streak-count.fire-lv3{color:#ef4444}.streak-count.fire-lv4{color:#dc2626}.streak-count.fire-lv5{color:#a855f7}.streak-phrase{font-size:12px;color:var(--text-dim);margin-top:2px}.streak-record{font-size:11px;color:var(--text-dim);margin-top:4px}.lives-display{display:flex;justify-content:center;gap:6px;margin-top:8px}.life svg{width:16px;height:16px}.life.active svg{color:var(--red)}.life.lost svg{color:var(--text-dim);opacity:.2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.stat-card{background:var(--card);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#3b82f633}.stat-val{font-size:20px;font-weight:900;color:var(--accent)}.stat-lbl{font-size:10px;color:var(--text-dim);margin-top:4px;font-weight:500;letter-spacing:.3px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week-cell{text-align:center;padding:8px 2px;border-radius:10px;background:var(--bg3);transition:background .2s,transform .2s}.week-cell.has-data{background:#3b82f61f}.week-cell.today{border:1.5px solid var(--accent);background:#3b82f614;box-shadow:0 0 12px #3b82f626}.day-label{display:block;font-size:10px;color:var(--text-dim)}.day-val{display:block;font-size:11px;font-weight:600;margin-top:2px}.week-cell.has-data .day-val{color:var(--accent)}.goal-row{margin-bottom:10px}.goal-header{display:flex;justify-content:space-between;margin-bottom:4px}.goal-label{font-size:12px;color:var(--text-dim)}.goal-value{font-size:12px;font-weight:700;color:var(--text)}.goal-track{height:7px;background:var(--bg3);border-radius:4px;overflow:hidden}.goal-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.goal-fill.accent{background:linear-gradient(90deg,var(--accent),#60A5FA)}.goal-fill.green{background:linear-gradient(90deg,#22C55E,var(--green))}.goal-fill.blue{background:linear-gradient(90deg,#3B82F6,var(--blue))}.goal-fill.purple{background:linear-gradient(90deg,#2563EB,var(--purple))}.subject-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.subject-chip{padding:8px 16px;border-radius:10px;background:var(--bg3);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.subject-chip:hover{border-color:#3b82f64d;background:#3b82f614}.subject-chip.active{background:var(--accent);color:#fff;box-shadow:none;border-color:transparent}.manage-subjects-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg3);cursor:pointer;color:var(--text-dim)}.timer-wrap{display:flex;flex-direction:column;align-items:center;padding:32px 16px;gap:16px}.timer-ring{position:relative;width:240px;height:240px}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--bg3);stroke-width:5}.timer-progress{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-dasharray:628.318;stroke-dashoffset:0;transition:stroke-dashoffset .5s linear,stroke .3s}.timer-progress.break-mode{stroke:var(--green)}.timer-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-time{font-size:52px;font-weight:900;letter-spacing:-3px}.timer-phase{font-size:13px;color:var(--text-dim);margin-top:6px;font-weight:500}.timer-controls{display:flex;gap:12px;margin-top:20px;align-items:center}.timer-btn{width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s}.timer-btn:active{transform:scale(.9)}.timer-btn.play{background:var(--accent);color:#fff;width:64px;height:64px;box-shadow:0 4px 16px #3b82f640}.timer-btn.play:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f659}.timer-btn.secondary{background:var(--bg3);color:var(--text-dim);width:46px;height:46px;border:1px solid var(--border)}.timer-btn.secondary:hover{border-color:#3b82f64d;color:var(--accent)}.finish-btn{display:none;background:none;border:1px solid var(--accent);color:var(--accent);font-size:12px;font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;margin-top:12px}.finish-btn.visible{display:block}.break-end-btn{border-color:var(--green);color:var(--green)}.break-end-btn.visible{display:block}.duration-row{display:flex;gap:16px;justify-content:center;margin-top:8px}.duration-group{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.duration-select{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 28px 8px 14px;border-radius:20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .2s,background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B6B73' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.duration-select option{background:var(--bg2);color:var(--text)}.duration-select:focus{outline:none;border-color:var(--accent);background-color:#3b82f614}.session-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.session-item:last-child{border-bottom:none}.session-subject{font-size:14px;font-weight:600}.session-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.session-duration{font-size:14px;font-weight:700;color:var(--accent)}.deck-selector{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.deck-chip{flex-shrink:0;padding:6px 14px;border-radius:20px;background:var(--bg3);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.deck-chip.active{background:var(--accent);color:#fff}.deck-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px}.review-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.review-stat{text-align:center}.review-stat-val{font-size:24px;font-weight:800}.review-stat-val.blue{color:var(--blue)}.review-stat-val.green{color:var(--green)}.review-stat-val.accent{color:var(--accent)}.review-stat-lbl{font-size:11px;color:var(--text-dim)}.period-filter{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.period-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.period-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.accuracy-wrap{display:flex;align-items:center;gap:20px;padding:16px;background:var(--card);border-radius:var(--radius);margin-bottom:16px;border:1px solid var(--border)}.accuracy-donut{flex-shrink:0}.accuracy-legend{display:flex;flex-direction:column;gap:6px}.accuracy-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.accuracy-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.review-progress{margin-bottom:16px;display:flex;align-items:center;gap:10px}.review-progress-bar{flex:1;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.review-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.review-progress-text{font-size:12px;color:var(--text-dim);font-weight:600}.flashcard-area{perspective:800px;margin-bottom:16px}.flashcard{min-height:180px;background:var(--bg3);border-radius:var(--radius);padding:24px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .4s;transform-style:preserve-3d;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.flashcard-back{transform:rotateY(180deg)}.flashcard-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.flashcard-text{font-size:16px;font-weight:600;line-height:1.5}.flashcard-tap{font-size:11px;color:var(--text-dim);margin-top:12px}.rate-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--radius-sm);border:none;font-size:11px;font-weight:600;cursor:pointer;transition:transform .15s}.rate-btn:active{transform:scale(.92)}.rate-btn span{font-size:11px}.r-fail{background:#f8717126;color:var(--red)}.r-hard{background:#fbbf2426;color:var(--yellow)}.r-good{background:#22c55e26;color:var(--green)}.r-easy{background:#60a5fa26;color:var(--blue)}.start-review-btn{background:var(--accent);color:#fff;border:none;padding:12px 32px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer}.review-complete{text-align:center;padding:24px 0}.review-complete-icon{margin-bottom:12px}.review-complete-icon svg{color:var(--yellow)}.review-complete-title{font-size:20px;font-weight:800;margin-bottom:8px}.review-complete-sub{font-size:13px;color:var(--text-dim);margin-bottom:16px}.card-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.card-list-item:last-child{border-bottom:none}.card-list-text{flex:1;min-width:0}.card-list-text>div:first-child{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-list-meta{font-size:10px;color:var(--text-dim);margin-top:2px}.checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.checklist-counter{font-size:12px;color:var(--text-dim)}.checklist-bar-wrap{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;margin-bottom:16px}.checklist-bar{height:100%;background:var(--green);border-radius:2px;transition:width .3s}.checklist-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);touch-action:none}.checklist-item:last-child{border-bottom:none}.drag-handle{cursor:grab;color:var(--text-dim);touch-action:none}.check-box{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.check-box.checked{background:var(--green);border-color:var(--green);color:#fff}.check-text{flex:1;font-size:14px}.check-text.done{text-decoration:line-through;color:var(--text-dim)}.checklist-item.dragging{opacity:.3}.drag-ghost{position:fixed;z-index:9999;pointer-events:none;opacity:.85;background:var(--card);border-radius:8px;padding:10px;box-shadow:0 8px 24px #0006}.drag-placeholder{background:#3b82f61a;border:2px dashed var(--accent);border-radius:8px}.input-row{display:flex;gap:8px}.text-input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;outline:none}.text-input:focus{border-color:var(--accent)}select.text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236B6B73' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}select.text-input option{background:var(--bg2);color:var(--text)}.textarea{min-height:80px;resize:vertical;font-family:inherit}.btn-accent{background:linear-gradient(135deg,var(--accent),#2563EB);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f659}.btn-accent:active{opacity:.85;transform:translateY(0)}.btn-outline{background:none;border:1px solid var(--border);color:var(--text);padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:border-color .2s,color .2s,background .2s}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60a}.ob-hour.active{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-sm{padding:6px 14px;font-size:12px}.btn-green{background:var(--green);color:#000;border:none;font-weight:700;cursor:pointer;border-radius:var(--radius-sm)}.btn-red{background:var(--red);color:#fff;border:none;font-weight:700;cursor:pointer;border-radius:var(--radius-sm)}.btn-icon{padding:10px;border-radius:50%}.icon-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center}.social-nav{display:flex;gap:4px;margin-bottom:16px;background:var(--bg3);border-radius:var(--radius-sm);padding:4px}.social-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:none;background:none;color:var(--text-dim);font-size:12px;font-weight:600;border-radius:8px;cursor:pointer}.social-nav-btn.active{background:var(--accent);color:#fff}.nav-badge{background:var(--red);color:#fff;font-size:10px;padding:1px 5px;border-radius:8px}.group-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg3);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;transition:background .2s}.group-card:active{background:var(--border)}.group-card-icon{width:40px;height:40px;border-radius:12px;background:#3b82f626;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.group-card-info{flex:1;min-width:0}.group-card-name{font-size:14px;font-weight:700}.group-card-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.group-card-arrow{color:var(--text-dim)}.group-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.group-header-name{font-size:16px;font-weight:800}.group-header-meta{font-size:11px;color:var(--text-dim);margin-top:2px}.group-header-info{flex:1}.group-tabs{display:flex;gap:4px;margin-bottom:12px;background:var(--bg3);border-radius:8px;padding:3px}.group-tab{flex:1;padding:8px;border:none;background:none;color:var(--text-dim);font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.group-tab.active{background:var(--card);color:var(--text)}.chat-container{display:flex;flex-direction:column;min-height:400px;height:calc(100dvh - 220px)}.chat-messages{flex:1;overflow-y:auto;padding:12px 4px;display:flex;flex-direction:column}.chat-empty{text-align:center;color:var(--text-dim);font-size:13px;margin:auto;padding:40px 0}.chat-msg{display:flex;gap:8px;margin-bottom:10px;align-items:flex-end}.chat-msg.mine{flex-direction:row-reverse}.chat-bubble{max-width:75%;background:var(--bg3);padding:10px 14px;border-radius:16px 16px 16px 4px}.chat-bubble.mine{background:var(--accent);color:#fff;border-radius:16px 16px 4px}.chat-sender{font-size:10px;font-weight:700;color:var(--accent2);margin-bottom:2px}.chat-bubble.mine .chat-sender{color:#ffffffb3}.chat-text{font-size:13px;line-height:1.4;word-break:break-word}.chat-time{font-size:9px;color:var(--text-dim);margin-top:4px;text-align:right}.chat-bubble.mine .chat-time{color:#ffffff80}.chat-input-row{display:flex;gap:8px;padding:8px 0;border-top:1px solid var(--border);flex-shrink:0}.notification-item.unread{background:var(--accent-bg, rgba(79,123,247,.06))}.shared-flashcard{min-width:180px}.shared-fc-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:6px;display:flex;align-items:center;gap:4px}.chat-bubble.mine .shared-fc-header{color:#fffc}.shared-fc-subject{font-size:10px;color:var(--text-dim);margin-bottom:4px}.chat-bubble.mine .shared-fc-subject{color:#fff9}.shared-fc-front{font-size:13px;font-weight:600;margin-bottom:4px}.shared-fc-back{font-size:12px;opacity:.8;border-top:1px solid rgba(0,0,0,.1);padding-top:4px;margin-bottom:8px}.shared-fc-add{font-size:11px;width:100%}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.lb-row:last-child{border-bottom:none}.lb-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.lb-rank.gold{background:#fbbf2433;color:var(--yellow)}.lb-rank.silver{background:#94a3b833;color:#94a3b8}.lb-rank.bronze{background:#fb923c33;color:var(--orange)}.lb-rank.normal{background:var(--bg3);color:var(--text-dim)}.lb-info{flex:1;min-width:0}.lb-name{font-size:13px;font-weight:600}.lb-name.you{color:var(--accent)}.lb-bar{height:4px;background:var(--bg3);border-radius:2px;margin-top:4px;overflow:hidden}.lb-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s}.lb-xp{font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}.xp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.xp-source{text-align:center}.xp-val{font-size:18px;font-weight:800;color:var(--accent)}.xp-lbl{font-size:10px;color:var(--text-dim);margin-top:2px}.friend-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.friend-row:last-child{border-bottom:none}.friend-info{flex:1;min-width:0}.friend-name{font-size:13px;font-weight:600}.friend-status{font-size:11px;color:var(--text-dim);margin-top:2px}.member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:none}.member-info{flex:1;min-width:0}.member-name{font-size:13px;font-weight:600}.member-status{font-size:11px;color:var(--text-dim);margin-top:2px}.admin-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--yellow);background:#fbbf241a;padding:3px 8px;border-radius:6px}.avatar{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-header{text-align:center;padding:20px 0}.profile-avatar-wrap{position:relative;display:inline-block;cursor:pointer}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-name{font-size:20px;font-weight:800;margin-top:12px}.profile-username{font-size:13px;color:var(--accent);margin-top:2px;font-weight:500}.profile-status{font-size:13px;color:var(--text-dim);margin-top:4px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.profile-stat{text-align:center}.profile-stat-val{font-size:18px;font-weight:800;color:var(--accent)}.profile-stat-lbl{font-size:10px;color:var(--text-dim);margin-top:2px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px}.goal-input-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.goal-input-label{flex:1;font-size:13px}.goal-input-field{width:60px;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:8px;font-size:13px;text-align:center;outline:none}.goal-input-unit{font-size:12px;color:var(--text-dim)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:flex-end;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal{background:var(--card);border-radius:20px 20px 0 0;padding:24px 16px;width:100%;max-width:480px;max-height:80vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.modal-subject-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.confirm-icon{text-align:center;margin-bottom:12px}.confirm-icon svg{color:var(--red)}.confirm-title{font-size:16px;font-weight:800;text-align:center;margin-bottom:8px}.confirm-text{font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:20px}.confirm-buttons{display:flex;gap:8px}.confirm-buttons button{flex:1}.empty-state{text-align:center;padding:24px 16px}.empty-icon{margin-bottom:8px}.empty-icon svg{color:var(--text-dim);opacity:.3}.empty-text{font-size:13px;color:var(--text-dim)}.empty-hint{font-size:11px;color:var(--text-dim);opacity:.5;margin-top:4px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.group-section{margin-top:4px}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column-reverse;gap:8px;align-items:center;pointer-events:none;width:100%;max-width:440px;padding:0 16px}.toast{background:var(--card);color:var(--text);border:1px solid var(--border);padding:10px 20px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #0000004d;transform:translateY(20px);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:auto}.toast.show{transform:translateY(0);opacity:1}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--blue)}.sub-items{padding-left:32px}.sub-item{padding:6px 0}.sub-item .check-box{width:18px;height:18px;border-radius:4px}.sub-item .check-text{font-size:13px}.parent-progress{font-size:10px;color:var(--text-dim);margin-left:auto;white-space:nowrap}.parent-progress-bar{width:40px;height:3px;background:var(--bg3);border-radius:2px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:6px}.parent-progress-fill{height:100%;background:var(--green);border-radius:2px}.add-sub-btn{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:4px}.add-sub-btn:hover{color:var(--accent)}.card-images{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.card-img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.img-attach-row{display:flex;gap:8px;align-items:center;margin-top:8px}.img-preview-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.img-preview-thumb{width:60px;height:60px;border-radius:6px;object-fit:cover;border:1px solid var(--border);cursor:pointer;position:relative}.settings-section{margin-bottom:20px}.settings-section-title{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-left{display:flex;align-items:center;gap:10px}.settings-row-left svg{color:var(--text-dim)}.settings-row-label{font-size:14px}.settings-row-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.theme-select{display:flex;gap:4px;background:var(--bg3);border-radius:8px;padding:3px}.theme-opt{padding:6px 10px;border:none;background:none;color:var(--text-dim);font-size:11px;font-weight:600;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:4px}.theme-opt.active{background:var(--card);color:var(--text)}.idle-content{text-align:center;padding:20px 0}.idle-icon{margin-bottom:16px}.idle-icon svg{color:var(--yellow)}.idle-title{font-size:18px;font-weight:800;margin-bottom:8px}.idle-text{font-size:13px;color:var(--text-dim);margin-bottom:20px}.save-session-icon{margin-bottom:12px}.save-session-icon svg{color:var(--accent)}.save-session-title{font-size:20px;font-weight:800;margin-bottom:16px}.save-session-stats{display:flex;justify-content:center;gap:32px}.save-stat{text-align:center}.save-stat-val{font-size:24px;font-weight:800;color:var(--text)}.save-stat-val.accent{color:var(--accent)}.save-stat-lbl{font-size:11px;color:var(--text-dim);margin-top:2px}.recurring-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background:var(--bg3);cursor:pointer;color:var(--text-dim);font-size:12px;font-weight:500;transition:all .2s;margin-top:8px;-webkit-user-select:none;user-select:none}.recurring-toggle input{display:none}.recurring-toggle:has(input:checked){background:var(--accent);color:#fff}.recurring-badge{font-size:9px;font-weight:700;color:var(--accent);background:#3b82f626;padding:2px 6px;border-radius:4px;margin-left:4px}.card-type-select{display:flex;gap:4px;background:var(--bg3);border-radius:8px;padding:3px}.card-type-opt{flex:1;padding:8px;border:none;background:none;color:var(--text-dim);font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.card-type-opt.active{background:var(--accent);color:#fff}.mc-options-list{display:flex;flex-direction:column;gap:8px}.mc-option-row{display:flex;align-items:center;gap:8px}.mc-radio{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;flex-shrink:0}.mc-letter{font-size:13px;font-weight:700;color:var(--text-dim);width:18px;text-align:center;flex-shrink:0}.mc-option-input{flex:1;padding:8px 12px;font-size:13px}.mc-review-options{display:flex;flex-direction:column;gap:8px;margin-top:16px}.mc-review-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg3);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.mc-review-btn:active{transform:scale(.98)}.mc-review-btn .mc-letter{width:28px;height:28px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text);flex-shrink:0}.mc-review-btn.correct{border-color:var(--green);background:#22c55e1a}.mc-review-btn.correct .mc-letter{background:var(--green);color:#fff}.mc-review-btn.wrong{border-color:var(--red);background:#f871711a}.mc-review-btn.wrong .mc-letter{background:var(--red);color:#fff}.mc-review-btn.selected{border-color:var(--accent)}.notification-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.notification-item:last-child{border-bottom:none}.notif-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon.xp{background:#3b82f626;color:var(--accent)}.notif-icon.streak{background:#fb923c26;color:var(--orange)}.notif-icon.session{background:#22c55e26;color:var(--green)}.notif-text{flex:1;font-size:13px;line-height:1.3}.notif-time{font-size:10px;color:var(--text-dim);flex-shrink:0}.feed-post{background:var(--bg3);border-radius:var(--radius-sm);padding:14px;margin-bottom:10px}.feed-post-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.feed-post-name{font-size:13px;font-weight:700}.feed-post-time{font-size:10px;color:var(--text-dim)}.feed-post-text{font-size:14px;line-height:1.5;word-break:break-word}.feed-post-actions{display:flex;gap:16px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.feed-action-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer}.feed-action-btn.liked{color:var(--red)}.feed-action-btn.liked svg{fill:var(--red);stroke:var(--red)}.hashtag{color:var(--accent);font-weight:600;cursor:pointer}.hashtag:hover{text-decoration:underline}.social-nav-btn{font-size:11px}.feed-action-btn.bookmarked{color:var(--accent)}.feed-action-btn.bookmarked svg{fill:var(--accent);stroke:var(--accent)}.page-auth{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);overflow-y:auto;overflow-x:hidden}.page-auth.active{display:block}.landing{width:100%;min-height:100dvh;display:flex;flex-direction:column;background:#fff!important;color:#111!important;--text: #111113;--text-dim: #6B6B73;--card: #fff;--bg: #fff;--bg2: #fff;--bg3: #F3F3F5;--border: #E0E0E3;--surface: #F8F8FA;--lp-blue: #3B82F6;--lp-dark: #2D2D2D;max-width:none;overflow-x:hidden}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid rgba(0,0,0,.06)}.landing-logo{font-family:Poppins,sans-serif;font-size:22px;font-weight:900;color:#111;letter-spacing:-.5px}.landing-nav{display:flex;align-items:center;gap:8px}.landing-login-btn{background:none;border:none;color:#111;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;font-family:inherit;transition:color .2s}.landing-login-btn:hover{color:var(--lp-blue)}.landing-signup-btn{display:inline-flex;align-items:center;gap:6px;background:var(--lp-blue);color:#fff;border:none;padding:10px 22px;border-radius:100px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s}.landing-signup-btn svg{flex-shrink:0}.landing-signup-btn:hover{background:#2563eb;transform:scale(1.03)}.landing-cat-bar{display:flex;justify-content:center;padding:12px 16px 0}.landing-cat-bar-inner{display:flex;align-items:center;gap:0;background:var(--lp-dark);border-radius:100px;padding:14px 32px;width:100%;max-width:600px;justify-content:space-around}.landing-cat-bar-inner span{color:#fff;font-size:14px;font-weight:500;font-family:Inter,sans-serif;opacity:.9;cursor:default;padding:2px 8px;white-space:nowrap}.landing-hero{position:relative;padding:40px 24px 32px;background:#fff;overflow:visible}.landing-hero-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.landing-hero-text{position:relative;z-index:2}.landing-hero-mascot{position:relative;z-index:1;margin-top:-20px}.landing-mascot-img{width:100%;max-width:320px;height:auto;display:block;margin:0 auto;object-fit:contain}.landing-urgency{font-size:13px;color:var(--text-dim);margin-bottom:20px;font-family:Inter,sans-serif;font-weight:400}.landing-counter{color:var(--lp-blue);font-weight:800;animation:counterPulse 3s ease-in-out infinite}@keyframes counterPulse{0%,to{opacity:1}50%{opacity:.7}}.landing-headline{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(42px,10vw,72px);font-weight:900;line-height:.92;color:#111;margin-bottom:20px;letter-spacing:-2px;text-align:left}.landing-headline-blue{color:var(--lp-blue)}.typewriter-dot{color:var(--lp-blue);-webkit-text-fill-color:var(--lp-blue)}.typewriter-cursor{display:inline-block;font-weight:300;color:var(--lp-blue);-webkit-text-fill-color:var(--lp-blue);margin-left:2px;animation:cursorBlink .7s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.landing-desc{font-size:16px;color:#0000008c;line-height:1.7;max-width:480px;margin:0 0 28px;font-family:Inter,sans-serif;text-align:left}.landing-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:0;justify-content:flex-start}.landing-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--lp-blue);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;min-width:160px;transition:background .2s,transform .15s}.landing-cta-primary:hover{background:#2563eb;transform:translateY(-2px)}.cta-arrow{transition:transform .2s;display:inline-block}.landing-cta-primary:hover .cta-arrow{transform:translate(3px)}.landing-cta-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:2px solid rgba(0,0,0,.15);color:#111;padding:14px 32px;font-size:16px;font-weight:700;border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;min-width:160px;transition:background .2s,border-color .2s}.landing-cta-secondary:hover{background:#00000008;border-color:#0000004d}@media(min-width:768px){.landing-hero{padding:60px 48px 40px}.landing-hero-inner{flex-direction:row;align-items:center;text-align:left;gap:20px}.landing-hero-text{flex:1}.landing-hero-mascot{flex:0 0 auto;margin-top:0}.landing-mascot-img{max-width:420px}.landing-headline,.landing-desc{text-align:left}.landing-ctas{justify-content:flex-start}.landing-cat-bar-inner{max-width:560px;padding:14px 48px}}.landing-deco-squares{position:relative;height:0;overflow:visible;pointer-events:none}.landing-deco-sq{position:absolute;width:120px;height:120px;border-radius:20px;background:var(--lp-blue);opacity:.15;filter:blur(40px);z-index:0}.landing-deco-sq-left{left:-40px;top:-60px}.landing-deco-sq-right{right:-40px;top:-60px}.landing-info-cards{padding:24px 16px 48px;position:relative;z-index:1}.landing-info-cards-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.landing-info-cards-inner{grid-template-columns:1fr 1fr}}.landing-info-card{border-radius:20px;padding:32px 28px;font-size:16px;line-height:1.6;color:#fff;transition:transform .3s,box-shadow .3s}.landing-info-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.landing-info-card-blue{background:var(--lp-blue)}.landing-info-card-dark{background:var(--lp-dark)}.landing-info-card-icon{margin-bottom:16px}.landing-info-card p{margin:0}.landing-avatars{display:flex;align-items:center;margin-top:20px}.landing-avatar-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:2px solid var(--lp-blue);margin-left:-8px;animation:avatarPulse 3s ease-in-out infinite}.landing-avatar-circle:first-child{margin-left:0}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.landing-avatar-badge{margin-left:10px;font-size:13px;font-weight:700;color:#ffffffd9}.landing-procrastination{background:var(--lp-blue);color:#fff;padding:80px 24px 60px;position:relative}.landing-procrastination-inner{max-width:800px;margin:0 auto}.landing-procrastination-title{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.05;margin-bottom:32px;letter-spacing:-2px}.landing-procrastination-body{font-size:17px;line-height:1.7;color:#ffffffd9;font-family:Inter,sans-serif}.landing-procrastination-body p{margin-bottom:20px}.landing-procrastination-body strong{color:#fff;font-weight:800}.landing-scroll-arrow{margin-top:32px;opacity:.5;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.landing-ninjia-section{padding:80px 24px;background:#fff}.landing-ninjia-inner{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px}@media(min-width:768px){.landing-ninjia-inner{flex-direction:row;align-items:center;gap:48px}}.ninjia-chat-preview{max-width:440px;width:100%;border-radius:24px;overflow:hidden;background:var(--lp-dark);box-shadow:0 16px 56px #00000026;flex-shrink:0}.ninjia-chat-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#0000004d;color:#fff;font-size:15px;font-weight:700}.ninjia-chat-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.ninjia-chat-title{flex:1}.ninjia-chat-status{font-size:12px;font-weight:500;color:#22c55e;font-style:italic}.ninjia-chat-body{padding:20px;display:flex;flex-direction:column;gap:14px}.ninjia-msg{display:flex;gap:10px;align-items:flex-start}.ninjia-msg-user{justify-content:flex-end}.ninjia-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.ninjia-avatar-user{background:#e0e7ff;color:#4338ca}.ninjia-avatar-ai{background:var(--lp-blue);color:#fff}.ninjia-bubble{border-radius:16px;padding:12px 16px;font-size:14px;line-height:1.55;max-width:85%}.ninjia-bubble-user{background:#444;color:#fff;border-bottom-right-radius:4px}.ninjia-bubble-ai{background:#fff;color:#333;border-bottom-left-radius:4px}.ninjia-bubble-ai strong{color:var(--lp-blue);font-weight:600}.ninjia-chat-anim{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}.ninjia-chat-anim.chat-visible{opacity:1;transform:translateY(0)}.landing-ninjia-mascot{flex:0 0 auto}.landing-ninjia-mascot .landing-mascot-img{max-width:300px}@media(min-width:768px){.landing-ninjia-mascot .landing-mascot-img{max-width:360px}}.landing-faixa-section{background:#0a0a0a;color:#fff;padding:100px 24px;text-align:center;position:relative;overflow:hidden}.landing-faixa-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.landing-faixa-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}.landing-faixa-img{max-width:400px;width:100%;margin:0 auto 40px;display:block;filter:drop-shadow(0 8px 32px rgba(255,255,255,.1))}.landing-faixa-title{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:900;margin-bottom:16px;letter-spacing:-1.5px}.landing-faixa-desc{font-size:16px;color:#fff9;line-height:1.6;margin-bottom:32px;font-family:Inter,sans-serif}.landing-faixa-section .landing-cta-primary{margin:0 auto}.landing-stats-bar{padding:60px 24px;background:#fff}.landing-stats-bar-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.landing-stat-item{text-align:center}.landing-stat-number{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:900;color:var(--lp-blue);letter-spacing:-1px}.landing-stat-label{font-size:14px;color:var(--text-dim);font-weight:500;font-family:Inter,sans-serif;margin-top:4px}.landing-stat-divider{width:1px;height:48px;background:#0000001a}@media(max-width:639px){.landing-stats-bar-inner{gap:20px}.landing-stat-divider{height:40px}}.landing-provocative{background:var(--lp-dark);color:#fff;padding:80px 24px;text-align:center}.landing-provocative-inner{max-width:700px;margin:0 auto}.landing-provocative-title{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(26px,5vw,40px);font-weight:900;line-height:1.15;margin-bottom:20px;letter-spacing:-1.5px}.landing-provocative-desc{font-size:16px;color:#fff9;line-height:1.7;margin-bottom:36px;font-family:Inter,sans-serif}.landing-provocative .landing-cta-big{margin:0 auto}.landing-compare-section{padding:80px 24px;max-width:900px;margin:0 auto;width:100%}.landing-section-header{text-align:center;margin-bottom:48px}.landing-section-title{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:900;color:var(--text);margin-bottom:12px;letter-spacing:-1.5px;line-height:1.1}.landing-section-subtitle{font-size:16px;color:var(--text-dim);line-height:1.5;max-width:420px;margin:0 auto;font-family:Inter,sans-serif}.compare-table{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.compare-table{grid-template-columns:1fr 1fr;gap:20px}}.compare-col{border-radius:20px;padding:28px 24px}.compare-col-without{background:#f5f5f5;border:1px solid #E8E8E8}.compare-col-with{background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid #BFDBFE}.compare-col-header{font-family:Poppins,sans-serif;font-size:17px;font-weight:800;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}.compare-col-with .compare-col-header{color:#1d4ed8;border-bottom-color:#3b82f633}.compare-row{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;line-height:1.5;color:#444}.compare-col-without .compare-row{color:#888}.compare-col-with .compare-row{color:#1e3a5f}.compare-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.compare-icon-bad{background:#fee2e2;color:#dc2626}.compare-icon-good{background:#dcfce7;color:#16a34a}.landing-testimonials-section{padding:80px 24px;max-width:960px;margin:0 auto;width:100%}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:20px}}.testimonial-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px 24px;transition:transform .3s,box-shadow .3s}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.testimonial-stars{color:#fbbf24;font-size:16px;letter-spacing:2px;margin-bottom:12px}.testimonial-text{font-size:14px;line-height:1.7;color:#444;margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--lp-blue),#60A5FA);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.testimonial-name{font-size:14px;font-weight:700;color:var(--text)}.testimonial-role{font-size:12px;color:var(--lp-blue);font-weight:500}.landing-faq-section{padding:80px 24px;max-width:640px;margin:0 auto;width:100%}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:#3b82f64d}.faq-question{padding:18px 20px;font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--text);-webkit-user-select:none;user-select:none;transition:color .2s}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:20px;font-weight:300;color:var(--text-dim);transition:transform .2s}.faq-item[open] .faq-question:after{content:"−";color:var(--lp-blue)}.faq-item[open] .faq-question{color:var(--lp-blue)}.faq-answer{padding:0 20px 18px;font-size:14px;line-height:1.7;color:var(--text-dim)}.landing-final-cta{position:relative;text-align:center;padding:80px 24px 88px;overflow:hidden}.landing-final-cta-glow{position:absolute;bottom:-30%;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}.landing-final-title{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(28px,5vw,40px);font-weight:900;color:var(--text);margin-bottom:16px;letter-spacing:-1.5px;position:relative}.landing-final-desc{font-size:16px;color:var(--text-dim);line-height:1.6;max-width:420px;margin:0 auto 36px;position:relative;font-family:Inter,sans-serif}.landing-cta-big{padding:18px 40px;font-size:17px;position:relative}.landing-footer{border-top:1px solid rgba(0,0,0,.06);padding:48px 24px 32px}.landing-footer-inner{max-width:960px;margin:0 auto}.landing-footer-brand{font-family:Poppins,sans-serif;font-size:16px;font-weight:800;color:var(--lp-blue)}.landing-footer-text{font-size:13px;color:var(--text-dim);opacity:.6}.landing-footer-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:640px){.landing-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}}.landing-footer-col{display:flex;flex-direction:column;gap:6px}.landing-footer-col-title{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text);margin-bottom:6px}.landing-footer-link{font-size:13px;color:var(--text-dim);cursor:pointer;transition:color .2s;text-decoration:none}.landing-footer-link:hover{color:var(--lp-blue)}.landing-footer-bottom{max-width:960px;margin:24px auto 0;padding-top:20px;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:var(--text-dim);opacity:.5;text-align:center}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.auth-container{width:100%;max-width:420px;margin:60px auto 40px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:20px;border:1px solid var(--border);box-shadow:0 8px 32px #0000001f}.auth-back-btn{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;margin-bottom:16px;padding:4px 0;font-family:inherit}.auth-back-btn:hover{color:var(--text)}.auth-logo{font-family:Poppins,sans-serif;font-size:40px;font-weight:900;text-align:center;color:var(--text);letter-spacing:-1px;margin-bottom:4px}.auth-subtitle{text-align:center;font-size:14px;color:var(--text-dim);margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field .form-label{margin-bottom:6px}.auth-input-wrap{display:flex;align-items:center;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 14px}.auth-input-wrap:focus-within{border-color:var(--accent)}.auth-input-wrap svg{flex-shrink:0;color:var(--text-dim)}.auth-input-wrap .text-input{border:none;background:none;padding:12px 0;flex:1}.auth-input-wrap .text-input:focus{border-color:transparent}.auth-eye-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex}.auth-submit{width:100%;padding:14px;font-size:16px;border-radius:var(--radius-sm);margin-top:4px}.auth-toggle{text-align:center;font-size:13px;color:var(--text-dim)}.auth-toggle-btn{background:none;border:none;color:var(--accent);font-weight:700;font-size:13px;cursor:pointer}.auth-field-hint{font-size:11px;color:var(--text-dim);margin-top:4px;padding-left:2px}.day-nav{display:flex;gap:4px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.day-nav-btn{flex:1;min-width:42px;padding:8px 4px;border:none;background:var(--bg3);color:var(--text-dim);font-size:11px;font-weight:600;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s}.day-nav-btn.active{background:var(--accent);color:#fff}.day-nav-btn.today{border:1px solid var(--accent)}.day-picker-btn{padding:6px 10px}.day-picker-panel{margin-top:8px}.day-picker-chips{display:flex;gap:6px;flex-wrap:wrap}.day-picker-chip{padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.day-picker-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-top:12px;background:none;border:1px solid var(--red);color:var(--red);font-size:14px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer}.header-right{display:flex;align-items:center;gap:12px}.notif-bell-btn{position:relative;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;display:flex;align-items:center}.notif-bell-btn:hover{color:var(--text)}.notif-badge{position:absolute;top:2px;right:0;background:var(--red);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notif-dropdown{display:none;position:fixed;top:52px;right:8px;width:300px;max-height:360px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;z-index:300;box-shadow:0 8px 32px #0000004d}.notif-dropdown.open{display:block}.notif-dropdown-title{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--text)}.home-layout{display:block}.home-sidebar{display:none}.daily-goal-mini{width:100%;margin-top:16px;padding:0 8px}.daily-goal-text{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-bottom:4px}.daily-goal-track{height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.daily-goal-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease;width:0%}.motivational-msg{font-size:13px;color:var(--text-dim);text-align:center;margin-top:12px;min-height:20px;animation:motivFade 1s ease}@keyframes motivFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ambient-fab{position:fixed;bottom:96px;right:16px;width:40px!important;height:40px!important;min-width:40px;min-height:40px;max-width:40px;max-height:40px;padding:0;margin:0;border-radius:50%;background:var(--bg3);color:var(--text-dim);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;z-index:150;transition:all .2s;flex-shrink:0;flex-grow:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;line-height:1;overflow:hidden;aspect-ratio:1 / 1}.ambient-fab:hover{border-color:var(--accent);color:var(--accent)}.ambient-fab:active{transform:scale(.9)}.ambient-fab.playing{background:#3b82f61a;border-color:var(--accent);color:var(--accent)}.ambient-menu{position:fixed;bottom:152px;right:16px;width:200px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;z-index:160;box-shadow:0 8px 32px #0000004d}.ambient-menu-title{font-size:12px;font-weight:700;color:var(--text-dim);margin-bottom:8px}.ambient-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.ambient-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.ambient-opt:active{transform:scale(.95)}.ambient-opt.active{background:#3b82f626;border-color:var(--accent);color:var(--accent)}.ambient-volume-row{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.ambient-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg3);border-radius:2px;outline:none}.ambient-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.immersive-enter-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;margin:12px auto;transition:all .2s}.immersive-enter-btn:hover{border-color:var(--accent);color:var(--accent)}.immersive-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:1000;align-items:center;justify-content:center;flex-direction:column}.immersive-overlay.active{display:flex}.immersive-exit-btn{position:absolute;top:16px;right:16px;background:none;border:1px solid var(--border);color:var(--text-dim);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001}.immersive-content{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:400px;width:100%;padding:24px}.immersive-ring{width:280px;height:280px}.immersive-ring .timer-time{font-size:56px}.immersive-controls{display:flex;gap:16px;align-items:center}.immersive-msg{max-width:300px;font-style:italic;opacity:.8}.immersive-goal{max-width:280px;margin-top:8px}.timer-ring.glow .timer-progress{filter:drop-shadow(0 0 4px rgba(59,130,246,.3))}.timer-ring.glow.break-glow .timer-progress{filter:drop-shadow(0 0 4px rgba(34,197,94,.3))}@keyframes timerPulse{0%,to{filter:drop-shadow(0 0 3px rgba(59,130,246,.2))}50%{filter:drop-shadow(0 0 6px rgba(59,130,246,.35))}}.timer-ring.glow .timer-progress{animation:timerPulse 3s ease-in-out infinite}.flashcard-notes{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);width:100%}.flashcard-notes-label{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.flashcard-notes-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;font-size:12px;font-family:inherit;resize:vertical;min-height:40px;outline:none}.flashcard-notes-input:focus{border-color:var(--accent)}.flashcard-notes-input::placeholder{color:var(--text-dim)}.feed-new-post{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:12px}.feed-post-textarea{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;font-family:inherit;resize:vertical;min-height:60px;outline:none;margin-bottom:8px}.feed-post-textarea:focus{border-color:var(--accent)}.feed-post-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.feed-group-select{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;font-size:12px;outline:none}@media(min-width:768px){body{max-width:none;display:flex;padding-bottom:0}.app-shell{display:flex;flex-direction:row;width:100%}.tab-bar{position:fixed;bottom:auto;left:0;top:0;transform:none;width:220px;max-width:220px;height:100dvh;flex-direction:column;justify-content:flex-start;padding:16px 10px;gap:2px;border-top:none;border-right:1px solid rgba(255,255,255,.06);background:#0f0f13f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:200;overflow-y:auto}:root[data-theme=light] .tab-bar{background:#fffffff2;border-right-color:#0000000f}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .tab-bar{background:#fffffff2;border-right-color:#0000000f}}.tab-btn{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:500;width:100%;transition:background .2s,color .2s}.tab-btn:after{display:none}.tab-btn:hover{background:#3b82f60f}.tab-btn.active{background:#3b82f61f;color:var(--accent);font-weight:700}.tab-btn svg{width:20px;height:20px}.sidebar-brand{display:block}.app-logo{display:none}.app-header{position:fixed;top:0;left:220px;right:0;z-index:100;padding:14px 48px}.page.active{margin-left:220px;padding:80px 48px 32px;max-width:none;width:calc(100% - 220px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.page.active>*{width:100%;max-width:900px}.page-auth.active{margin-left:0;width:100%;display:block}.page-auth.active>*{max-width:none}.modal{max-width:520px;border-radius:20px;margin:auto}.modal-overlay{align-items:center}.stats-grid,.profile-stats{grid-template-columns:repeat(4,1fr)}.toast-container{bottom:32px;left:calc(220px + 50%);transform:translate(-50%)}.auth-container{max-width:400px}.notif-dropdown{right:auto;left:236px;top:52px}.ambient-fab{bottom:32px;right:32px}.ambient-menu{bottom:88px;right:32px}}@media(min-width:1024px){.page.active>*{max-width:1100px}.home-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.home-sidebar{display:block;position:sticky;top:80px}.stats-grid{grid-template-columns:repeat(4,1fr)}.foco-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.foco-sidebar{position:sticky;top:80px}.revisao-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}#page-checklist>.card{max-width:100%}.home-layout{max-width:100%}}@media(min-width:1400px){.page.active>*{max-width:1200px}.home-layout{grid-template-columns:1fr 320px}}.review-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.review-intro-overlay.visible{opacity:1}.review-intro-text{font-family:Poppins,sans-serif;font-weight:900;font-size:clamp(2rem,8vw,4rem);color:#fff;text-transform:uppercase;letter-spacing:4px;animation:reviewPulse 1.2s ease-in-out infinite}@keyframes reviewPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.flashcard{animation:cardDeal .4s ease-out}@keyframes cardDeal{0%{transform:translateY(30px) rotate(-2deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.flashcard.flipped{animation:none}.tutorial-section{display:flex;flex-direction:column;gap:12px}.tutorial-item{display:flex;gap:12px;padding:12px;background:var(--bg2);border-radius:12px;animation:onbFadeIn .4s ease both}.tutorial-item:nth-child(2){animation-delay:.05s}.tutorial-item:nth-child(3){animation-delay:.1s}.tutorial-item:nth-child(4){animation-delay:.15s}.tutorial-item:nth-child(5){animation-delay:.2s}.tutorial-item:nth-child(6){animation-delay:.25s}.tutorial-icon{font-size:24px;flex-shrink:0;width:36px;text-align:center}.tutorial-item p{font-size:12px;color:var(--text-dim);margin:4px 0 0;line-height:1.5}.tutorial-item strong{color:var(--accent)}.onb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.onb-card{background:var(--card);border-radius:20px;padding:28px 24px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:onbSlideUp .5s cubic-bezier(.16,1,.3,1)}.onb-progress{height:4px;background:var(--bg3);border-radius:4px;margin-bottom:20px}.onb-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.onb-step{animation:onbFadeIn .4s ease}.onb-emoji{font-size:48px;text-align:center;margin-bottom:8px}.onb-title{font-size:22px;font-weight:800;text-align:center;margin-bottom:6px}.onb-desc{font-size:14px;color:var(--text-dim);text-align:center;margin-bottom:16px;line-height:1.5}.onb-highlight{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.onb-hl-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg2);border-radius:12px;font-size:13px}.onb-hl-icon{font-size:20px;flex-shrink:0}.onb-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.onb-chip{padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--text);transition:all .2s ease}.onb-chip:hover{border-color:var(--accent);color:var(--accent)}.onb-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.05)}.onb-add-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--accent);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.onb-hours{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.onb-hour-btn{padding:14px 0;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;border:2px solid var(--border);background:transparent;color:var(--text);transition:all .2s ease}.onb-hour-btn:hover{border-color:var(--accent)}.onb-hour-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.05)}.onb-tip{font-size:12px;color:var(--text-dim);text-align:center;margin-bottom:12px}.onb-btn{width:100%;margin-top:8px}.onb-skip{width:100%;margin-top:6px;background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;padding:8px}.onb-skip:hover{color:var(--text)}@keyframes onbSlideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes onbFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ni-hero{position:relative;overflow:hidden;border-radius:20px;padding:28px 20px 24px;background:linear-gradient(135deg,#3b82f61f,#8b5cf61a,#22c55e0f);border:1px solid rgba(59,130,246,.15);margin-bottom:16px}.ni-hero-glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);pointer-events:none;animation:niPulse 4s ease-in-out infinite}@keyframes niPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.ni-hero-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.ni-hero-mascot{width:72px;height:72px;object-fit:contain;border-radius:18px;filter:drop-shadow(0 4px 16px rgba(59,130,246,.2));animation:niFloat 3s ease-in-out infinite;flex-shrink:0}@keyframes niFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ni-hero-text{flex:1}.ni-brand-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ni-brand-name{font-family:Creato Display,Poppins,sans-serif;font-weight:900;font-size:28px;background:linear-gradient(135deg,var(--accent),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.ni-badge-pro{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.ni-badge-free{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;background:var(--bg3);color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase}.ni-hero-sub{font-size:13px;color:var(--text-dim);margin-top:4px;line-height:1.4}.premium-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.free-badge{background:var(--bg3);color:var(--text-dim)}.premium-active-badge{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700}.ni-trial-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg3);border-radius:14px;margin-bottom:16px;border:1px solid var(--border)}.ni-trial-icon{color:var(--accent);flex-shrink:0;display:flex}.ni-trial-text{font-size:13px;color:var(--text);flex:1}.ni-trial-text strong{color:var(--accent)}.ni-trial-progress{width:60px;height:4px;border-radius:4px;background:var(--border);overflow:hidden;flex-shrink:0}.ni-trial-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),#a855f7);transition:width .4s ease}.ni-trial-cta{padding:6px 14px;border:none;border-radius:10px;font-size:12px;font-weight:700;background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0;transition:transform .15s}.ni-trial-cta:hover{transform:scale(1.05)}.ni-paywall{background:var(--card);border-radius:20px;padding:28px 20px;text-align:center;border:1px solid var(--border);position:relative;overflow:hidden}.ni-paywall:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#8B5CF6,#22C55E)}.ni-paywall-header{margin-bottom:24px}.ni-paywall-lock{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--accent);margin:0 auto 14px}.ni-paywall-title{font-family:Creato Display,Poppins,sans-serif;font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px}.ni-paywall-desc{font-size:13px;color:var(--text-dim);line-height:1.6;max-width:320px;margin:0 auto}.ni-paywall-features{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.ni-pw-feat{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg2);border-radius:14px;text-align:left;border:1px solid var(--border);transition:border-color .2s}.ni-pw-feat:hover{border-color:#3b82f64d}.ni-pw-feat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--feat-color) 12%,transparent);color:var(--feat-color);flex-shrink:0}.ni-pw-feat div:last-child{display:flex;flex-direction:column;gap:2px}.ni-pw-feat strong{font-size:14px;font-weight:700;color:var(--text)}.ni-pw-feat span{font-size:12px;color:var(--text-dim)}.ni-pw-cta{margin-top:0}.ni-pw-note{font-size:11px;color:var(--text-dim);margin-top:12px}.ni-actions-grid{display:flex;flex-direction:column;gap:10px}.ni-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg3);border-radius:20px;border:none;cursor:pointer;text-align:left;transition:all .25s ease;width:100%;position:relative;overflow:hidden}.ni-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--card-accent,var(--accent));border-radius:0 3px 3px 0;opacity:0;transition:opacity .25s}.ni-card:hover:before{opacity:1}.ni-card:hover{background:var(--card);transform:translate(2px)}.ni-card:disabled{opacity:.4;pointer-events:none}.ni-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card-accent,var(--accent)) 12%,transparent);color:var(--card-accent,var(--accent))}.ni-card-body{flex:1}.ni-card-title{font-family:Creato Display,Poppins,sans-serif;font-size:16px;font-weight:700;color:var(--text)}.ni-card-desc{font-size:12px;color:var(--text-dim);margin-top:3px;line-height:1.5}.ni-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border)}.ni-card-usage{font-size:12px;font-weight:600;color:var(--card-accent,var(--accent))}.ni-card-arrow{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--text-dim);transition:all .2s}.ni-card:hover .ni-card-arrow{background:var(--card-accent,var(--accent));color:#fff}.ni-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;margin-top:8px}.ni-loading-orb{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.ni-loading-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent);border-right-color:#8b5cf6;animation:spin 1s linear infinite}.ni-loading-mascot{width:52px;height:52px;border-radius:50%;object-fit:cover;animation:niFloat 2s ease-in-out infinite}.ni-loading-text{font-size:14px;color:var(--text-dim);font-weight:500}.ni-loading-dots:after{content:"";animation:niDots 1.5s steps(4,end) infinite}@keyframes niDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.ni-history{background:var(--card);border-radius:18px;padding:18px;margin-top:16px;border:1px solid var(--border)}.ni-history-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.ni-history-header svg{color:var(--text-dim)}.ni-history-list{display:flex;flex-direction:column;gap:2px}.ni-hist-row{display:flex;align-items:center;gap:12px;padding:10px 8px;width:100%;border:none;background:none;cursor:pointer;text-align:left;color:var(--text);border-radius:10px;transition:background .15s}.ni-hist-row:hover{background:var(--bg2)}.ni-hist-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ni-hist-info{flex:1;display:flex;flex-direction:column;gap:1px}.ni-hist-label{font-size:13px;font-weight:600;color:var(--text)}.ni-hist-date{font-size:11px;color:var(--text-dim)}.ninjia-report-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;background:linear-gradient(135deg,var(--accent),#a855f7);color:#fff;margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase}.ninjia-report-body{font-size:14px;line-height:1.8;color:var(--text);padding:16px;background:var(--bg2);border-radius:12px}.ninjia-report-footer{font-size:11px;color:var(--text-dim);text-align:center;margin-top:12px}.pricing-modal{text-align:center;max-width:460px;padding:24px;overflow:hidden;position:relative;background:var(--bg);border-radius:24px}.pricing-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:22px;color:var(--text-dim);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;z-index:2}.pricing-close:hover{background:var(--bg3)}.pm-header{margin-bottom:20px}.pm-title{font-size:22px;font-weight:800;margin-top:12px;color:var(--text)}.pm-subtitle{font-size:13px;color:var(--text-dim);margin-top:4px}.pm-card-outer{background:var(--bg3);border-radius:24px;padding:6px}.pm-card-inner{background:var(--card);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001f}.pm-price-block{margin-bottom:20px}.pm-price{font-size:48px;font-weight:800;font-family:Poppins,sans-serif;color:var(--text);letter-spacing:-1px}.pm-price-cents{font-size:24px;vertical-align:super}.pm-price-period{font-size:14px;font-weight:400;color:var(--text-dim);letter-spacing:0}.pm-price-note{font-size:12px;color:var(--text-dim);margin:4px 0 8px}.pm-billing-select{display:flex;gap:8px;margin-bottom:16px}.pm-billing-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid var(--border);border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-dim);transition:all .2s}.pm-billing-opt input{display:none}.pm-billing-opt svg{opacity:.6}.pm-billing-active{border-color:var(--accent);color:var(--text);background:#3b82f60f}.pm-billing-active svg{opacity:1;color:var(--accent)}.pm-coupon-wrap{margin-bottom:16px}.pm-coupon-input{width:100%;padding:10px 14px;background:var(--bg3);border:2px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;text-align:center;text-transform:uppercase;letter-spacing:1px;outline:none;transition:border-color .2s}.pm-coupon-input:focus{border-color:var(--accent)}.pm-coupon-status{font-size:12px;margin-top:4px;min-height:16px}.pm-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.pm-note{font-size:11px;color:var(--text-dim);margin-top:16px}@media(max-width:500px){.pm-features{grid-template-columns:1fr}.pm-billing-select{flex-direction:column}}@media(min-width:768px){.ni-actions-grid{flex-direction:row}.ni-card{flex:1}.ni-paywall-features{flex-direction:row}.ni-pw-feat{flex:1}}.trial-countdown-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#ffc1071f,#ff98001f);border:1px solid rgba(255,193,7,.3);border-radius:12px;margin-bottom:16px}.trial-countdown-icon{font-size:20px}.trial-countdown-text{flex:1;font-size:14px;color:var(--text-dim)}.trial-countdown-text strong{color:var(--text);font-weight:700}.lp-badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;background:#3b82f61f;color:var(--accent)}.lp-badge-trial{display:inline-block;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;margin-top:6px}.lp-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:700;border:none;border-radius:14px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),#2563EB);box-shadow:0 4px 16px #3b82f659;transition:transform .15s,box-shadow .15s}.lp-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3b82f673}.lp-cta:active{transform:translateY(0)}.lp-cta svg{flex-shrink:0}.lp-separator{height:1px;background:var(--border);margin:20px 0;opacity:.5}.lp-feat{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-dim)}.lp-feat-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--accent);color:#fff;font-size:11px;font-weight:700;margin-top:1px}.lp-guarantee{font-size:12px;color:var(--text-dim);margin:0}.landing-premium-section{position:relative;padding:80px 24px;text-align:center;overflow:hidden}.landing-premium-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.landing-premium-inner{position:relative;max-width:560px;margin:0 auto}.landing-premium-title{font-family:Creato Display,Poppins,sans-serif;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.15;margin:16px 0 12px;color:var(--text)}.landing-premium-desc{font-size:16px;color:var(--text-dim);line-height:1.6;margin-bottom:32px;max-width:440px;margin-left:auto;margin-right:auto}.lp-card-outer{background:var(--bg3);border-radius:28px;padding:6px}.lp-card-inner{background:var(--card);border-radius:24px;padding:32px 28px;box-shadow:0 8px 40px #00000026}.lp-price-block{margin-bottom:24px}.lp-price{font-size:56px;font-weight:800;font-family:Poppins,sans-serif;color:var(--text);letter-spacing:-2px;line-height:1}.lp-price-cents{font-size:28px;vertical-align:super;letter-spacing:0}.lp-price-period{font-size:15px;font-weight:400;color:var(--text-dim);letter-spacing:0}.lp-price-note{font-size:13px;color:var(--text-dim);margin:6px 0 10px}.lp-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}@media(max-width:500px){.lp-features{grid-template-columns:1fr}.lp-card-inner{padding:24px 20px}.lp-price{font-size:44px}}.sidebar-bottom{margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.sidebar-sub-btn{font-size:12px!important;opacity:.8}.sidebar-sub-btn span{font-size:11px!important}.terms-content{font-size:13px;line-height:1.7;color:var(--text-dim);max-height:45vh;overflow-y:auto;padding-right:8px}.terms-content h3{font-size:14px;font-weight:700;color:var(--text);margin:16px 0 6px}.terms-content ul{padding-left:20px}.terms-content li{margin-bottom:6px}.app-stat-card{background:var(--bg3);border-radius:20px;padding:5px}.app-stat-card-inner{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.app-stat-card-inner:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040}.app-stat-card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#7c3aed);opacity:.6}.app-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--accent);margin-bottom:2px}.app-stat-icon.green{background:#22c55e1a;color:var(--green)}.app-stat-icon.red{background:#ef44441a;color:var(--red)}.app-stat-icon.purple{background:#8b5cf61a;color:var(--purple)}.app-stat-icon.yellow{background:#eab3081a;color:var(--yellow)}.app-stat-icon.orange{background:#f973161a;color:var(--orange)}.app-stat-val{font-size:26px;font-weight:800;color:var(--text);line-height:1.1}.app-stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.app-seg-tabs{display:flex;gap:4px;padding:4px;background:var(--bg3);border-radius:14px;margin-bottom:20px}.app-seg-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-dim);transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px}.app-seg-tab:hover{color:var(--text);background:#ffffff0a}.app-seg-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 10px #3b82f64d}.app-seg-tab svg{width:16px;height:16px}.app-user-card{background:var(--bg3);border-radius:20px;padding:4px;margin-bottom:10px}.app-user-card-inner{background:var(--card);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 2px 10px #0000001a;transition:transform .15s}.app-user-card-inner:hover{transform:translateY(-1px)}.app-user-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--accent),#7c3aed)}.app-user-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.app-user-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-email{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-user-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.app-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.app-badge.admin{background:#8b5cf626;color:#a78bfa}.app-badge.creator{background:#eab30826;color:#facc15}.app-badge.premium{background:#3b82f626;color:#60a5fa}.app-badge.free{background:#6b6b7326;color:var(--text-dim)}.app-badge.banned{background:#ef444426;color:#f87171}.app-user-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.app-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg3);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.app-icon-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.app-icon-btn.danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.app-icon-btn.success:hover{background:var(--green);color:#fff;border-color:var(--green)}.app-coupon-card{background:var(--bg3);border-radius:20px;padding:4px;margin-bottom:10px}.app-coupon-inner{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:16px;flex-wrap:wrap;transition:transform .15s}.app-coupon-inner:hover{transform:translateY(-1px)}.app-coupon-code{font-family:Courier New,monospace;font-size:18px;font-weight:800;color:var(--accent);background:#3b82f614;padding:8px 16px;border-radius:10px;border:1px dashed rgba(59,130,246,.3);letter-spacing:1px}.app-coupon-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.app-coupon-details{font-size:13px;color:var(--text-dim)}.app-coupon-stats{font-size:12px;color:var(--text-dim);display:flex;gap:12px;flex-wrap:wrap}.app-coupon-stats span{display:flex;align-items:center;gap:4px}.app-usage-bar{width:80px;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.app-usage-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.app-coupon-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px}.app-coupon-status.active{background:#22c55e1f;color:var(--green)}.app-coupon-status.inactive{background:#ef44441f;color:var(--red)}.app-toggle{position:relative;width:42px;height:24px;cursor:pointer}.app-toggle input{display:none}.app-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg3);border-radius:12px;border:1px solid var(--border);transition:all .2s}.app-toggle input:checked+.app-toggle-track{background:var(--accent);border-color:var(--accent)}.app-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.app-toggle input:checked~.app-toggle-thumb{transform:translate(18px)}.app-tier-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.app-tier-badge.bronze{background:linear-gradient(135deg,#cd7f3226,#cd7f320d);color:#cd7f32;border:1px solid rgba(205,127,50,.2)}.app-tier-badge.prata{background:linear-gradient(135deg,#c0c0c026,#c0c0c00d);color:silver;border:1px solid rgba(192,192,192,.2)}.app-tier-badge.ouro{background:linear-gradient(135deg,#ffd70026,#ffd7000d);color:gold;border:1px solid rgba(255,215,0,.2)}.app-progress-bar{width:100%;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.app-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.app-progress-fill.bronze{background:linear-gradient(90deg,#cd7f32,#e0a050)}.app-progress-fill.prata{background:linear-gradient(90deg,#a8a8a8,#d0d0d0)}.app-progress-fill.ouro{background:linear-gradient(90deg,gold,#ffe44d)}.app-progress-fill.accent{background:linear-gradient(90deg,var(--accent),#7c3aed)}.app-form-card{background:var(--bg3);border-radius:20px;padding:4px;margin-bottom:16px;overflow:hidden}.app-form-inner{background:var(--card);border-radius:16px;padding:20px 24px;box-shadow:0 2px 10px #0000001a}.app-form-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.app-section-card{background:var(--bg3);border-radius:20px;padding:5px;margin-top:16px}.app-section-inner{background:var(--card);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000026}.app-section-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.app-section-title svg{color:var(--accent)}.app-timeline-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.app-timeline-item:last-child{border-bottom:none}.app-timeline-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--green),#16a34a)}.app-timeline-info{flex:1;min-width:0}.app-timeline-name{font-size:13px;font-weight:600;color:var(--text)}.app-timeline-date{font-size:11px;color:var(--text-dim)}.app-timeline-amount{font-size:14px;font-weight:700;color:var(--green);white-space:nowrap}.sub-card-outer{background:var(--bg3);border-radius:20px;padding:5px}.sub-card-inner{background:var(--card);border-radius:16px;padding:28px;box-shadow:0 4px 24px #0003;position:relative;overflow:hidden}.sub-card-inner:before{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);pointer-events:none}.sub-hero{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sub-hero-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);font-size:28px;box-shadow:0 4px 12px #3b82f626}.sub-hero-info{flex:1}.sub-hero-title{font-size:20px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}.sub-hero-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.sub-hero-badge.active{background:#22c55e1f;color:var(--green)}.sub-hero-badge.trial{background:#eab3081f;color:var(--yellow)}.sub-hero-badge.cancel{background:#ef44441f;color:var(--red)}.sub-hero-subtitle{font-size:13px;color:var(--text-dim);margin-top:4px}.sub-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.sub-stat-mini{text-align:center;padding:14px 8px;background:var(--bg3);border-radius:12px}.sub-stat-mini-val{font-size:18px;font-weight:800;color:var(--text)}.sub-stat-mini-label{font-size:10px;color:var(--text-dim);margin-top:3px;text-transform:uppercase;letter-spacing:.3px}.sub-status-row{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sub-info{font-size:13px;color:var(--text-dim)}.sub-info strong{color:var(--text)}.sub-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sub-feat-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg3);border-radius:10px;font-size:13px;color:var(--text);transition:background .2s}.sub-feat-item:hover{background:#3b82f60f}.sub-feat-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#22c55e1a;color:var(--green);flex-shrink:0}.sub-feat-x{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ef44441a;color:var(--red);flex-shrink:0}.sub-cancel-btn{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;background:none;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;margin-top:20px}.sub-cancel-btn:hover{border-color:var(--red);color:var(--red);background:#ef44440a}.sub-free-hero{text-align:center;padding:20px 0}.sub-free-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61f,#8b5cf614);font-size:36px}.sub-free-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px}.sub-free-desc{font-size:14px;color:var(--text-dim);max-width:340px;margin:0 auto 24px;line-height:1.6}.sub-compare-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-bottom:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;color:var(--text-dim)}.sub-compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text);align-items:center}.sub-compare-row:last-child{border-bottom:none}@media(max-width:500px){.sub-features-grid,.sub-stats-row{grid-template-columns:1fr}}.cancel-sub-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.cancel-sub-text{font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:4px}.cancel-sub-motivation{font-size:13px;font-weight:600;color:var(--accent);font-style:italic;margin-top:12px}.cancel-stats-grid{display:flex;gap:8px;justify-content:center;margin:16px 0}.cancel-stat{text-align:center;padding:12px 16px;background:var(--bg3);border-radius:12px;min-width:80px}.cancel-stat-val{font-weight:800;font-size:22px;color:var(--accent)}.cancel-stat-label{font-size:11px;color:var(--text-dim);margin-top:2px}.btn-danger{color:#ef4444!important;border-color:#ef4444!important}.btn-danger:hover{background:#ef4444!important;color:#fff!important}.admin-tabs{display:flex;gap:4px;margin-bottom:16px}.admin-tab{flex:1;padding:8px;border:none;background:var(--bg3);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:var(--text-dim);transition:all .2s}.admin-tab.active{background:var(--accent);color:#fff}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.admin-stat-number{font-size:22px;font-weight:800;color:var(--text)}.admin-stat-label{font-size:11px;color:var(--text-dim);margin-top:4px}.admin-user-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;gap:12px;flex-wrap:wrap}.admin-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-user-info strong{font-size:14px}.admin-user-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-coupon-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;margin-bottom:6px}.premium-active-badge{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px}.creator-hero-card{background:var(--bg3);border-radius:20px;padding:5px}.creator-hero-inner{background:var(--card);border-radius:16px;padding:28px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0003}.creator-hero-inner:before{content:"";position:absolute;top:-80px;right:-80px;width:200px;height:200px;border-radius:50%;pointer-events:none;opacity:.15}.creator-hero-inner.bronze:before{background:radial-gradient(circle,#CD7F32,transparent 70%)}.creator-hero-inner.prata:before{background:radial-gradient(circle,#C0C0C0,transparent 70%)}.creator-hero-inner.ouro:before{background:radial-gradient(circle,#FFD700,transparent 70%)}.creator-hero-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.creator-hero-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.creator-hero-icon.bronze{background:#cd7f321f}.creator-hero-icon.prata{background:#c0c0c01f}.creator-hero-icon.ouro{background:#ffd7001f}.creator-hero-title{font-size:20px;font-weight:800;color:var(--text);text-transform:capitalize}.creator-hero-sub{font-size:13px;color:var(--text-dim);margin-top:4px}.creator-progress-wrap{margin-top:4px}.creator-progress-label{font-size:11px;color:var(--text-dim);margin-bottom:6px;display:flex;justify-content:space-between}.become-creator-card{background:var(--bg3);border-radius:20px;padding:5px}.become-creator-inner{background:var(--card);border-radius:16px;padding:32px;text-align:center;box-shadow:0 4px 24px #0003;position:relative;overflow:hidden}.become-creator-inner:before{content:"";position:absolute;top:-60px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(234,179,8,.1),transparent 70%);pointer-events:none}.become-creator-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eab3081f,#f9731614);font-size:36px}.become-creator-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px}.become-creator-desc{font-size:14px;color:var(--text-dim);max-width:340px;margin:0 auto 20px;line-height:1.6}.become-creator-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;text-align:left}.become-creator-feat{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg3);border-radius:10px;font-size:13px;color:var(--text)}@media(max-width:600px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.app-user-card-inner{flex-direction:column;align-items:flex-start}.app-user-actions{width:100%}.app-coupon-inner{flex-direction:column;align-items:flex-start}.become-creator-benefits{grid-template-columns:1fr}}.app-mascot-img{width:80px;height:80px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 4px 16px rgba(59,130,246,.18));flex-shrink:0}.app-mascot-img.lg{width:120px;height:120px}.app-mascot-img.center{display:block;margin:0 auto}@keyframes appFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app-fade-in{animation:appFadeInUp .45s ease both}.app-fade-in:nth-child(2){animation-delay:.08s}.app-fade-in:nth-child(3){animation-delay:.16s}.app-fade-in:nth-child(4){animation-delay:.24s}.app-fade-in:nth-child(5){animation-delay:.32s}@keyframes appProgressGrow{0%{width:0}}.app-progress-bar .app-progress-fill{animation:appProgressGrow .8s ease-out both;animation-delay:.3s}.sub-glow-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative}.sub-glow-badge.active{background:#22c55e1f;color:var(--green);box-shadow:0 0 12px #22c55e33}.sub-glow-badge.trial{background:#eab3081f;color:var(--yellow);box-shadow:0 0 12px #eab30826}.sub-glow-badge.cancel{background:#ef44441f;color:var(--red);box-shadow:0 0 12px #ef444426}.sub-stat-icon-card{text-align:center;padding:16px 10px;background:var(--bg3);border-radius:14px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.sub-stat-icon-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.sub-stat-icon-card .stat-icon-wrap{width:36px;height:36px;border-radius:10px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--accent)}.sub-stat-icon-card .stat-icon-wrap.green{background:#22c55e1a;color:var(--green)}.sub-stat-icon-card .stat-icon-wrap.purple{background:#8b5cf61a;color:var(--purple)}.app-speech-bubble{position:relative;background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:14px 18px;margin-bottom:16px;font-size:15px;font-weight:600;color:var(--text);text-align:center;max-width:280px;margin-left:auto;margin-right:auto}.app-speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--bg3)}.app-social-proof{text-align:center;font-size:13px;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px}.app-social-proof svg{color:var(--accent);flex-shrink:0}.app-reciprocidade{text-align:center;font-size:12px;color:var(--text-dim);margin-top:10px;font-style:italic;opacity:.8}.app-cta-gradient{width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 20px #3b82f64d;font-family:Poppins,Inter,sans-serif}.app-cta-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f666}.app-cta-gradient:active{transform:translateY(0)}.app-search-bar{display:flex;align-items:center;gap:10px;background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:8px 14px;margin-bottom:14px;transition:border-color .2s}.app-search-bar:focus-within{border-color:var(--accent)}.app-search-bar input{flex:1;background:none;border:none;outline:none;font-size:14px;color:var(--text);font-family:Inter,sans-serif}.app-search-bar input::placeholder{color:var(--text-dim)}.app-search-bar svg{color:var(--text-dim);flex-shrink:0}.creator-hero-layout{display:flex;align-items:center;gap:16px}.creator-hero-layout .app-mascot-img{width:64px;height:64px}@media(max-width:500px){.sub-stat-icon-card{padding:12px 6px}.app-mascot-img.lg{width:90px;height:90px}}.landing-ticker{overflow:hidden;background:linear-gradient(135deg,#0f0f12,#151518);padding:16px 0;white-space:nowrap;position:relative;display:flex}.landing-ticker-track{display:flex;flex-shrink:0;animation:tickerScroll 20s linear infinite}.landing-ticker-item{font-family:Creato Display,Poppins,sans-serif;font-size:16px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:3px;padding:0 20px;opacity:.85}.landing-ticker-sep{color:var(--lp-blue);font-size:16px;font-weight:300;padding:0 6px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.glass-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px}.landing-premium-section .lp-card-outer{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.lp-price-gradient{font-size:64px;font-weight:900;font-family:Creato Display,Poppins,sans-serif;background:linear-gradient(135deg,var(--lp-blue),#60A5FA,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-3px}.lp-price-period-new{font-size:18px;font-weight:400;color:var(--text-dim);margin-left:4px}.lp-payment-tabs{display:flex;gap:8px;margin:20px 0}.lp-payment-tab{flex:1;padding:12px;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:transparent;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;color:#666}.lp-payment-tab.active{border-color:var(--lp-blue);color:var(--lp-blue);background:#3b82f60f}.lp-cta-pulse{animation:ctaPulse 2s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 4px 16px #3b82f659}50%{box-shadow:0 4px 32px #3b82f68c}}.lp-reassurance{font-size:13px;color:var(--text-dim);margin-top:12px;opacity:.7}.lp-feat-animated .lp-feat-check{animation:featCheck .4s ease both}@keyframes featCheck{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.lp-feat-animated:nth-child(1) .lp-feat-check{animation-delay:.1s}.lp-feat-animated:nth-child(2) .lp-feat-check{animation-delay:.2s}.lp-feat-animated:nth-child(3) .lp-feat-check{animation-delay:.3s}.lp-feat-animated:nth-child(4) .lp-feat-check{animation-delay:.4s}.lp-feat-animated:nth-child(5) .lp-feat-check{animation-delay:.5s}.lp-feat-animated:nth-child(6) .lp-feat-check{animation-delay:.6s}.landing-friends-section{padding:80px 24px;background:#fafafa;text-align:center}.landing-friends-inner{max-width:960px;margin:0 auto}.landing-friends-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:32px 0}@media(min-width:600px){.landing-friends-grid{grid-template-columns:repeat(3,1fr)}}.landing-friends-card{padding:28px 20px;background:#fff;border-radius:20px;border:1px solid #E8E8EB;text-align:center;transition:transform .2s,box-shadow .2s}.landing-friends-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.landing-friends-card-icon{width:56px;height:56px;border-radius:16px;background:#3b82f614;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.landing-friends-card h3{font-family:Creato Display,Poppins,sans-serif;font-size:17px;font-weight:800;color:#111;margin-bottom:8px}.landing-friends-card p{font-size:13px;color:#6b6b73;line-height:1.6}.landing-friends-social-proof{margin-top:24px}.landing-friends-social-proof .landing-avatars{display:flex;align-items:center;gap:-6px}.landing-flashcard-demo{padding:100px 24px 80px;background:linear-gradient(180deg,#f8faff,#fff);text-align:center;position:relative;overflow:hidden}.landing-flashcard-demo:before{content:"";position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none}.flashcard-demo-wrapper{max-width:1100px;margin:0 auto;position:relative}.flashcard-demo-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:48px auto 0}@media(min-width:768px){.flashcard-demo-grid{grid-template-columns:repeat(3,1fr)}}.flashcard-demo-card{perspective:1200px;height:320px;cursor:pointer}.flashcard-demo-card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.flashcard-demo-card.flipped .flashcard-demo-card-inner{transform:rotateY(180deg)}.flashcard-demo-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;border-radius:24px;font-family:Poppins,sans-serif;box-shadow:0 4px 24px #0000000a,0 1px 3px #0000000f;transition:box-shadow .3s ease}.flashcard-demo-card:hover .flashcard-demo-face{box-shadow:0 12px 40px #00000014,0 2px 6px #0000000f}.flashcard-demo-front{background:#fff;border:1.5px solid #E2E8F0;color:#1e293b;position:relative;overflow:hidden}.flashcard-demo-front:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:24px 24px 0 0}.flashcard-demo-front-purple{background:#fff;border:1.5px solid #E9E5F5;color:#1e1b4b}.flashcard-demo-front-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.flashcard-demo-front-green{background:#fff;border:1.5px solid #D1FAE5;color:#064e3b}.flashcard-demo-front-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.flashcard-demo-front-mc{justify-content:flex-start;padding-top:24px}.flashcard-demo-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:18px}.flashcard-demo-icon-blue{background:#eff6ff}.flashcard-demo-icon-purple{background:#f5f3ff}.flashcard-demo-icon-green{background:#ecfdf5}.flashcard-demo-front .flashcard-demo-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#94a3b8;font-weight:700;margin-bottom:14px}.flashcard-demo-front-purple .flashcard-demo-label{color:#a78bfa}.flashcard-demo-front-green .flashcard-demo-label{color:#34d399}.flashcard-demo-front .flashcard-demo-text{font-size:15px;font-weight:700;line-height:1.55;letter-spacing:-.2px}.flashcard-demo-subject{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:14px;display:inline-block}.flashcard-demo-subject-blue{background:#eff6ff;color:#3b82f6}.flashcard-demo-subject-purple{background:#f5f3ff;color:#7c3aed}.flashcard-demo-subject-green{background:#ecfdf5;color:#059669}.flashcard-demo-back{background:linear-gradient(145deg,#f0fdf9,#ecfdf5);border:1.5px solid #A7F3D0;color:#064e3b;transform:rotateY(180deg)}.flashcard-demo-back:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#34d399);border-radius:24px 24px 0 0}.flashcard-demo-back-purple{background:linear-gradient(145deg,#faf5ff,#f3e8ff);border:1.5px solid #D8B4FE;color:#3b1f8e}.flashcard-demo-back-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.flashcard-demo-back-blue{background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1.5px solid #93C5FD;color:#1e3a8a}.flashcard-demo-back-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.flashcard-demo-back .flashcard-demo-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#059669;font-weight:700;margin-bottom:14px}.flashcard-demo-back-purple .flashcard-demo-label{color:#7c3aed}.flashcard-demo-back-blue .flashcard-demo-label{color:#3b82f6}.flashcard-demo-back .flashcard-demo-text{font-size:13px;font-weight:600;line-height:1.65}.flashcard-demo-back .flashcard-demo-ref{font-size:11px;font-weight:500;color:#00000059;margin-top:12px}.flashcard-demo-difficulty{display:flex;gap:3px;margin-top:14px}.flashcard-demo-difficulty span{width:6px;height:6px;border-radius:50%;background:#d1d5db}.flashcard-demo-difficulty span.active{background:#3b82f6}.flashcard-demo-difficulty span.active-purple{background:#8b5cf6}.flashcard-demo-difficulty span.active-green{background:#10b981}.flashcard-demo-hint{font-size:13px;color:#94a3b8;margin-top:24px;display:flex;align-items:center;gap:6px;justify-content:center}.flashcard-demo-hint svg{opacity:.5}.fc-mc-options{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}.fc-mc-opt{padding:11px 16px;border:1.5px solid #E2E8F0;border-radius:12px;background:#f8fafc;font-size:12px;font-weight:500;color:#334155;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;font-family:Poppins,sans-serif}.fc-mc-opt:hover:not(.fc-mc-disabled){border-color:#3b82f6;background:#3b82f60f;transform:translate(4px)}.fc-mc-correct{border-color:#22c55e!important;background:#22c55e14!important;color:#166534!important;font-weight:600!important}.fc-mc-wrong{border-color:#ef4444!important;background:#ef44440f!important;color:#991b1b!important}.fc-mc-disabled{cursor:default;opacity:.6}.landing-float-el{position:absolute;pointer-events:none;opacity:.15;z-index:0}.landing-float-el-1{width:60px;height:60px;border-radius:12px;background:var(--lp-blue);top:20%;left:5%;animation:floatUpDown 6s ease-in-out infinite}.landing-float-el-2{width:40px;height:40px;border-radius:50%;background:#a855f7;top:60%;right:8%;animation:floatUpDown 8s ease-in-out infinite 1s}.landing-float-el-3{width:80px;height:80px;border-radius:20px;background:#22c55e;bottom:15%;left:10%;animation:floatUpDown 7s ease-in-out infinite 2s}@keyframes floatUpDown{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.landing-info-card,.testimonial-card,.compare-col,.faq-item{transition:transform .3s ease,box-shadow .3s ease}.landing-info-card:hover,.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}.landing-cta-primary:hover,.landing-signup-btn:hover,.lp-cta:hover{transform:translateY(-2px) scale(1.02)}.auth-container{max-width:420px}.auth-container .auth-input-wrap .text-input{padding:10px 0;height:44px}.auth-container .form-label{font-size:11px}.auth-trial-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),#2563EB);color:#fff;font-size:13px;font-weight:700;padding:6px 18px;border-radius:20px;margin-bottom:12px}.auth-trial-text{font-size:13px;color:var(--text-dim);margin-bottom:16px;text-align:center}.auth-mascot-small{width:80px;height:80px;object-fit:contain;display:block;margin:0 auto 8px}.landing-headline{color:#111;-webkit-text-fill-color:#111}.landing-headline-blue{color:var(--lp-blue);-webkit-text-fill-color:var(--lp-blue)}