@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");:root{--background:#eef1f8;--surface:#fff;--surface-elevated:#fff;--surface-muted:#f1f4fa;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--sidebar:#0b1026;--sidebar-active:#3b82f6;--accent:#3b82f6;--accent-secondary:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#f43f5e;--info:#06b6d4;--focus-glow:rgba(59,130,246,.35);--glass-bg:color-mix(in srgb,#fff 68%,transparent);--glass-bg-strong:color-mix(in srgb,#fff 82%,transparent);--glass-border:hsla(0,0%,100%,.65);--glass-border-soft:color-mix(in srgb,var(--border) 55%,hsla(0,0%,100%,.6));--blur-sm:10px;--blur-md:18px;--blur-lg:28px;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(15,23,42,.06),0 4px 14px -6px rgba(99,102,241,.1);--shadow-md:0 8px 24px -8px rgba(15,23,42,.14),0 2px 8px -2px rgba(99,102,241,.1);--shadow-lg:0 24px 60px -20px rgba(15,23,42,.28),0 8px 28px -12px rgba(139,92,246,.25);--shadow-glow:0 0 0 1px hsla(0,0%,100%,.5) inset,0 12px 40px -12px rgba(99,102,241,.35);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:"Plus Jakarta Sans","Inter",ui-sans-serif,system-ui,sans-serif;--sidebar-w:264px;--gap-bento:clamp(14px,1.6vw,20px);--pad-page:clamp(16px,2.4vw,28px);--pad-card:clamp(18px,2vw,24px);--grad-accent:linear-gradient(135deg,var(--accent),var(--accent-secondary));--grad-soft:linear-gradient(135deg,#c7d2fe,#ddd6fe 35%,#bae6fd 70%,#a7f3d0);--tr-fast:160ms;--tr-med:240ms;--tr-slow:320ms;--ease-out:cubic-bezier(.22,.9,.28,1)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1100px 500px at 12% -8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(900px 480px at 88% 4%,color-mix(in srgb,var(--accent-secondary) 18%,transparent),transparent 62%),radial-gradient(760px 520px at 50% 110%,color-mix(in srgb,var(--info) 12%,transparent),transparent 60%),var(--background);background-attachment:fixed;transition:background var(--tr-slow) ease,color var(--tr-slow) ease}body:before{background:radial-gradient(480px 340px at 8% 18%,rgba(199,210,254,.55),transparent 65%),radial-gradient(520px 380px at 92% 12%,rgba(221,214,254,.6),transparent 65%),radial-gradient(560px 420px at 85% 88%,rgba(186,230,253,.55),transparent 65%),radial-gradient(460px 360px at 10% 92%,rgba(167,243,208,.45),transparent 65%);filter:saturate(1.05)}body:after,body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}body:after{opacity:.5;background-image:radial-gradient(rgba(15,23,42,.1) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:radial-gradient(1200px 600px at 50% 0,#000 30%,transparent 75%);mask-image:radial-gradient(1200px 600px at 50% 0,#000 30%,transparent 75%)}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}::-moz-selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}.glass{backdrop-filter:blur(var(--blur-md)) saturate(1.25);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.25)}.card,.glass{background:var(--glass-bg);border:1px solid var(--glass-border-soft);box-shadow:var(--shadow-md)}.card{backdrop-filter:blur(var(--blur-md)) saturate(1.3);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.3);border-radius:var(--radius-lg);padding:var(--pad-card);position:relative;transition:background var(--tr-slow) ease,border-color var(--tr-med) ease,box-shadow var(--tr-fast) var(--ease-out),transform var(--tr-fast) var(--ease-out)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.55),transparent 38%);opacity:.5}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 30%,var(--glass-border-soft))}.card-hover:hover:before{opacity:.75}.bento-accent{position:relative;overflow:hidden}.bento-accent:after{content:"";position:absolute;top:0;left:18px;right:18px;height:3px;border-radius:99px;background:var(--grad-accent);opacity:.85;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.grad-text{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.icon-chip{width:38px;height:38px;border-radius:13px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#fff),color-mix(in srgb,var(--accent-secondary) 18%,#fff));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);box-shadow:var(--shadow-sm)}.bento{display:grid;gap:var(--gap-bento)}.bento-dash{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"focus focus focus focus focus focus progress progress progress progress progress progress" "focus focus focus focus focus focus load load load load load load" "alert alert alert alert alert alert alert alert alert alert alert alert" "upcoming upcoming upcoming upcoming calendar calendar calendar calendar calendar calendar calendar calendar" "quick quick quick quick calendar calendar calendar calendar calendar calendar calendar calendar" "heat heat heat heat heat heat heat heat heat heat heat heat";align-items:stretch}.bento-focus{grid-area:focus}.bento-progress{grid-area:progress}.bento-load{grid-area:load}.bento-alert{grid-area:alert}.bento-upcoming{grid-area:upcoming}.bento-cal{grid-area:calendar}.bento-quick{grid-area:quick}.bento-heat{grid-area:heat}@media (max-width:1100px){.bento-dash{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"focus focus focus focus focus focus" "progress progress progress load load load" "alert alert alert alert alert alert" "calendar calendar calendar calendar calendar calendar" "upcoming upcoming upcoming quick quick quick" "heat heat heat heat heat heat"}}@media (max-width:760px){.bento-dash{grid-template-columns:1fr;grid-template-areas:"focus" "alert" "calendar" "upcoming" "progress" "load" "quick" "heat"}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);padding:10px 18px;font-weight:700;font-size:14px;font-family:var(--font-display);border:1px solid transparent;cursor:pointer;transition:all var(--tr-fast) var(--ease-out);min-height:44px;letter-spacing:-.01em}.btn-primary{background:var(--grad-accent);color:#fff;border-color:hsla(0,0%,100%,.35);box-shadow:0 8px 22px -8px color-mix(in srgb,var(--accent) 65%,transparent),inset 0 1px 0 hsla(0,0%,100%,.35)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:color-mix(in srgb,#fff 60%,transparent);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));color:var(--text-primary);border-color:var(--glass-border-soft);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#e11d48,#fb7185);color:#fff;box-shadow:0 8px 22px -8px rgba(225,29,72,.6)}.btn-danger:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-sm{min-height:38px;padding:7px 14px;font-size:13px;border-radius:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input,.select,.textarea{width:100%;background:color-mix(in srgb,#fff 72%,transparent);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);padding:11px 14px;font-size:14px;color:var(--text-primary);transition:border-color var(--tr-fast) ease,box-shadow var(--tr-fast) ease,background var(--tr-fast) ease}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-muted)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-glow);outline:none;background:#fff}.label{font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);margin-bottom:6px;display:block}.field-err{font-size:12px;color:var(--danger);margin-top:4px;font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;padding:4px 11px;border-radius:var(--radius-pill);letter-spacing:.02em;border:1px solid var(--glass-border-soft);background:color-mix(in srgb,#fff 60%,transparent);color:var(--text-secondary);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));white-space:nowrap}.badge-high{background:color-mix(in srgb,var(--danger) 14%,#fff);color:#be123c;border-color:color-mix(in srgb,var(--danger) 32%,transparent)}.badge-medium{background:color-mix(in srgb,var(--warning) 18%,#fff);color:#92400e;border-color:color-mix(in srgb,var(--warning) 38%,transparent)}.badge-low{background:color-mix(in srgb,var(--success) 14%,#fff);color:#065f46;border-color:color-mix(in srgb,var(--success) 32%,transparent)}.badge-info{background:color-mix(in srgb,var(--info) 14%,#fff);color:#0e7490;border-color:color-mix(in srgb,var(--info) 32%,transparent)}.skel{position:relative;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);min-height:18px;backdrop-filter:blur(var(--blur-sm))}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.65),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.fade-in,.fade-in>*{animation:fadeUp var(--tr-med) var(--ease-out) both}.fade-in>:nth-child(2){animation-delay:40ms}.fade-in>:nth-child(3){animation-delay:80ms}.fade-in>:nth-child(4){animation-delay:.12s}.fade-in>:nth-child(5){animation-delay:.16s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-title{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.025em}.page-title,.section-title{font-family:var(--font-display);margin:0}.section-title{font-size:16px;font-weight:750;letter-spacing:-.015em}.muted{color:var(--text-secondary)}.tiny{color:var(--text-muted);font-size:12.5px}.brand-link{display:flex;align-items:center;gap:10;border-radius:14px;transition:background var(--tr-fast) ease,transform var(--tr-fast) var(--ease-out)}.brand-link:hover{background:hsla(0,0%,100%,.08)}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast-wrap{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(360px,90vw)}.toast{background:color-mix(in srgb,var(--sidebar) 88%,transparent);color:#fff;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid hsla(0,0%,100%,.16);border-radius:var(--radius-md);padding:13px 15px;font-size:13.5px;box-shadow:var(--shadow-lg);animation:fadeUp var(--tr-med) var(--ease-out) both}.modal-backdrop{position:fixed;inset:0;background:rgba(8,12,28,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeUp var(--tr-med) ease both}.modal{background:var(--glass-bg-strong);backdrop-filter:blur(var(--blur-lg)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(1.35);border:1px solid hsla(0,0%,100%,.7);border-radius:24px;box-shadow:var(--shadow-lg);width:100%;max-width:580px;max-height:92vh;overflow:auto;position:relative}.modal:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:99px;background:var(--grad-accent);opacity:.8}.subj-dot{width:10px;height:10px;border-radius:99px;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0,transparent)}.cal-block{position:relative}.cal-block:after{content:"";position:absolute;inset:-4px 0}.touch-44{position:relative}.touch-44:after{content:"";position:absolute;inset:-12px}.link-44{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}@keyframes heatFlash{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px var(--focus-glow)}}.cal-block{border-radius:12px;padding:7px 9px;font-size:12px;font-weight:600;border-left:4px solid;cursor:grab;transition:transform var(--tr-fast) var(--ease-out),box-shadow var(--tr-fast) ease}.cal-block:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cal-block:active{cursor:grabbing}.progress-track{height:10px;border-radius:99px;background:color-mix(in srgb,var(--text-muted) 18%,#fff);border:1px solid hsla(0,0%,100%,.6);overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#22d3ee,var(--accent) 45%,var(--accent-secondary));transition:width .6s var(--ease-out);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--accent) 60%,transparent)}img,svg,video{max-width:100%}table{width:100%;border-collapse:collapse}.shell-root{position:relative}.bottom-nav,.mobile-nav,.topbar-date-short{display:none}.sidebar-glass{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 96%,transparent),color-mix(in srgb,var(--sidebar) 88%,var(--accent) 12%))!important;border-right:1px solid hsla(0,0%,100%,.12)!important;box-shadow:8px 0 32px -16px rgba(8,12,28,.4)}.sidebar-glass:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(300px 200px at 50% 0,color-mix(in srgb,var(--accent) 25%,transparent),transparent 70%)}.nav-link{position:relative;overflow:hidden}.nav-link:hover{background:hsla(0,0%,100%,.08)!important;transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,var(--accent),var(--accent-secondary))!important;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 1px 0 hsla(0,0%,100%,.35)!important}.nav-link.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:99px;background:#fff;opacity:.9}.topbar-glass{position:sticky;top:12px;z-index:30;background:var(--glass-bg)!important;backdrop-filter:blur(var(--blur-md)) saturate(1.3);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(1.3);border:1px solid var(--glass-border-soft)!important;border-radius:20px!important;box-shadow:var(--shadow-sm)!important;margin:12px 28px 0!important}.hamburger-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;flex:none;background:hsla(0,0%,100%,.12);color:#fff;border:1px solid hsla(0,0%,100%,.16);cursor:pointer;transition:background var(--tr-fast) ease,transform var(--tr-fast) var(--ease-out)}.hamburger-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.hamburger-btn-dark{background:hsla(0,0%,100%,.1)}.hamburger-icon-btn{position:relative;display:inline-flex;width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.12);border:1px solid transparent;cursor:pointer}.hamburger-badge,.hamburger-icon-btn{align-items:center;justify-content:center;color:#fff}.hamburger-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#fb7185);font-size:10.5px;font-weight:800;display:flex;line-height:1;border:1.5px solid #fff}.bottom-nav{position:fixed;bottom:12px;left:12px;right:12px;z-index:40;background:var(--glass-bg-strong)!important;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-soft)!important;border-radius:22px!important;box-shadow:var(--shadow-lg)!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important}.bottom-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:14px;color:var(--text-muted);font-size:11px;font-weight:600;min-height:48px;justify-content:center;transition:all var(--tr-fast) var(--ease-out)}.bottom-link.active{color:#fff;font-weight:800;background:var(--grad-accent);box-shadow:var(--shadow-sm)}.drawer-overlay{position:fixed;inset:0;z-index:55;background:rgba(8,12,28,.5);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--tr-med) ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:56;width:min(320px,86vw);background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 96%,transparent),color-mix(in srgb,var(--sidebar) 88%,var(--accent) 12%));backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));color:#e6eaf5;border-right:1px solid hsla(0,0%,100%,.14);display:flex;flex-direction:column;padding:14px 14px calc(14px + env(safe-area-inset-bottom));transform:translateX(-102%);transition:transform .26s cubic-bezier(.32,.72,.28,1);box-shadow:var(--shadow-lg);visibility:hidden;border-radius:0 24px 24px 0}.drawer.open{transform:translateX(0);visibility:visible}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8;padding:4px 2px 12px;border-bottom:1px solid hsla(0,0%,100%,.1)}.drawer-nav{display:flex;flex-direction:column;gap:4px;padding:12px 0;overflow-y:auto;flex:1}.drawer-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:#c3cade;font-weight:500;font-size:14px;min-height:46px;transition:all var(--tr-fast) var(--ease-out)}.drawer-link:hover{background:hsla(0,0%,100%,.08)}.drawer-link.active{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;font-weight:700;box-shadow:var(--shadow-md)}.drawer-active-dot{margin-left:auto;width:7px;height:7px;border-radius:99px;background:#fff}.drawer-foot{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid hsla(0,0%,100%,.1)}.drawer-promo{background:hsla(0,0%,100%,.08);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.14);border-radius:18px;padding:14px}.drawer-user{gap:10px;padding:4px 4px 0}.drawer-avatar,.drawer-user{display:flex;align-items:center}.drawer-avatar{width:38px;height:38px;border-radius:13px;flex:none;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));justify-content:center;font-weight:800;color:#fff;font-size:14px;border:1.5px solid hsla(0,0%,100%,.4);box-shadow:var(--shadow-sm)}.task-item{background:color-mix(in srgb,#fff 62%,transparent);border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);transition:all var(--tr-fast) var(--ease-out)}.task-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-card{transition:all var(--tr-fast) var(--ease-out)!important}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)!important}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(140deg,var(--sidebar) 0,color-mix(in srgb,var(--sidebar) 70%,var(--accent) 30%) 55%,color-mix(in srgb,var(--accent) 55%,var(--accent-secondary)) 130%)}.auth-shell:before{width:560px;height:560px;left:-160px;top:-160px;background:radial-gradient(circle,color-mix(in srgb,var(--accent-secondary) 45%,transparent),transparent 70%)}.auth-shell:after,.auth-shell:before{content:"";position:absolute;border-radius:50%;filter:blur(10px)}.auth-shell:after{width:640px;height:640px;right:-200px;bottom:-220px;background:radial-gradient(circle,color-mix(in srgb,var(--info) 40%,transparent),transparent 70%)}.auth-card{position:relative;z-index:1}.landing-hero{position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:-20%;background:radial-gradient(600px 320px at 20% 20%,rgba(139,92,246,.35),transparent 65%),radial-gradient(600px 320px at 80% 30%,rgba(34,211,238,.3),transparent 65%);pointer-events:none}.resp-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap-bento)}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.heatmap-grid{gap:8px}.heatmap-grid,.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.week-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.week-grid{min-width:0}@media (max-width:900px){.week-grid{min-width:760px}}.asg-row{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--tr-fast) var(--ease-out);border:1px solid transparent}.asg-row:hover{background:color-mix(in srgb,#fff 65%,transparent);border-color:var(--glass-border-soft);box-shadow:var(--shadow-sm)}.asg-row+.asg-row{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.asg-badges{display:flex;gap:6px;align-items:center;flex:none}.theme-grid-compact{grid-template-columns:repeat(4,1fr)}.planner-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--gap-bento);align-items:start}.task-scroll{display:grid;gap:10px;overflow-y:auto;max-height:640px;padding-right:2px;align-content:start}@media (max-width:1023px){.planner-grid{grid-template-columns:1fr}}@media (max-width:640px){.task-scroll{max-height:440px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}body:after,body:before{display:none}}@media (max-width:1024px){.shell-content{padding-left:20px!important;padding-right:20px!important}.topbar-glass{margin:10px 16px 0!important}}@media (max-width:900px){.sidebar-desk{display:none!important}.bottom-nav,.mobile-nav{display:flex!important}.shell-main{padding-top:58px}.shell-content{padding:12px 16px 120px!important}.topbar-pad{padding:14px 16px!important;flex-wrap:wrap}.topbar-sub{font-size:12.5px!important}.topbar-date-long{display:none}.topbar-date-short{display:inline}.topbar-new-label{display:none}.topbar-new{padding:6px 10px!important}.notif-pop{position:fixed!important;top:60px!important;left:12px!important;right:12px!important;width:auto!important}.toast-wrap{bottom:calc(84px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:none}.modal-backdrop{padding:12px;align-items:flex-end}.modal{max-height:94vh;border-radius:22px 22px 18px 18px}}@media (min-width:901px){.bottom-nav,.drawer,.drawer-overlay,.mobile-nav{display:none!important}}@media (max-width:640px){.card{padding:16px;border-radius:20px}.page-title{font-size:22px}.btn{min-height:44px}.btn-sm{min-height:38px}.form-2col,.form-3col{grid-template-columns:1fr}.heatmap-grid{grid-template-columns:repeat(2,1fr)}.resp-grid-2{grid-template-columns:1fr}.asg-badges,.asg-row{flex-wrap:wrap}.asg-badges{width:100%;margin-left:30px}.month-cell{min-height:56px!important;padding:4px!important}.month-cell .cal-block{font-size:10px!important;padding:3px 5px!important}.week-scroll-hint{display:block!important}.week-scroll-tip{display:none!important}.theme-grid-compact{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:380px){.heatmap-grid{grid-template-columns:1fr 1fr}.topbar-date{display:none}.mobile-nav{padding:8px 10px!important;gap:6px!important}}