:root{--bg-color:#0f1115;--surface-color:#1a1d24;--surface-hover:#242830;--border-color:#2e333d;--text-main:#e2e8f0;--text-muted:#94a3b8;--primary-color:#6366f1;--primary-hover:#4f46e5;--danger-color:#ef4444;--success-color:#22c55e;--header-bg:#0f1115d1;--font-family:"Inter", system-ui, -apple-system, sans-serif;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--shadow-sm:0 4px 6px -1px #0000001a;--shadow-md:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #6366f126;--period-dropdown-bg:#1a1d24d9;--period-dropdown-border:#ffffff14;--period-item-hover:#ffffff0d;--period-action-hover:#ffffff14;--modal-bg:#1a1d24d9;--modal-border:#ffffff1a}[data-theme=light]{--bg-color:#e2e8f0;--surface-color:#f8fafc;--surface-hover:#eef2f7;--border-color:#cbd5e1;--text-main:#0f172a;--text-muted:#64748b;--shadow-sm:0 4px 6px -1px #0000000f;--shadow-md:0 10px 15px -3px #00000014;--shadow-glow:0 0 20px #6366f11a;--header-bg:#e8ecf0e0;--period-dropdown-bg:#ffffffe6;--period-dropdown-border:#00000014;--period-item-hover:#0000000d;--period-action-hover:#00000014;--modal-bg:#ffffffe6;--modal-border:#0000001a}[data-theme=ocean]{--bg-color:#0a1628;--surface-color:#0f2040;--surface-hover:#162b55;--border-color:#1e3a5f;--text-main:#e2e8f0;--text-muted:#94b4c8;--primary-color:#3b82f6;--primary-hover:#2563eb;--shadow-glow:0 0 20px #3b82f626;--header-bg:#0a1628d9;--period-dropdown-bg:#0f2040d9;--period-dropdown-border:#ffffff1a;--period-item-hover:#ffffff0f;--period-action-hover:#ffffff1a;--modal-bg:#0f2040d9;--modal-border:#ffffff1a}[data-theme=light] .bento-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}[data-theme=light] .btn-secondary{background-color:#0000000a}[data-theme=light] .btn-secondary:hover{background-color:#00000014}[data-theme=light] .mobile-bottom-nav{background:#ffffffe0;border:1px solid #00000014;box-shadow:0 8px 32px #0000001a}[data-theme=light] .mobile-tab{color:#0006}[data-theme=light] .mobile-tab.active{color:var(--text-main);box-shadow:none;background:#00000012}[data-theme=light] .fab-main{color:var(--text-main);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 8px 24px #00000024}[data-theme=light] .fab-main:hover{box-shadow:0 12px 32px #0003}[data-theme=light] .fab-item{color:var(--text-main);background:#fffffff2;border:1px solid #0000001a;box-shadow:0 4px 16px #0000001a}[data-theme=light] .fab-item:hover{background:#f8fafcfa;border-color:#00000024}[data-theme=light] .profile-sheet-handle{background:#00000026}[data-theme=light] .fps-close:hover,[data-theme=light] .bp-close:hover{background:#0000000f}[data-theme=light] input[type=date],[data-theme=light] input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.55}[data-theme=light] input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.55}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000024}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000003d}[data-theme=light] *{scrollbar-color:#00000024 transparent}[data-theme=light] .calendar-event-chip{background:#0000000a;border-color:#00000014}[data-theme=light] .calendar-event-chip:hover{background:#00000012;border-color:#00000021;transform:translate(2px)}[data-theme=light] .calendar-more-chip{background:#0000000a;border-color:#00000012}[data-theme=light] .calendar-more-chip:hover{color:var(--text-main);background:#00000014}[data-theme=light] .onboarding-modal{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 24px 64px #0000001f,0 0 0 1px #0000000d}[data-theme=light] .wg-bar-wrap,[data-theme=light] .ranking-bar-wrap{background:#00000017}[data-theme=light] .ranking-row:hover{background:#0000000a}[data-theme=light] .ranking-reset-badge{background:#0000000d}[data-theme=light] .ranking-medal.plain{background:#0000000d;border-color:#00000024}[data-theme=light] .streak-comparator,[data-theme=light] .wg-record-row{background:#0000000a}[data-theme=light] .onboarding-terms-checkbox{background:#00000008}[data-theme=light] .onboarding-terms-checkbox:hover{background:#0000000d;border-color:#6366f14d}[data-theme=light] .fps-handle{background:#0000001f}[data-theme=light] .bp-card-skeleton,[data-theme=light] .fps-badge-skeleton{background:linear-gradient(90deg,#0000000d 25%,#00000017 50%,#0000000d 75%) 0 0/200% 100%}@keyframes pulse{0%,to{transform:scale(.95);box-shadow:0 0 #22c55e66}50%{transform:scale(1);box-shadow:0 0 0 8px #22c55e00}}.pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeInModal{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}*{box-sizing:border-box;margin:0;padding:0}@keyframes extinguish-flame{0%{filter:hue-rotate()grayscale(0%)brightness();opacity:1;transform:scale(1)translateY(0)}15%{filter:hue-rotate(10deg)grayscale(20%)brightness(.9);opacity:.8;transform:scale(.8)translateY(1px)rotate(-3deg)}30%{filter:hue-rotate(-5deg)grayscale(10%)brightness(1.1);opacity:.9;transform:scale(.9)translateY(-.5px)rotate(2deg)}45%{filter:hue-rotate(30deg)grayscale(50%)brightness(.7);opacity:.4;transform:scale(.5)translateY(4px)rotate(-6deg)}60%{filter:hue-rotate(15deg)grayscale(30%)brightness(.8);opacity:.6;transform:scale(.65)translateY(2px)rotate(4deg)}75%{filter:hue-rotate(60deg)grayscale(95%)brightness(.4);opacity:.2;transform:scale(.3)translateY(7px)rotate(0)}to{filter:hue-rotate()grayscale(0%)brightness();opacity:1;transform:scale(1)translateY(0)}}@keyframes widget-extinguish-glow{0%,to{box-shadow:var(--shadow-md);border-color:var(--border-color)}45%{border-color:#f9731699;box-shadow:0 0 30px #f9731666,0 0 60px #f973161a}}.flame-extinguishing{transition:all .5s;animation:3s ease-in-out infinite widget-extinguish-glow!important}.flame-extinguishing svg{animation:3s ease-in-out infinite extinguish-flame!important}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;line-height:1.5;display:flex}h1,h2,h3{letter-spacing:-.025em;margin-bottom:.5rem;font-weight:600}p{color:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem 1rem}@media (width<=768px){.hide-mobile{display:none!important}}.hide-desktop{display:none!important}@media (width<=768px){.hide-desktop{display:flex!important}}@media (width<=640px){.container{padding:1rem .75rem}h1{font-size:1.75rem}}.bento-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto)}}.bento-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow);background-color:var(--surface-hover);border-color:var(--primary-color);transform:translateY(-4px)}@media (width<=768px){.bento-card{border-radius:var(--radius-md);padding:1.25rem}.bento-card:hover{transform:none}}.fab-container{z-index:50;flex-direction:column;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.fab-main{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;width:60px;height:60px;box-shadow:var(--shadow-glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;display:flex}.fab-main:hover{transform:scale(1.1);box-shadow:0 0 30px #6366f166}@media (width<=640px){.fab-container{bottom:1.5rem;right:1.5rem}.fab-main{width:56px;height:56px}}.fab-main.active{transform:rotate(45deg)}.fab-menu{opacity:0;pointer-events:none;flex-direction:column;gap:.75rem;transition:all .3s;display:flex;transform:translateY(20px)}.fab-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-item{background-color:var(--surface-color);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:background-color .2s,border-color .2s;display:flex}.fab-item:hover{background-color:var(--surface-hover);border-color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;pointer-events:auto;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-md);max-height:90vh;padding:2rem;overflow-y:auto}.input-group{margin-bottom:1rem}.input-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.input-group input,.input-group select,.input-group textarea{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);box-sizing:border-box;appearance:none;text-align:left;min-height:48px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s;display:block}.input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}input[type=date],input[type=time]{appearance:none;background-color:var(--bg-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.5;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.5;cursor:pointer}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #6366f11a}.input-group textarea{resize:vertical;min-height:120px;line-height:1.6}.import-textarea{border:1px dashed var(--border-color)!important;border-radius:var(--radius-md)!important;color:#a5b4fc!important;background:#0f111566!important;padding:1.25rem!important;font-family:Cascadia Code,Fira Code,Courier New,monospace!important;font-size:.82rem!important}.import-textarea:focus{background:#0f111599!important;border-style:solid!important}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 12px #6366f140}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f159}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background-color:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background-color:#ffffff1a}.app-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background-color:#1a1d24cc;padding:1rem 0;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:2.5rem;min-width:0;display:flex}.app-nav{align-items:center;gap:1.5rem;min-width:0;display:flex}@media (width<=768px){.header-left{gap:1rem}.app-nav{display:none}}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(to right, var(--primary-color), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;font-size:1.5rem;font-weight:700}.header-actions{align-items:center;gap:.75rem;display:flex}.header-action-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.header-action-btn:hover{background:var(--surface-hover);border-color:var(--text-muted);color:var(--text-main)}.header-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;width:40px;height:40px}.header-avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.header-username{color:var(--text-muted);white-space:nowrap;font-size:.85rem}@media (width<=640px){.header-actions{gap:.5rem}.header-username{display:none}.header-action-btn,.header-avatar{border-radius:10px;width:36px;height:36px}}.header-mobile-avatar-btn{display:none}@media (width<=768px){.header-desktop-only{display:none!important}.header-mobile-avatar-btn{border:2px solid var(--primary-color);background:var(--primary-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex;position:relative;overflow:visible;box-shadow:0 0 0 3px #6366f12e}.header-mobile-avatar-btn:active{transform:scale(.93);box-shadow:0 0 0 2px #6366f11a}.header-mobile-avatar-btn:after{content:"";background:var(--surface-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center center;border:1.5px solid var(--primary-color);background-size:10px 10px;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-3px;right:-3px}.header-mobile-avatar-btn img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header-mobile-avatar-btn span{color:#fff;font-size:.95rem;font-weight:700;line-height:1}.header-mobile-badge{border:2px solid var(--bg-color);background:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}}.profile-sheet-overlay{z-index:300;background:#0000008c;animation:.22s forwards profileOverlayIn;position:fixed;inset:0}.profile-sheet{z-index:301;background:var(--surface-color);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.25rem);border-top:1px solid #ffffff14;border-radius:22px 22px 0 0;animation:.32s cubic-bezier(.32,.72,0,1) forwards profileSheetUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 50px #0009}.profile-sheet-handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:.75rem auto 0}.profile-sheet-user{border-bottom:1px solid var(--border-color);align-items:center;gap:.85rem;padding:1rem 1.25rem .75rem;animation:.28s 60ms both profileItemIn;display:flex}.profile-sheet-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:46px;height:46px}.profile-sheet-avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.profile-sheet-user-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.profile-sheet-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.profile-sheet-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.profile-sheet-close{background:var(--surface-hover);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.profile-sheet-close:active{background:var(--border-color)}.profile-sheet-items{padding:.5rem .75rem}.profile-sheet-item{width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.85rem;padding:.9rem .75rem;font-family:inherit;font-size:1rem;transition:background .15s;animation:.28s both profileItemIn;display:flex}.profile-sheet-item:first-child{animation-delay:.1s}.profile-sheet-item:nth-child(2){animation-delay:.15s}.profile-sheet-item:nth-child(4){animation-delay:.2s}.profile-sheet-item:active{background:var(--surface-hover)}.profile-sheet-item svg{color:var(--text-muted);flex-shrink:0}.profile-sheet-item-danger,.profile-sheet-item-danger svg{color:#ef4444}.profile-sheet-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;margin-left:auto;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.profile-sheet-divider{background:var(--border-color);height:1px;margin:.25rem .75rem}.profile-sheet-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:.6rem 1.5rem .2rem;font-size:.7rem;font-weight:700}.profile-sheet-period-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.profile-sheet-period-check{color:var(--primary-color);align-items:center;margin-left:auto;display:flex}.profile-sheet-theme-row{color:var(--text-muted);align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:flex}.profile-sheet-theme-row svg{flex-shrink:0}.profile-sheet-theme-row>span{color:var(--text-main);flex:1;font-size:.9rem}.theme-swatches{align-items:center;gap:.5rem;display:flex}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:22px;height:22px;transition:transform .15s,border-color .15s}.theme-swatch:hover{transform:scale(1.15)}.theme-swatch.active{border-color:var(--primary-color);transform:scale(1.15)}.theme-swatch-dark{background:#1a1d24;box-shadow:0 0 0 1px #ffffff26}.theme-swatch-light{background:#e2e8f0;box-shadow:0 0 0 1px #00000026}.theme-swatch-ocean{background:#0f2040;box-shadow:0 0 0 1px #3b82f666}@keyframes profileOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes profileSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes profileItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.schedule-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:800px}.schedule-table th{background-color:var(--surface-hover);text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:1rem .5rem;font-size:.85rem;font-weight:600}.schedule-table .time-header{width:100px}.schedule-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);vertical-align:top;box-sizing:border-box;height:90px;padding:.5rem}.schedule-table td:last-child{border-right:none}.schedule-table .time-col{color:var(--text-main);text-align:center;border-right:2px solid var(--border-color);background-color:#ffffff05;width:100px;font-family:JetBrains Mono,monospace;font-size:.85rem;vertical-align:middle!important}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bento-grid{gap:1rem;grid-template-columns:1fr!important}.bento-card{grid-column:span 1!important}}@media (width<=640px){.modal-content{border-radius:var(--radius-md);padding:1.5rem}.header-content{flex-direction:row;gap:1rem}.logo{font-size:1.25rem}}.schedule-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem;overflow-x:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.calendar-container{align-items:flex-start;gap:1.5rem;display:flex}.calendar-main{flex:1;min-width:0}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-nav-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:1.2rem;line-height:1;transition:background .2s,border-color .2s;display:flex}.calendar-nav-btn:hover{background:var(--surface-hover);border-color:var(--primary-color)}.calendar-today-btn{border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.3rem .7rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.calendar-today-btn:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--primary-color)}.calendar-grid{background:var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);gap:2px;display:grid;overflow:hidden}.calendar-dow-header{background:var(--surface-color);text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.5rem 0;font-size:.72rem;font-weight:700}.calendar-cell{background:var(--surface-color);cursor:pointer;flex-direction:column;gap:2px;min-height:88px;padding:.4rem;transition:background .15s;display:flex;position:relative;overflow:hidden}.calendar-cell:hover{background:var(--surface-hover)}.calendar-cell.other-month{opacity:.38}.calendar-cell.past{background:var(--bg-color)}.calendar-cell.today{background:#6366f117}.calendar-cell.selected{box-shadow:inset 0 0 0 2px var(--primary-color);background:#6366f129}.calendar-day-number{color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.82rem;font-weight:500;display:flex}.calendar-cell.today .calendar-day-number{background:var(--primary-color);color:#fff;font-weight:700}.calendar-event-chip{border:1px solid #ffffff0f;border-left:3px solid var(--event-color);color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:.64rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.calendar-event-chip:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(2px)}.calendar-exam-chip{background:var(--event-color);color:var(--event-text-color);box-shadow:0 0 8px -2px var(--event-color);border:1px solid #fff3;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:.64rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.calendar-exam-chip:hover{filter:brightness(1.1);box-shadow:0 0 12px -2px var(--event-color);transform:scale(1.02)}.calendar-exam-chip .exam-icon{color:inherit;filter:drop-shadow(0 0 2px #0000004d);font-size:.75rem}.calendar-event-chip .chip-label,.calendar-exam-chip .chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-more-chip{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;width:fit-content;margin-top:1px;padding:1px 5px;font-size:.6rem;font-weight:600;transition:all .2s}.calendar-more-chip:hover{color:var(--text-main);background:#ffffff0f}.calendar-overdue-dot{background:var(--danger-color);width:6px;height:6px;box-shadow:0 0 4px var(--danger-color);border-radius:50%;position:absolute;top:5px;right:5px}.calendar-legend{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding:.75rem 0 .25rem;display:flex}.calendar-legend-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.calendar-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.day-detail-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;width:310px;max-height:calc(100vh - 160px);padding:1.15rem;animation:.22s slideInFromRight;position:sticky;top:90px;overflow-y:auto}@keyframes slideInFromRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes calendarModalIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.day-detail-backdrop{display:none}.day-detail-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.calendar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:2px;padding:0;font-size:1.3rem;line-height:1;transition:color .2s}.calendar-close-btn:hover{color:var(--text-main)}.day-detail-section{margin-bottom:1.1rem}.day-detail-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.45rem;font-size:.7rem;font-weight:700}.day-detail-class-item{border-radius:var(--radius-sm);background:var(--bg-color);cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;padding:.5rem .6rem;transition:background .15s;display:flex}.day-detail-class-item:hover{background:var(--surface-hover)}.day-detail-task-item{border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:.35rem;padding:.45rem .6rem;transition:background .15s;display:flex}.calendar-add-task-btn{border:1px dashed var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;margin-top:.4rem;padding:.55rem;font-family:inherit;font-size:.82rem;transition:border-color .2s,color .2s,background .2s}.calendar-add-task-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10f}.upcoming-strip{margin-top:1.75rem}.upcoming-strip-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.7rem;font-size:.72rem;font-weight:700}.upcoming-strip-scroll{gap:.7rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.upcoming-day-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;min-width:140px;padding:.7rem .85rem;transition:border-color .2s,background .2s}.upcoming-day-card:hover{border-color:var(--primary-color);background:var(--surface-hover)}@media (width<=768px){.calendar-container{flex-direction:column;align-items:stretch;gap:1.5rem}.calendar-main{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;padding:1rem;overflow:hidden}.calendar-grid{border-radius:var(--radius-sm)}.calendar-header{margin-bottom:1.25rem;padding:0}.day-detail-backdrop{-webkit-backdrop-filter:blur(4px);z-index:150;background:#00000080;display:block;position:fixed;inset:0}.day-detail-panel{z-index:151;border-radius:16px;width:90%;max-width:560px;max-height:85vh;margin-top:0;animation:.28s cubic-bezier(.4,0,.2,1) calendarModalIn;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000008c,0 8px 32px #0000004d}.calendar-cell{min-height:60px;padding:.2rem}.calendar-event-chip,.calendar-exam-chip{border-radius:4px;gap:2px;padding:2px 4px;font-size:.58rem}.calendar-exam-chip .exam-icon{display:none}.upcoming-strip{padding:0}}.task-actions{flex-shrink:0;gap:.5rem;display:flex}.task-action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:2px;display:flex}@media (width<=768px){.task-actions{gap:.75rem}.task-action-btn svg{width:20px;height:20px}}.mobile-bottom-nav{display:none}.mobile-bottom-bar{display:contents}@media (width<=768px){.header-username{display:none}main.container{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}.mobile-bottom-bar{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:100;pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;left:0;right:0}.mobile-bottom-bar .mobile-bottom-nav,.mobile-bottom-bar .fab-container{pointer-events:auto}.mobile-bottom-nav{-webkit-backdrop-filter:blur(28px)saturate(200%);background:#0d0f15c2;border:1px solid #ffffff17;border-radius:28px;gap:2px;width:auto;padding:5px;display:flex;position:static;box-shadow:0 12px 40px #000000a6,0 3px 12px #00000073,inset 0 1px #ffffff14}.fab-container{gap:0;z-index:auto!important;position:relative!important;bottom:auto!important;right:auto!important}.fab-menu{min-width:180px;position:absolute;bottom:calc(100% + 8px);right:0}.fab-main{-webkit-backdrop-filter:blur(28px)saturate(200%);color:#ffffffe6;background:#0d0f15c2;border:1px solid #ffffff17;width:56px;height:56px;box-shadow:0 12px 40px #000000a6,0 3px 12px #00000073,inset 0 1px #ffffff14}.fab-main:hover{transform:scale(1.05);box-shadow:0 14px 44px #000000b3,0 4px 14px #00000080,inset 0 1px #ffffff24}.fab-item{-webkit-backdrop-filter:blur(28px)saturate(200%);color:#ffffffd9;background:#0d0f15c2;border:1px solid #ffffff17;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff14}.fab-item:hover{background:#161922e0;border-color:#ffffff26}.mobile-tab{cursor:pointer;color:#fff6;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:.22rem;min-width:72px;padding:.5rem 1.15rem;font-family:inherit;transition:color .22s,background .22s,box-shadow .22s;display:flex}.mobile-tab.active{color:#fffffff2;background:#ffffff1f;box-shadow:inset 0 1px #ffffff24}.mobile-tab-icon{justify-content:center;align-items:center;transition:transform .18s;display:flex}.mobile-tab.active .mobile-tab-icon{transform:scale(1.08)}.mobile-tab-label{letter-spacing:.025em;font-size:.67rem;font-weight:600}}@keyframes flame-flicker{0%,to{transform:scaleX(1)rotate(0)}15%{transform:scaleX(.96)rotate(-1.2deg)}35%{transform:scaleX(1.05)rotate(1deg)}55%{transform:scaleX(.98)rotate(-.6deg)}75%{transform:scaleX(1.04)rotate(1.5deg)}}.flame-flicker-t1{transform-origin:bottom;animation:3s ease-in-out infinite flame-flicker}.flame-flicker-t2{transform-origin:bottom;animation:2.5s ease-in-out infinite flame-flicker}.flame-flicker-t3{transform-origin:bottom;animation:2s ease-in-out infinite flame-flicker}.flame-flicker-t4{transform-origin:bottom;animation:1.5s ease-in-out infinite flame-flicker}.flame-flicker-t5{transform-origin:bottom;animation:.9s ease-in-out infinite flame-flicker}.topic-status-pending{--status-color:#94a3b8}.topic-status-read{--status-color:#3b82f6}.topic-status-summarized{--status-color:#8b5cf6}.topic-status-practiced{--status-color:#ec4899}.topic-status-completed{--status-color:#22c55e}.topic-status-chip{letter-spacing:.02em;color:var(--status-color,#94a3b8);white-space:nowrap;background:#94a3b826;border:1px solid #94a3b840;border-radius:999px;flex-shrink:0;align-items:center;padding:.18rem .6rem;font-size:.68rem;font-weight:700;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.topic-status-pending .topic-status-chip,.topic-card.topic-status-pending .topic-status-chip{color:#94a3b8;background:#94a3b81f;border-color:#94a3b840}.topic-card.topic-status-read .topic-status-chip{color:#3b82f6;background:#3b82f61f;border-color:#3b82f64d}.topic-card.topic-status-summarized .topic-status-chip{color:#8b5cf6;background:#8b5cf61f;border-color:#8b5cf64d}.topic-card.topic-status-practiced .topic-status-chip{color:#ec4899;background:#ec48991f;border-color:#ec48994d}.topic-card.topic-status-completed .topic-status-chip{color:#22c55e;background:#22c55e1f;border-color:#22c55e4d}.topic-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;margin-bottom:.4rem;padding:.65rem .85rem;transition:background .15s,border-color .2s,transform .15s;display:flex}.topic-card:hover,.topic-card:active{background:var(--surface-hover);border-color:var(--primary-color)}.topic-card.is-subtopic{border-left:3px solid var(--border-color);margin-left:1.5rem}.topic-card.topic-status-completed{opacity:.7}.topic-card-body{flex:1;min-width:0}.topic-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.topic-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.topic-card-notes{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.72rem;overflow:hidden}.topic-card-time{color:var(--text-muted);flex-shrink:0;align-items:center;gap:.2rem;font-size:.68rem;display:flex}.topic-edit-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:.25rem;font-family:inherit;transition:color .15s,background .15s;display:flex}.topic-edit-btn:hover{color:var(--text-main);background:var(--surface-hover)}@keyframes topic-status-pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.topic-card-animating{animation:.42s cubic-bezier(.4,0,.2,1) topic-status-pulse}.difficulty-dots{flex-shrink:0;align-items:center;gap:3px;display:flex}.difficulty-dot{background:var(--border-color);border-radius:50%;width:7px;height:7px;transition:background .2s}.difficulty-dot.easy{background:#22c55e}.difficulty-dot.medium{background:#f59e0b}.difficulty-dot.hard{background:#ef4444}.planner-progress-bar{border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.planner-progress-segment{border-radius:999px;min-width:4px;height:100%;transition:flex .5s cubic-bezier(.4,0,.2,1)}.planner-progress-pending{background:#94a3b8}.planner-progress-in-progress{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}.planner-progress-completed{background:#22c55e}.planner-legend-item{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.planner-legend-item:before{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.planner-legend-pending:before{background:#94a3b8}.planner-legend-in-progress:before{background:#8b5cf6}.planner-legend-completed:before{background:#22c55e}.planner-daily-goal{border-radius:var(--radius-md);background:#6366f112;border:1px solid #6366f138;margin-bottom:1.25rem;padding:1rem 1.25rem}.planner-daily-goal-number{color:var(--primary-color);font-size:2rem;font-weight:800;line-height:1}.planner-daily-goal-label{color:var(--text-muted);margin-top:.2rem;font-size:.78rem}.planner-motivational{color:var(--text-muted);margin:.6rem 0 0;font-size:.8rem;font-style:italic;line-height:1.45}.planner-controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.planner-view-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-shrink:0;height:36px;display:flex;overflow:hidden}.planner-view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 .65rem;font-family:inherit;transition:background .15s,color .15s;display:flex}.planner-view-btn.active{background:var(--primary-color);color:#fff}.planner-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;padding:3rem 1rem;display:flex}.planner-tree-unit{margin-bottom:.35rem}.planner-tree-header{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.5rem;padding:.65rem .85rem;transition:background .15s,border-color .15s;display:flex}.planner-tree-header:hover,.planner-tree-header:active{background:var(--surface-hover);border-color:var(--primary-color)}.planner-tree-chevron{color:var(--text-muted);flex-shrink:0;font-size:1.15rem;font-weight:600;line-height:1;transition:transform .2s}.planner-tree-chevron.expanded{transform:rotate(90deg)}.planner-tree-children{border-left:2px solid var(--border-color);margin-top:2px;margin-left:.9rem;padding-left:1.25rem}.planner-bulk-preview{border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:320px;margin-bottom:.5rem;padding:.5rem;overflow-y:auto}.planner-bulk-item{border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.82rem;display:flex}.planner-bulk-item:hover{background:var(--surface-hover)}.planner-bulk-item.is-child{color:var(--text-muted);padding-left:1.75rem}.planner-bulk-icon{text-align:center;flex-shrink:0;width:18px;font-size:.9rem}.planner-bulk-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.planner-bulk-difficulty{flex-shrink:0;gap:3px;display:flex}.planner-diff-btn{background:var(--surface-hover);border:1px solid var(--border-color);cursor:pointer;width:22px;height:22px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:.65rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.planner-diff-btn.active.diff-1{color:#22c55e;background:#22c55e2e;border-color:#22c55e66}.planner-diff-btn.active.diff-2{color:#f59e0b;background:#f59e0b2e;border-color:#f59e0b66}.planner-diff-btn.active.diff-3{color:#ef4444;background:#ef44442e;border-color:#ef444466}.topic-status-selector{flex-wrap:wrap;gap:.4rem;display:flex}.topic-status-option{cursor:pointer;border:1px solid var(--border-color);background:var(--surface-hover);color:var(--text-muted);border-radius:999px;padding:.3rem .7rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.topic-status-option.topic-status-pending.selected{color:#94a3b8;background:#94a3b82e;border-color:#94a3b866}.topic-status-option.topic-status-read.selected{color:#3b82f6;background:#3b82f62e;border-color:#3b82f666}.topic-status-option.topic-status-summarized.selected{color:#8b5cf6;background:#8b5cf62e;border-color:#8b5cf666}.topic-status-option.topic-status-practiced.selected{color:#ec4899;background:#ec48992e;border-color:#ec489966}.topic-status-option.topic-status-completed.selected{color:#22c55e;background:#22c55e2e;border-color:#22c55e66}.planner-diff-btn-lg{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);background:var(--surface-hover);color:var(--text-muted);padding:.35rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.planner-diff-btn-lg.active.diff-1{color:#22c55e;background:#22c55e26;border-color:#22c55e66}.planner-diff-btn-lg.active.diff-2{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b66}.planner-diff-btn-lg.active.diff-3{color:#ef4444;background:#ef444426;border-color:#ef444466}.modal-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:.25rem;font-family:inherit;transition:color .15s,background .15s;display:flex}.modal-close-btn:hover{color:var(--text-main);background:var(--surface-hover)}@media (width<=768px){.mobile-tab{min-width:60px;padding:.45rem .5rem}.mobile-tab-label{font-size:.6rem}.planner-controls{gap:.5rem}.topic-card-notes{max-width:140px}}[data-theme=light] .planner-daily-goal{background:#6366f10d}[data-theme=light] .topic-card.is-subtopic{border-left-color:var(--border-color)}@keyframes taskHighlight{0%{box-shadow:none;background:0 0;border-color:#0000}10%{background:#6366f138;border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f133,0 4px 24px #6366f140}40%{background:#6366f124;border-color:#6366f180;box-shadow:0 0 0 2px #6366f11f,0 4px 16px #6366f126}to{box-shadow:none;background:0 0;border-color:#0000}}.task-highlight{animation:2.4s ease-out forwards taskHighlight}.onboarding-overlay{z-index:2000;align-items:center}.onboarding-modal{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1d24f7 0%,#242834f2 100%);border:1px solid #6366f138;width:100%;max-width:480px;padding:0;overflow:hidden;box-shadow:0 24px 64px #0000008c,0 0 0 1px #ffffff0a,0 0 40px #6366f11a}.onboarding-progress{background:var(--border-color);height:3px}.onboarding-progress-fill{background:linear-gradient(90deg, var(--primary-color), #818cf8);border-radius:0 3px 3px 0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-inner{padding:1.75rem 2rem 2rem}.onboarding-step-counter{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 1.25rem;font-size:.72rem}.onboarding-step-wrap{min-height:240px}.onboarding-step{flex-direction:column;gap:.5rem;display:flex}.onboarding-title{color:var(--text-main);margin:0 0 .25rem;font-size:1.3rem;font-weight:700;line-height:1.2}.onboarding-subtitle{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.onboarding-welcome-icon{width:72px;height:72px;color:var(--primary-color);background:#6366f11f;border:1px solid #6366f140;border-radius:20px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex;box-shadow:0 0 24px #6366f126}.onboarding-field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.onboarding-label{color:var(--text-main);font-size:.82rem;font-weight:600}.onboarding-optional{color:var(--text-muted);font-weight:400}.onboarding-input{background:var(--surface-hover);border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;appearance:none;border-radius:10px;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.onboarding-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126}.onboarding-input option{background:var(--surface-color);color:var(--text-main)}.onboarding-error{color:var(--danger-color);background:#ef444414;border:1px solid #ef444433;border-radius:6px;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.82rem}.onboarding-nav{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.onboarding-btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:.72rem 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s;box-shadow:0 4px 14px #6366f14d}.onboarding-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.onboarding-btn-primary:disabled{opacity:.6;cursor:not-allowed}.onboarding-btn-back{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:.72rem 1.25rem;font-family:inherit;font-size:.9rem;transition:color .2s,border-color .2s}.onboarding-btn-back:hover{color:var(--text-main);border-color:var(--text-muted)}.referral-grid{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.referral-btn{border:1.5px solid var(--border-color);background:var(--surface-hover);color:var(--text-muted);cursor:pointer;border-radius:12px;flex-direction:column;flex:1 0 calc(33% - .6rem);align-items:center;gap:.35rem;min-width:88px;padding:.8rem .75rem;font-family:inherit;font-size:.8rem;transition:all .18s;display:flex}.referral-btn:hover{border-color:var(--primary-color);color:var(--text-main);background:#6366f112}.referral-btn.selected{border-color:var(--primary-color);color:var(--primary-color);background:#6366f121}.referral-icon{justify-content:center;align-items:center;line-height:1;display:flex}@keyframes step-exit-forward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}@keyframes step-enter-forward{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes step-exit-back{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}@keyframes step-enter-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.onboarding-step-wrap.exit-forward{pointer-events:none;animation:.22s forwards step-exit-forward}.onboarding-step-wrap.enter-forward{animation:.22s forwards step-enter-forward}.onboarding-step-wrap.exit-back{pointer-events:none;animation:.22s forwards step-exit-back}.onboarding-step-wrap.enter-back{animation:.22s forwards step-enter-back}@media (width<=480px){.onboarding-inner{padding:1.25rem 1.25rem 1.5rem}.onboarding-title{font-size:1.15rem}.referral-btn{flex:1 0 calc(50% - .6rem)}}.uni-dropdown{background:var(--surface-color);border:1px solid var(--border-color);z-index:10;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.uni-option{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:1px;padding:.6rem .9rem;font-family:inherit;transition:background .12s;display:flex}.uni-option:last-child{border-bottom:none}.uni-option:hover{background:var(--surface-hover)}.uni-abbr{color:var(--primary-color);font-size:.88rem;font-weight:700}.uni-name{color:var(--text-muted);font-size:.78rem}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}65%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 8px #6366f173)}50%{filter:drop-shadow(0 0 24px #6366f1e6)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.onboarding-complete{text-align:center;flex-direction:column;align-items:center;gap:.65rem;padding:2.75rem 2rem 2.5rem;display:flex}.onboarding-complete-logo{color:var(--primary-color);margin-bottom:.75rem;animation:.55s cubic-bezier(.34,1.56,.64,1) forwards pop-in,2.4s ease-in-out .55s infinite glow-pulse}.onboarding-complete-title{color:var(--text-main);opacity:0;margin:0;font-size:1.45rem;font-weight:700;animation:.45s .3s forwards fade-up}.onboarding-complete-sub{color:var(--text-muted);opacity:0;margin:0;font-size:.9rem;line-height:1.55;animation:.45s .48s forwards fade-up}.onboarding-complete-cta{opacity:0;min-width:160px;margin-top:1.25rem;animation:.45s .65s forwards fade-up;flex:0!important}.pom-phase-pill{letter-spacing:.01em;white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;max-width:100%;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.pom-phase-pill.work{color:var(--primary-color);background:#6366f126}.pom-phase-pill.shortBreak{color:#22c55e;background:#22c55e26}.pom-phase-pill.longBreak{color:#14b8a6;background:#14b8a626}.pom-countdown{font-variant-numeric:tabular-nums;letter-spacing:-1px;font-family:monospace;font-size:clamp(1.9rem,7vw,2.5rem);font-weight:700;line-height:1;transition:color .3s}.pom-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.pom-dot{border:2px solid;border-radius:50%;flex-shrink:0;width:9px;height:9px;transition:background .3s}.pom-dot.done{background:currentColor}@media (width<=400px){.pom-phase-pill{padding:3px 10px;font-size:.73rem}.pom-countdown{font-size:clamp(1.6rem,9vw,2rem)}}@media (width>=1024px){#streak-widget-container{flex-direction:column;height:100%;display:flex}#streak-widget-container>.bento-card{flex:1;height:100%}}.weekly-summary-list{border-left:2px solid var(--border-color);flex-direction:column;gap:.5rem;margin-top:.25rem;padding-left:.75rem;display:flex}.friends-backdrop{-webkit-backdrop-filter:blur(4px);z-index:200;background:#00000080;animation:.2s fadeInBackdrop;position:fixed;inset:0}.friends-panel{background:var(--surface-color);border-left:1px solid var(--border-color);z-index:201;flex-direction:column;width:400px;max-width:100%;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) friendsPanelSlideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 40px #0000004d}@keyframes friendsPanelSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.friends-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.friends-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.friends-close-btn:hover{background:var(--surface-hover);color:var(--text-main)}.friends-tabs{border-bottom:1px solid var(--border-color);background:#00000026;flex-shrink:0;gap:2px;padding:.75rem 1rem;display:flex}.friends-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex;position:relative}.friends-tab:hover{background:var(--surface-hover);color:var(--text-main)}.friends-tab.active{color:var(--primary-color);background:#6366f11f}.friends-tab-count{background:var(--surface-hover);color:var(--text-muted);border-radius:999px;padding:1px 6px;font-size:.65rem;font-weight:700}.friends-tab-count.pending{background:var(--danger-color);color:#fff;animation:2s infinite pulse}.friends-content{flex:1;padding:1rem 1.25rem;overflow-y:auto}.friends-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.friends-empty svg{opacity:.4;width:32px;height:32px}.friends-empty p{margin:0;font-size:.9rem}.friends-list{flex-direction:column;gap:.5rem;display:flex}.friend-item{background:var(--bg-color);border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:all .2s;display:flex}.friend-item:hover{border-color:var(--border-color);background:var(--surface-hover)}.friend-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.friend-nickname{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.friend-realname{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.friend-actions{flex-shrink:0;gap:.4rem;display:flex}.friend-action-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.friend-action-btn:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--text-muted)}.friend-action-btn.accept{color:var(--success-color);border-color:#22c55e4d}.friend-action-btn.accept:hover{border-color:var(--success-color);background:#22c55e1a}.friend-action-btn.danger{color:var(--danger-color);opacity:.7;border-color:#ef444433}.friend-action-btn.danger:hover{border-color:var(--danger-color);opacity:1;background:#ef44441a}.friend-edit-row{align-items:center;gap:.4rem;display:flex}.friend-accept-form{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.friends-input-sm{background:var(--bg-color);border:1px solid var(--border-color);width:120px;color:var(--text-main);border-radius:8px;outline:none;padding:.35rem .6rem;font-family:inherit;font-size:.8rem;transition:border-color .2s}.friends-input-sm:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.friends-search-section{padding:.25rem 0}.friends-search-bar{gap:.5rem;margin-bottom:1rem;display:flex}.friends-search-input{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;outline:none;flex:1;padding:.65rem .9rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.friends-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11f}.friends-search-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 1rem;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.friends-search-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.friends-search-btn:disabled{opacity:.5;cursor:default}.friends-search-message{border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.7rem .9rem;font-size:.82rem;display:flex}.friends-search-message.error{color:var(--danger-color);background:#ef444414;border:1px solid #ef444433}.friends-search-message.success{color:var(--success-color);background:#22c55e14;border:1px solid #22c55e33}.friends-search-message.info{color:var(--primary-color);background:#6366f114;border:1px solid #6366f133}.friends-search-result{background:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;padding:1rem;animation:.3s fadeIn}.friends-search-result-user{border-bottom:1px solid var(--border-color);align-items:center;gap:.85rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.friends-search-send-form{flex-direction:column;gap:.6rem;display:flex}.friends-badge{background:var(--danger-color);color:#fff;border:2px solid var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;line-height:1;animation:2s infinite pulse;display:flex;position:absolute;top:3px;right:3px}@media (width<=768px){.friends-panel{border-left:none;width:100%;animation:.3s cubic-bezier(.4,0,.2,1) friendsPanelSlideUp}@keyframes friendsPanelSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.friends-panel-header{padding:1rem 1.25rem}.friends-content{padding:.75rem 1rem}.friends-input-sm{width:100px;font-size:1rem}.friends-search-input{font-size:1rem}.friend-accept-form{flex-wrap:wrap;gap:.3rem}.friend-accept-form .friends-input-sm{order:-1;width:100%}}@media (width<=380px){.friends-tab span{display:none}.friends-tab{padding:.6rem .75rem}}.onboarding-terms-checkbox{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff08;margin-top:2rem;padding:1.25rem;transition:all .2s}.onboarding-terms-checkbox:hover{background:#ffffff0d;border-color:#6366f14d}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.checkbox-container input{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color);margin-top:2px}.checkbox-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.terms-link{color:var(--primary-color);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;transition:color .2s}.terms-link:hover{color:var(--primary-hover)}.onboarding-submodal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.onboarding-submodal{background:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;width:100%;max-width:550px;max-height:80vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;box-shadow:0 20px 50px #00000080}.onboarding-submodal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.onboarding-submodal-header h3{color:var(--text-main);margin:0;font-size:1.2rem}.onboarding-submodal-close{background:var(--surface-hover);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;padding:6px;transition:all .2s;display:flex}.onboarding-submodal-close:hover{color:var(--text-main);transform:rotate(90deg)}.onboarding-submodal-content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;padding:1.5rem;overflow-y:auto}.onboarding-submodal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:1.25rem 1.5rem;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wg-body{flex-direction:column;justify-content:space-between;gap:1.25rem;height:100%;display:flex}.wg-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.wg-title-group{color:var(--text-main);align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;display:flex}.wg-reached-badge{color:var(--success-color);white-space:nowrap;background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:.68rem;font-weight:700;animation:.6s wgCelebrate}@keyframes wgCelebrate{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.wg-subtitle{color:var(--text-muted);margin:0 0 1rem;font-size:.78rem}.wg-current-section{margin-bottom:0}.wg-current-row{justify-content:space-between;align-items:baseline;margin-bottom:.45rem;display:flex}.wg-current-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.wg-current-value{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800;transition:color .3s}.wg-current-value.goal-reached{color:var(--success-color)}.wg-goal-total{color:var(--text-muted);margin-left:2px;font-size:.72rem;font-weight:500}.wg-bar-wrap{background:#ffffff0f;border-radius:999px;height:8px;position:relative;overflow:hidden}.wg-bar{background:linear-gradient(90deg, var(--primary-color), #818cf8);border-radius:999px;min-width:4px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.wg-bar.wg-bar-reached{background:linear-gradient(90deg, #16a34a, var(--success-color))}.wg-bar-empty-hint{color:var(--text-muted);opacity:.6;white-space:nowrap;align-items:center;padding-left:8px;font-size:.65rem;display:flex;position:absolute;inset:0}.wg-pct-row{justify-content:space-between;align-items:center;margin-top:.3rem;display:flex}.wg-pct{color:var(--primary-color);font-size:.72rem;font-weight:700}.wg-pct.goal-reached{color:var(--success-color)}.wg-remaining{color:var(--text-muted);font-size:.68rem}.wg-record-row{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem .65rem;display:flex}.wg-record-label{color:var(--text-muted);flex:1;font-size:.72rem}.wg-record-value{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.wg-record-value.record-live{color:#f59e0b}.wg-record-new{color:#f59e0b;margin-left:4px;font-size:.62rem;font-weight:700;animation:.5s wgCelebrate}.wg-miss-msg{color:var(--text-muted);background:#fbbf2412;border:1px solid #fbbf242e;border-radius:8px;align-items:flex-start;gap:.45rem;margin-top:.6rem;padding:.5rem .65rem;font-size:.73rem;line-height:1.45;display:flex}.wg-miss-msg svg{color:#f59e0b;opacity:.85;flex-shrink:0}@media (width<=480px){.wg-miss-msg{padding:.45rem .6rem;font-size:.7rem}}.wg-save-error{color:var(--danger-color);background:#ef444412;border:1px solid #ef444433;border-radius:6px;margin-bottom:.5rem;padding:.3rem .6rem;font-size:.72rem}.wg-editor{border-top:1px solid var(--border-color);padding-top:.7rem}.wg-edit-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.4rem .75rem;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.wg-edit-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10f}.wg-editor-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.wg-input{background:var(--bg-color);border:1px solid var(--primary-color);width:70px;color:var(--text-main);text-align:center;-moz-appearance:textfield;border-radius:8px;outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.85rem;font-weight:600;box-shadow:0 0 0 3px #6366f11a}.wg-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wg-input-unit{color:var(--text-muted);margin-right:.2rem;font-size:.78rem}.wg-save-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.4rem .8rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .2s}.wg-save-btn:hover:not(:disabled){background:var(--primary-hover)}.wg-save-btn:disabled{opacity:.5;cursor:default}.wg-cancel-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .6rem;font-family:inherit;font-size:.75rem;transition:all .2s}.wg-cancel-btn:hover{border-color:var(--danger-color);color:var(--danger-color)}@media (width<=768px){.wg-current-value{font-size:1rem}.wg-editor-row{gap:.3rem}.wg-input{width:60px;font-size:1rem}}.nex-body{flex-direction:column;justify-content:space-between;gap:.75rem;height:100%;display:flex}.nex-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.nex-title-group{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.nex-urgency-badge{letter-spacing:.01em;border-radius:20px;padding:.18rem .55rem;font-size:.68rem;font-weight:700}.nex-urgency-badge.nex-urgent{color:#ef4444;background:#ef444426}.nex-urgency-badge.nex-soon{color:#f59e0b;background:#f59e0b26}.nex-content{flex-direction:column;flex:1;display:flex}.nex-subject-row{align-items:center;gap:.4rem;margin-bottom:.2rem;display:flex}.nex-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nex-subject-name{color:var(--text-muted);font-size:.72rem;font-weight:500}.nex-exam-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.25rem;font-weight:700;line-height:1.3}.nex-date-str{color:var(--text-muted);font-size:.74rem}.nex-countdown{align-items:baseline;gap:.35rem;margin-top:.6rem;display:flex}.nex-days-num{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1}.nex-days-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.nex-urgency-label{margin-top:.15rem;font-size:.76rem;font-weight:600}.nex-urgent{color:#ef4444}.nex-soon{color:#f59e0b}.nex-normal{color:var(--text-muted)}.nex-footer{min-height:1rem}.nex-more{color:var(--text-muted);opacity:.75;font-size:.71rem}.nex-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.55rem;padding:.5rem 0;display:flex}.nex-empty p{color:var(--text-muted);margin:0;font-size:.82rem}.nex-cta{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:.25rem;padding:.35rem .85rem;font-family:inherit;font-size:.74rem;transition:border-color .2s,color .2s}.nex-cta:hover{border-color:var(--primary-color);color:var(--primary-color)}.ranking-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.9rem;padding-bottom:.75rem;display:flex}.ranking-title-group{color:var(--text-main);align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;display:flex}.ranking-reset-badge{color:var(--text-muted);border:1px solid var(--border-color);white-space:nowrap;background:#ffffff0a;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:.68rem}.ranking-subtitle{color:var(--text-muted);margin:-.4rem 0 .85rem;font-size:.78rem}.ranking-skeleton{flex-direction:column;gap:.55rem;display:flex}.ranking-skeleton-row{background:var(--surface-hover);border-radius:10px;height:42px;animation:1.5s ease-in-out infinite rankingShimmer}@keyframes rankingShimmer{0%,to{opacity:.65}50%{opacity:.35}}.ranking-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;padding:1.75rem 1rem;display:flex}.ranking-empty p{margin:0;font-size:.86rem}.ranking-cta-btn{color:var(--primary-color);cursor:pointer;background:#6366f11a;border:1px solid #6366f140;border-radius:10px;padding:.45rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.ranking-cta-btn:hover{border-color:var(--primary-color);background:#6366f12e;transform:translateY(-1px)}.ranking-list{flex-direction:column;gap:.35rem;display:flex}.ranking-row{border:1px solid #0000;border-radius:10px;align-items:center;gap:.55rem;padding:.45rem .55rem;transition:background .2s,border-color .2s;animation:.4s both rankingRowIn;display:flex}@keyframes rankingRowIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ranking-row:hover{background:#ffffff08}.ranking-row.is-you{background:#6366f112;border-color:#6366f12e}.ranking-row.is-you:hover{background:#6366f11c}.ranking-medal{letter-spacing:-.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:800;display:flex}.ranking-medal.gold{color:#f59e0b;background:#f59e0b24;border:1.5px solid #f59e0b52}.ranking-medal.silver{color:#94a3b8;background:#94a3b81a;border:1.5px solid #94a3b847}.ranking-medal.bronze{color:#b47549;background:#b4754921;border:1.5px solid #b4754947}.ranking-medal.plain{color:var(--text-muted);border:1.5px solid var(--border-color);background:#ffffff0a;font-size:.65rem}.ranking-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ranking-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex;overflow:hidden}.ranking-you-tag{color:var(--primary-color);background:#6366f124;border-radius:999px;flex-shrink:0;padding:1px 5px;font-size:.6rem;font-weight:700}.ranking-bar-wrap{background:#ffffff0f;border-radius:999px;height:3px;overflow:hidden}.ranking-bar{transform-origin:0;border-radius:999px;height:100%;animation:.65s cubic-bezier(.4,0,.2,1) both rankingBarGrow}@keyframes rankingBarGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ranking-time{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:34px;font-size:.75rem;font-weight:700}@media (width<=768px){.ranking-header{flex-wrap:wrap}.ranking-reset-badge{padding:2px 7px;font-size:.64rem}.ranking-row{gap:.45rem;padding:.4rem .45rem}.ranking-name{font-size:.78rem}.ranking-time{min-width:30px;font-size:.7rem}}.ranking-outside-sep{background:var(--border-color);height:1px;margin:.3rem .55rem;position:relative}.ranking-outside-sep:before{content:"· · ·";background:var(--surface-color);color:var(--text-muted);opacity:.5;letter-spacing:3px;padding:0 6px;font-size:.6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ranking-row-outside{opacity:.85}.streak-comparator{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;flex-shrink:0;align-items:center;gap:.25rem;padding:4px 7px;display:flex}.streak-vs-item{align-items:center;gap:2px;transition:opacity .2s;display:flex}.streak-vs-item.losing{opacity:.4}.streak-vs-sep{color:var(--text-muted);opacity:.6;padding:0 1px;font-size:.58rem;font-weight:600}.streak-vs-num{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700;line-height:1}.streak-vs-num.winning{color:#fb923c}.invite-link-box{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;margin-bottom:0;padding:.9rem 1rem}.invite-link-header{color:var(--text-main);align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.82rem;font-weight:700;display:flex}.invite-link-desc{color:var(--text-muted);margin:0 0 .65rem;font-size:.75rem;line-height:1.4}.invite-link-row{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .35rem .35rem .7rem;display:flex}.invite-link-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;font-size:.72rem;overflow:hidden}.invite-link-copy-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .2s;display:flex}.invite-link-copy-btn:disabled{opacity:.5;cursor:default}.invite-link-copy-btn.copied{background:#16a34a}.invite-link-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1rem 0 .8rem;font-size:.72rem;display:flex}.invite-link-divider:before,.invite-link-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.iam-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#000000b8;justify-content:center;align-items:flex-end;padding:1rem;transition:opacity .28s;display:flex;position:fixed;inset:0}@media (width>=480px){.iam-overlay{align-items:center}}.iam-sheet{background:var(--surface-color);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-md);border-radius:20px 20px 16px 16px;padding:2rem 1.5rem 1.75rem;transition:transform .32s cubic-bezier(.34,1.2,.64,1),opacity .28s}@media (width>=480px){.iam-sheet{border-radius:20px}}.iam-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.iam-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:52px;height:52px}.iam-avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.iam-avatar-loading{background:var(--border-color);animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.iam-header-text{flex:1;min-width:0}.iam-title{color:var(--text-main);margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.35}.iam-inviter-name{color:var(--primary-color)}.iam-subtitle{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.45}.iam-loading-lines{flex-direction:column;gap:.5rem;display:flex}.iam-loading-line{background:var(--border-color);border-radius:4px;animation:1.4s infinite shimmer}.iam-loading-line-lg{width:85%;height:16px}.iam-loading-line-sm{width:60%;height:12px}.iam-pwa-hint{color:var(--text-muted);background:#6366f114;border:1px solid #6366f133;border-radius:8px;align-items:flex-start;gap:.4rem;margin-bottom:1rem;padding:.55rem .75rem;font-size:.73rem;line-height:1.4;display:flex}.iam-inline-error{color:var(--danger-color);margin:0 0 .75rem;font-size:.8rem}.iam-actions{flex-direction:column;gap:.6rem;display:flex}.iam-btn-primary{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s}.iam-btn-primary:disabled{opacity:.6;cursor:default}.iam-btn-secondary{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:10px;padding:.65rem 1.5rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.iam-btn-secondary:hover{border-color:var(--text-muted)}.iam-done-state{text-align:center;padding:.5rem 0 .25rem}.iam-done-icon{margin-bottom:.5rem;font-size:2.8rem}.iam-done-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.iam-done-sub{color:var(--text-muted);margin:0;font-size:.83rem;line-height:1.5}.iam-error-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.iam-error-state p{color:var(--text-muted);margin:0;font-size:.85rem}@media (width<=360px){.streak-comparator{display:none}}.ranking-name-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.ranking-info-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:relative}.ranking-info-btn:hover,.ranking-info-btn.active{color:var(--primary-color);background:#6366f11a}.ranking-popover{background:var(--surface-color);border:1px solid var(--border-color);z-index:100;pointer-events:auto;border-radius:12px;min-width:140px;padding:.75rem;animation:.2s cubic-bezier(.16,1,.3,1) popoverIn;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006}@keyframes popoverIn{0%{opacity:0;transform:translateY(5px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popoverInMobile{0%{opacity:0;transform:translate(-50%,-48%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.popover-item{color:var(--text-main);white-space:nowrap;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.popover-item:not(:last-child){border-bottom:1px solid #ffffff0d;margin-bottom:.5rem;padding-bottom:.5rem}.popover-item small{color:var(--text-muted);font-size:.7rem}.popover-item.manual{color:var(--text-muted)}.ranking-bar-wrap{background:#ffffff0d;border-radius:10px;height:6px;display:flex;position:relative;overflow:hidden}.ranking-bar{height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.ranking-bar.verified{z-index:2}.ranking-bar.manual{z-index:1}.ranking-help-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:all .2s;display:flex}.ranking-help-btn:hover,.ranking-help-btn.active{color:var(--primary-color);background:#6366f11a}.friends-ranking-widget{overflow:visible!important}.ranking-help-popover{background:var(--surface-color);border:1px solid var(--border-color);z-index:2000;border-radius:12px;width:240px;padding:1rem;animation:.2s cubic-bezier(.16,1,.3,1) popoverIn;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 10px 30px #0009}@media (width<=480px){.ranking-help-popover{width:calc(100% - 40px);max-width:300px;margin:0;animation:.25s cubic-bezier(.16,1,.3,1) popoverInMobile;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vh #0006,0 10px 30px #0009}}.help-item{gap:.8rem;margin-bottom:.8rem;display:flex}.help-item:last-child{margin-bottom:0}.help-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px;margin-top:3px}.help-swatch.verified{background:var(--primary-color)}.help-swatch.manual{background:var(--primary-color);opacity:.25}.help-item strong{margin-bottom:2px;font-size:.8rem;display:block}.help-item p{color:var(--text-muted);margin:0;font-size:.75rem;line-height:1.4}.bp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0009;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.bp-panel{background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:85vh;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.bp-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.2rem .5rem;display:flex}.bp-header-left{align-items:center;gap:.7rem;display:flex}.bp-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:700}.bp-pin-count{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0f;border-radius:20px;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.bp-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.3rem;transition:color .15s,background .15s;display:flex}.bp-close:hover{color:var(--text-main);background:#ffffff0f}.bp-subtitle{color:var(--text-muted);margin:0 1.2rem .9rem;font-size:.76rem;line-height:1.5}.bp-loading{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 1.2rem 1.2rem;display:grid}.bp-scroll{flex:1;min-height:0;padding:0 1.2rem 1.2rem;overflow-y:auto}.bp-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-main);margin:0 0 .65rem;font-size:.7rem;font-weight:700}.bp-section-label-locked{color:var(--text-muted);margin-top:1.1rem}.bp-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.5rem;display:grid}.bp-card{border:1.5px solid var(--border-color);text-align:center;cursor:default;background:#ffffff08;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .7rem .75rem;transition:border-color .2s,background .2s,transform .15s;display:flex;position:relative}.bp-card-earned{cursor:pointer;background:#6366f10f;border-color:#6366f140}.bp-card-earned:hover:not(:disabled){background:#6366f11a;border-color:#6366f180;transform:translateY(-1px)}.bp-card-earned:disabled{opacity:.5;cursor:not-allowed}.bp-card-pinned{box-shadow:0 0 0 1px #f59e0b33;background:#f59e0b14!important;border-color:#f59e0b!important}.bp-card-locked{opacity:.45;filter:grayscale(.3);border-style:dashed}.bp-card-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border:none;height:110px;animation:1.4s infinite shimmer}.bp-pin-indicator{color:#f59e0b;align-items:center;display:flex;position:absolute;top:6px;right:8px}.bp-emoji{font-size:1.9rem;line-height:1}.bp-emoji-locked{filter:grayscale()}.bp-lock{color:var(--text-muted);opacity:.6;position:absolute;top:7px;right:8px}.bp-name{color:var(--text-main);font-size:.75rem;font-weight:700;line-height:1.2}.bp-desc{color:var(--text-muted);font-size:.67rem;line-height:1.35}.bp-empty{text-align:center;opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.bp-empty p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}@media (width>=480px){.bp-grid,.bp-loading{grid-template-columns:repeat(4,1fr)}}@media (width<=480px){.bp-overlay{align-items:flex-end;padding:0}.bp-panel{border-bottom:none;border-radius:20px 20px 0 0;max-height:90vh}}.fps-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1100;opacity:0;background:#0000008c;align-items:flex-end;transition:opacity .28s;display:flex;position:fixed;inset:0}.fps-overlay.fps-visible{opacity:1}.fps-sheet{background:var(--surface-color);border-top:1px solid var(--border-color);width:100%;padding-bottom:env(safe-area-inset-bottom,0);border-radius:20px 20px 0 0;flex-direction:column;max-height:85vh;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(100%);box-shadow:0 -8px 40px #0006}.fps-sheet.fps-visible{transform:translateY(0)}@media (width>=600px){.fps-overlay{justify-content:center;align-items:center}.fps-sheet{border:1px solid var(--border-color);opacity:0;border-radius:20px;width:100%;max-width:440px;max-height:80vh;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .28s;transform:scale(.95)translateY(16px);box-shadow:0 24px 60px #00000080}.fps-sheet.fps-visible{opacity:1;transform:scale(1)translateY(0)}}.fps-handle{background:#ffffff1f;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:.75rem auto .25rem}@media (width>=600px){.fps-handle{display:none}}.fps-header{flex-shrink:0;align-items:center;gap:.85rem;padding:.75rem 1.1rem .9rem;display:flex}.fps-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:52px;height:52px}.fps-avatar-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.fps-header-info{flex-direction:column;flex:1;min-width:0;display:flex}.fps-nickname{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.fps-realname{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.fps-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:color .15s,background .15s;display:flex}.fps-close:hover{color:var(--text-main);background:#ffffff0f}.fps-stats{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:0;padding:.5rem 1.1rem 1rem;display:flex}.fps-stat{flex:1;justify-content:center;align-items:center;gap:.45rem;display:flex}.fps-stat-val{color:var(--text-main);font-size:1.1rem;font-weight:800}.fps-stat-label{color:var(--text-muted);font-size:.72rem}.fps-stat-sep{background:var(--border-color);flex-shrink:0;width:1px;height:28px}.fps-badges-section{flex:1;min-height:0;padding:1rem 1.1rem 1.2rem;overflow-y:auto}.fps-badges-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0 0 .75rem;font-size:.7rem;font-weight:700}.fps-badges-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.fps-badge-card{text-align:center;background:#6366f10f;border:1.5px solid #6366f140;border-radius:14px;flex-direction:column;align-items:center;gap:.3rem;padding:.85rem .6rem .75rem;display:flex}.fps-badge-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border:none;height:100px;animation:1.4s infinite shimmer}.fps-badge-emoji{font-size:1.8rem;line-height:1}.fps-badge-name{color:var(--text-main);font-size:.72rem;font-weight:700;line-height:1.2}.fps-badge-desc{color:var(--text-muted);font-size:.64rem;line-height:1.3}.fps-badges-empty{text-align:center;opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.fps-badges-empty p{color:var(--text-muted);margin:0;font-size:.8rem}@media (width<=768px){.period-selector{display:none}}.period-selector-btn{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-main);cursor:pointer;max-width:220px;box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.period-selector-btn:hover{background:var(--surface-hover);border-color:var(--text-muted);transform:translateY(-1px)}.period-selector-btn:active{transform:translateY(0)}.period-dropdown{background:var(--period-dropdown-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--period-dropdown-border);z-index:200;border-radius:16px;min-width:240px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) popoverIn;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 20px 40px -12px #00000080}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.period-dropdown-item{width:100%;color:var(--text-main);cursor:pointer;border:none;align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.875rem;transition:background .1s;display:flex}.period-dropdown-item:hover{background:var(--surface-hover)!important}.period-dropdown-item--archived{color:var(--text-muted);font-size:.825rem}.period-dropdown-item--action{color:var(--primary-color);background:0 0;border-radius:10px;justify-content:flex-start;margin-top:4px;padding:10px 12px;font-weight:600}.period-dropdown-item--muted{color:var(--text-muted);background:0 0;padding-bottom:.75rem;font-size:.825rem}.period-dropdown-divider{background:var(--period-dropdown-border);height:1px;margin:6px 8px}.period-dropdown-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.3rem 1rem;font-size:.68rem;font-weight:700}.period-badge-current{color:var(--primary-color);letter-spacing:.03em;font-size:.65rem;font-weight:800}.period-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 0 8px #0003}.period-item{background:0 0;border-radius:10px;align-items:center;margin-bottom:2px;padding-right:4px;transition:all .15s;display:flex}.period-item:hover{background:var(--period-item-hover)}.period-item--selected{background:#6366f11f}.period-item-select{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:.75rem;min-width:0;padding:10px 12px;font-size:.9rem;font-weight:500;transition:color .2s;display:flex}.period-item-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.period-item:hover .period-item-actions,.period-item:focus-within .period-item-actions{opacity:1}@media (width<=768px){.period-item-actions{opacity:1!important}}.period-action-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.period-action-btn:hover{background:var(--period-action-hover);color:var(--text-main);transform:scale(1.05)}.period-action-btn--danger:hover{color:#ef4444;background:#ef44441a}.period-action-btn--success:hover{color:#22c55e;background:#22c55e1a}.archived-period-banner{border-radius:var(--radius-sm,8px);color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b40;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;font-size:.82rem;line-height:1.5;display:flex}.archive-stat-card{background:var(--surface-hover,#242830);border-radius:var(--radius-sm,8px);text-align:center;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .5rem;display:flex}.archive-stat-value{color:var(--text-main);font-size:1.4rem;font-weight:800;line-height:1.1}.archive-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.archive-stat-sub{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}.profile-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.profile-modal{background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--modal-border);border-radius:24px;width:100%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleIn;overflow:hidden;box-shadow:0 32px 64px -12px #0009}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-modal-header{text-align:center;background:linear-gradient(#ffffff08,#0000);flex-direction:column;align-items:center;padding:2.5rem 2rem 1.5rem;display:flex;position:relative}.profile-modal-close{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.profile-modal-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.profile-modal-avatar{border:4px solid var(--primary-color);object-fit:cover;border-radius:50%;width:90px;height:90px;margin-bottom:1.25rem;box-shadow:0 10px 25px #6366f14d}.profile-modal-avatar-placeholder{background:var(--primary-color);color:#fff;border:4px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.25rem;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 10px 25px #6366f14d}.profile-modal-name{color:var(--text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.profile-modal-email{color:var(--text-muted);font-size:.9rem}.profile-modal-body{padding:1rem 1.5rem 2rem}.profile-modal-items{flex-direction:column;gap:6px;display:flex}.profile-modal-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:1rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.profile-modal-item:hover{background:var(--period-item-hover);transform:translate(4px)}.profile-modal-item svg{color:var(--primary-color);opacity:.9}.profile-modal-item-danger{color:#ef4444;margin-top:.5rem}.profile-modal-item-danger svg{color:#ef4444}.profile-modal-item-danger:hover{background:#ef444414}.profile-modal-item-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:700}.profile-modal-theme-row{border-top:1px solid var(--modal-border);align-items:center;gap:1rem;margin-top:.5rem;padding:1rem 1.25rem;display:flex}.profile-modal-theme-row span{flex:1;font-size:.95rem;font-weight:500}.header-profile-btn{background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:.75rem;margin-left:.5rem;padding:.4rem .6rem .4rem .4rem;transition:all .2s;display:flex}.header-profile-btn:hover{background:var(--surface-hover);border-color:var(--text-muted);transform:translateY(-1px)}.header-profile-btn .header-avatar{margin:0}.header-profile-btn .header-username{white-space:nowrap;font-size:.9rem;font-weight:600}.profile-modal-divider{background:var(--modal-border);height:1px;margin:1.25rem .5rem 1rem}.profile-modal-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:0 1.25rem .75rem;font-size:.7rem;font-weight:700}.landing{--lp-glow:#6366f159;--lp-glass-bg:#1a1d24b8;--lp-glass-border:#ffffff14;--lp-cta:#f97316;--lp-cta-hover:#ea580c;--lp-cta-glow:#f9731666;background:var(--bg-color);min-height:100vh;color:var(--text-main);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}@keyframes lp-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-blobFloat{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(calc(18px - 50%))translateY(-18px)scale(1.05)}}@keyframes lp-glowPulse{0%,to{box-shadow:0 0 20px var(--lp-cta-glow), 0 4px 15px #0000004d}50%{box-shadow:0 0 40px var(--lp-cta-glow), 0 8px 25px #0006}}@keyframes lp-mockupFloat{0%,to{transform:perspective(1100px)rotateX(4deg)rotateY(-12deg)rotate(1deg)translateY(0)}50%{transform:perspective(1100px)rotateX(4deg)rotateY(-12deg)rotate(1deg)translateY(-12px)}}@keyframes lp-dotPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes lp-overlayIn{0%{opacity:0}to{opacity:1}}@keyframes lp-modalIn{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes lp-barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lp-barInlineGrow{0%{width:0!important}to{}}@keyframes lp-checkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.lp-nav{z-index:200;border-bottom:1px solid #0000;padding:1rem 1.5rem;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.lp-nav.lp-nav--scrolled{-webkit-backdrop-filter:blur(14px);border-color:var(--border-color);background:#0f1115e0}.lp-nav-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.lp-logo{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-family:Outfit,Inter,sans-serif;font-size:1.45rem;font-weight:700}.lp-nav-links{background:var(--lp-glass-bg);border:1px solid var(--lp-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;gap:.2rem;padding:.3rem;display:flex}.lp-nav-links a{color:var(--text-muted);white-space:nowrap;border-radius:9999px;padding:.4rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.lp-nav-links a:hover{color:var(--text-main);background:#ffffff12}.lp-nav-loading{color:var(--text-muted);font-size:.875rem}.lp-hero{justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.lp-hero-dot-grid{pointer-events:none;background-image:radial-gradient(#6366f12e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 0%,#0000 100%)}.lp-hero-blob{pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 65%);border-radius:50%;width:700px;height:700px;animation:10s ease-in-out infinite lp-blobFloat;position:absolute;top:5%;left:50%;transform:translate(-50%)}.lp-hero-blob-2{background:radial-gradient(circle,#f9731612 0%,#0000 65%);width:450px;height:450px;animation:13s ease-in-out -6s infinite lp-blobFloat;top:40%;left:70%;transform:none}.lp-hero-inner{z-index:1;align-items:center;gap:5rem;width:100%;max-width:1200px;display:flex;position:relative}.lp-hero-content{flex:1;min-width:0}.lp-announce-chip{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.35rem .9rem;font-size:.8rem;transition:background .2s,border-color .2s;animation:.5s both lp-fadeInUp;display:inline-flex}.lp-announce-chip:hover{background:#6366f12e;border-color:#6366f180}.lp-announce-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite lp-dotPulse;display:inline-block}.lp-announce-arrow{opacity:.6;font-size:.85rem}.lp-hero-title{letter-spacing:-.03em;color:var(--text-main);margin:0 0 1.5rem;font-family:Outfit,Inter,sans-serif;font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:800;line-height:1.08;animation:.7s .1s both lp-fadeInUp}.lp-hero-gradient{background:linear-gradient(135deg,#6366f1 0%,#a78bfa 45%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-hero-subtitle{color:var(--text-muted);max-width:460px;margin:0 0 2.5rem;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.75;animation:.7s .2s both lp-fadeInUp}.lp-hero-actions{flex-direction:column;align-items:flex-start;gap:1rem;animation:.7s .3s both lp-fadeInUp;display:flex}.lp-cta-btn{background:var(--lp-cta);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-family:Outfit,Inter,sans-serif;font-size:1.05rem;font-weight:700;transition:background .2s,transform .2s;animation:3s ease-in-out infinite lp-glowPulse;display:inline-flex}.lp-cta-btn:hover{background:var(--lp-cta-hover);transform:translateY(-2px)scale(1.02)}.lp-trust-chips{flex-wrap:wrap;gap:.5rem;display:flex}.lp-trust-chips span{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;padding:.28rem .7rem;font-size:.78rem}.lp-hero-error{color:var(--danger-color);margin-top:1rem;font-size:.875rem;animation:.3s both lp-fadeInUp}.lp-mockup-wrapper{flex-shrink:0;width:400px;animation:.8s .4s both lp-fadeInUp}.lp-mockup{background:#13151b;border:1px solid #ffffff1a;border-radius:16px;animation:7s ease-in-out infinite lp-mockupFloat;overflow:hidden;box-shadow:0 50px 100px #0009,0 0 0 1px #ffffff0a,0 0 60px #6366f11a}.lp-mockup-topbar{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.lp-mockup-dots{gap:5px;display:flex}.lp-mockup-dots span{background:#ffffff1f;border-radius:50%;width:9px;height:9px;display:block}.lp-mockup-appname{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,Inter,sans-serif;font-size:.7rem;font-weight:700}.lp-mockup-body{flex-direction:column;gap:.55rem;padding:.75rem;display:flex}.lp-mockup-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:.7rem .8rem}.lp-mockup-card-label{color:#94a3b899;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.45rem;font-size:.6rem;font-weight:700}.lp-mockup-row{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.lp-mockup-pills{flex-wrap:wrap;gap:.35rem;display:flex}.lp-mockup-pills span{color:#fff;border-radius:9999px;padding:.18rem .55rem;font-size:.62rem;font-weight:600}.lp-mockup-stat-val{color:#e2e8f0;font-family:Outfit,Inter,sans-serif;font-size:.95rem;font-weight:700}.lp-mockup-bars{align-items:flex-end;gap:3px;height:44px;margin-bottom:.2rem;display:flex}.lp-mockup-bar{opacity:.75;background:linear-gradient(#818cf8,#6366f1);border-radius:3px 3px 0 0;flex:1}.lp-mockup-bar-labels{gap:3px;display:flex}.lp-mockup-bar-labels span{text-align:center;color:#94a3b873;flex:1;font-size:.52rem}.lp-mockup-task-list{flex-direction:column;gap:.38rem;display:flex}.lp-mockup-task{align-items:center;gap:.45rem;display:flex}.lp-mockup-task-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lp-mockup-task-text{color:#e2e8f0;flex:1;font-size:.68rem;font-weight:500}.lp-mockup-task-due{color:#94a3b88c;font-size:.58rem}.lp-section-chip-row{justify-content:center;margin-bottom:1rem;display:flex}.lp-section-chip{text-transform:uppercase;letter-spacing:.1em;color:#818cf8;background:#6366f11a;border:1px solid #6366f140;border-radius:9999px;padding:.3rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.lp-features{padding:7rem 2rem;scroll-margin-top:70px}.lp-container{max-width:1200px;margin:0 auto}.lp-section-title{text-align:center;letter-spacing:-.015em;margin:0 0 1rem;font-family:Outfit,Inter,sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700}.lp-section-sub{color:var(--text-muted);text-align:center;max-width:560px;margin:0 auto 3.5rem;font-size:1.05rem;line-height:1.7}.lp-features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.lp-feature-card{background:var(--lp-glass-bg);border:1px solid var(--lp-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);cursor:pointer;padding:2rem 1.75rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.lp-feature-card:before{content:"";background:var(--card-color,#6366f1);opacity:.6;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.lp-feature-card:hover:before{opacity:1}.lp-feature-card:hover{box-shadow:0 24px 48px #00000059, 0 0 35px var(--lp-glow);border-color:#6366f166;transform:translateY(-6px)}.lp-feature-icon-wrap{width:50px;height:50px;color:var(--card-color,#6366f1);background:#ffffff0d;border:1px solid #ffffff17;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.1rem;transition:background .25s;display:inline-flex}.lp-feature-card:hover .lp-feature-icon-wrap{background:#ffffff14}.lp-feature-icon{line-height:1}.lp-feature-title{color:var(--text-main);margin:0 0 .6rem;font-family:Outfit,Inter,sans-serif;font-size:1.05rem;font-weight:700}.lp-feature-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.65}.lp-feature-demo-hint{color:#fff;background:var(--card-color,#6366f1);opacity:0;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:.3rem;margin-top:1.4rem;padding:.32rem .9rem;font-size:.72rem;font-weight:700;transition:opacity .22s,transform .22s;display:inline-flex;transform:translateY(8px);box-shadow:0 3px 12px #0000004d}.lp-feature-card:hover .lp-feature-demo-hint{opacity:1;transform:translateY(0)}.lp-how{border-top:1px solid var(--border-color);background:radial-gradient(at top,#6366f10d 0%,#0000 60%);padding:7rem 2rem;scroll-margin-top:70px}.lp-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.lp-step{background:var(--lp-glass-bg);border:1px solid var(--lp-glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);text-align:center;padding:2.25rem 2rem;transition:transform .25s,box-shadow .25s}.lp-step:hover{box-shadow:0 20px 40px #0000004d, 0 0 25px var(--lp-glow);transform:translateY(-4px)}.lp-step-num{background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-family:Outfit,Inter,sans-serif;font-size:3rem;font-weight:800;line-height:1;display:block}.lp-step-title{color:var(--text-main);margin:0 0 .65rem;font-family:Outfit,Inter,sans-serif;font-size:1.05rem;font-weight:700}.lp-step-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.65}.lp-cta-section{padding:7rem 2rem;scroll-margin-top:70px}.lp-cta-card{background:var(--lp-glass-bg);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(12px);border:1px solid #6366f133;max-width:700px;margin:0 auto;padding:4rem 3rem;position:relative;overflow:hidden}.lp-cta-card:before{content:"";pointer-events:none;background:radial-gradient(at top,#6366f114 0%,#0000 60%);position:absolute;inset:0}.lp-google-login-wrapper{justify-content:center;display:flex}.lp-loading-text{color:var(--text-muted);text-align:center}.lp-cta-trust{color:var(--text-muted);opacity:.65;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;font-size:.8rem;display:flex}.lp-cta-trust-sep{opacity:.4}.lp-footer{border-top:1px solid var(--border-color);padding:2.5rem 2rem 2rem}.lp-footer-inner{justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto 2rem;display:flex}.lp-footer-brand{flex-direction:column;gap:.4rem;display:flex}.lp-footer-tagline{color:var(--text-muted);margin:0;font-size:.875rem}.lp-footer-links{align-items:center;gap:1.75rem;display:flex}.lp-footer-links a{color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:color .2s}.lp-footer-links a:hover{color:var(--text-main)}.lp-footer-copy{max-width:1200px;color:var(--text-muted);opacity:.4;text-align:center;margin:0 auto;font-size:.75rem}.lp-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.2s both lp-overlayIn;display:flex;position:fixed;inset:0}.lp-modal{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:#161920;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:680px;max-height:90vh;padding:2rem;animation:.25s both lp-modalIn;position:relative;overflow-y:auto;box-shadow:0 40px 80px #000000b3,0 0 0 1px #ffffff0d,0 0 60px #6366f114}.lp-modal-close{color:var(--text-muted);cursor:pointer;z-index:1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;transition:background .2s,color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.lp-modal-close:hover{color:var(--text-main);background:#ffffff1f}.lp-modal-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-right:2.5rem;display:flex}.lp-modal-icon-wrap{width:52px;height:52px;color:var(--card-color,#6366f1);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lp-modal-title{color:var(--text-main);margin:0 0 .35rem;font-family:Outfit,Inter,sans-serif;font-size:1.3rem;font-weight:700}.lp-modal-desc{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.lp-modal-divider{background:#ffffff12;height:1px;margin:0 0 1.5rem}.lp-modal-footer{border-top:1px solid #ffffff12;justify-content:center;margin-top:1.75rem;padding-top:1.5rem;display:flex}.lp-prev-stack{flex-direction:column;gap:.85rem;display:flex}.lp-prev-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:1rem 1.1rem}.lp-prev-card--cal{padding:1rem}.lp-prev-card--email{padding:1.1rem}.lp-prev-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.lp-prev-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b88c;margin-bottom:.6rem;font-size:.65rem;font-weight:700}.lp-prev-big{color:var(--text-main);margin-bottom:.25rem;font-family:Outfit,Inter,sans-serif;font-size:1.3rem;font-weight:700}.lp-prev-sub{color:var(--text-muted);font-size:.78rem}.lp-prev-badge{border-radius:9999px;margin-top:.5rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.lp-prev-pills{flex-wrap:wrap;gap:.4rem;display:flex}.lp-prev-pill{color:#fff;border-radius:9999px;padding:.25rem .7rem;font-size:.75rem;font-weight:600}.lp-prev-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.lp-prev-sep{color:#fff3}.lp-prev-hint{color:var(--text-muted);opacity:.6;margin-top:.75rem;font-size:.72rem;font-style:italic}.lp-prev-trend{color:#22c55e;margin-top:.25rem;font-size:.85rem;font-weight:700}.lp-prev-chart{align-items:flex-end;gap:.6rem;height:70px;margin-top:.5rem;display:flex}.lp-prev-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.lp-prev-chart-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.lp-prev-chart-bar{transform-origin:bottom;border-radius:4px 4px 0 0;width:100%;animation:.55s both lp-barGrow}.lp-prev-chart-label{color:#94a3b880;text-align:center;margin-top:.3rem;font-size:.65rem}.lp-prev-task-list{flex-direction:column;gap:.6rem;margin-top:.25rem;display:flex}.lp-prev-task{border-radius:8px;align-items:center;gap:.7rem;padding:.5rem;transition:background .2s;display:flex}.lp-prev-task--completing{background:#22c55e14;border:1px solid #22c55e33}.lp-prev-check{border:1.5px solid #fff3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.lp-prev-check--done{color:#fff;background:#22c55e;border-color:#22c55e;font-size:.7rem;font-weight:700;animation:.4s .3s both lp-checkPop}.lp-prev-task-body{flex:1;min-width:0}.lp-prev-task-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.lp-prev-task-meta{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.2rem;font-size:.72rem;display:flex}.lp-prev-priority{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:.15rem .5rem;font-size:.62rem;font-weight:700}.lp-prev-priority[data-p="3"]{color:#ef4444;background:#ef444426}.lp-prev-priority[data-p="2"]{color:#f59e0b;background:#f59e0b26}.lp-prev-priority[data-p="1"]{color:#22c55e;background:#22c55e1a}.lp-prev-cal{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.lp-prev-cal-header{grid-template-columns:50px repeat(5,1fr);gap:2px;margin-bottom:4px;display:grid}.lp-prev-cal-day-head{text-align:center;color:var(--text-muted);border-radius:6px;padding:.3rem 0;font-size:.7rem;font-weight:600;position:relative}.lp-prev-cal-today-head{color:#818cf8;background:#6366f11f}.lp-prev-cal-today-dot{background:#6366f1;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.lp-prev-cal-row{grid-template-columns:50px repeat(5,1fr);gap:2px;margin-bottom:3px;display:grid}.lp-prev-cal-time{color:#94a3b880;text-align:right;padding-top:.3rem;padding-right:.4rem;font-size:.6rem}.lp-prev-cal-cell{background:#ffffff05;border-radius:6px;min-height:52px;padding:2px}.lp-prev-cal-today-col{background:#6366f10d}.lp-prev-cal-class{background:#ffffff0a;border-left:3px solid;border-radius:0 5px 5px 0;flex-direction:column;justify-content:center;height:100%;padding:.25rem .4rem;display:flex}.lp-prev-cal-class-name{color:var(--text-main);font-size:.62rem;font-weight:700;line-height:1.2}.lp-prev-cal-class-type{color:var(--text-muted);margin-top:1px;font-size:.55rem}.lp-prev-stat-chart{align-items:flex-end;gap:.4rem;height:64px;margin-top:.5rem;display:flex}.lp-prev-stat-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.lp-prev-stat-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.lp-prev-stat-bar{transform-origin:bottom;background:linear-gradient(#818cf8,#6366f1);border-radius:3px 3px 0 0;width:100%;animation:.5s both lp-barGrow}.lp-prev-subject-rows{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.lp-prev-subject-row{align-items:center;gap:.6rem;font-size:.8rem;display:flex}.lp-prev-subject-name{color:var(--text-muted);flex-shrink:0;width:90px}.lp-prev-bar-inline-wrap{background:#ffffff0f;border-radius:9999px;flex:1;height:6px;overflow:hidden}.lp-prev-bar-inline{transform-origin:0;border-radius:9999px;height:100%;animation:.5s both lp-barGrow}.lp-prev-subject-pct{color:var(--text-muted);text-align:right;flex-shrink:0;width:30px;font-size:.72rem}.lp-prev-email-topbar{border-bottom:1px solid #ffffff12;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.75rem;display:flex}.lp-prev-email-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a78bfa);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.lp-prev-email-meta{flex:1;min-width:0}.lp-prev-email-from{color:var(--text-main);font-size:.82rem;font-weight:600}.lp-prev-email-from span{color:var(--text-muted);font-size:.75rem;font-weight:400}.lp-prev-email-to{color:var(--text-muted);margin-top:1px;font-size:.72rem}.lp-prev-email-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.lp-prev-email-subject{color:var(--text-main);margin-bottom:.6rem;font-size:.88rem;font-weight:700}.lp-prev-email-body{color:var(--text-muted);font-size:.82rem;line-height:1.6}.lp-prev-settings{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.lp-prev-setting-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.82rem;display:flex}.lp-prev-setting-label{color:var(--text-muted)}.lp-prev-setting-val{color:var(--text-main);background:#ffffff0d;border-radius:6px;padding:.15rem .5rem;font-size:.78rem;font-weight:600}.lp-prev-palette{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.lp-prev-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:32px;height:32px;transition:transform .15s,border-color .15s,box-shadow .15s}.lp-prev-swatch:hover{transform:scale(1.15)}.lp-prev-swatch--active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 3px #fff3}.lp-prev-color-row{align-items:center;gap:1rem;display:flex}.lp-prev-color-swatch-big{border-radius:12px;flex-shrink:0;width:48px;height:48px}@media (width<=1024px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-mockup-wrapper{width:340px}.lp-hero-inner{gap:3rem}}@media (width<=860px){.lp-hero-inner{text-align:center;flex-direction:column}.lp-hero-content{text-align:center}.lp-hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.lp-hero-actions{align-items:center}.lp-trust-chips{justify-content:center}.lp-announce-chip{margin:0 auto 1.75rem}.lp-mockup-wrapper{width:100%;max-width:380px;margin:0 auto}.lp-steps{grid-template-columns:1fr}.lp-nav-links{display:none}}@media (width<=640px){.lp-features-grid{grid-template-columns:1fr}.lp-footer-inner{text-align:center;flex-direction:column;align-items:center}.lp-footer-links{flex-wrap:wrap;justify-content:center}.lp-cta-card{padding:2.5rem 1.5rem}.lp-cta-btn{justify-content:center;width:100%}.lp-prev-row{grid-template-columns:1fr}.lp-modal{padding:1.5rem}.lp-modal-header{flex-direction:column}}