.login-page{background:var(--login-white);min-height:100dvh;color:var(--login-text);font-weight:var(--font-weight-normal);--i:0;--px:0;--py:0;grid-template-columns:1.6fr 1fr;display:grid}.login-rise,.login-field,.product-day{animation:login-rise var(--login-enter-duration) var(--login-ease) both;animation-delay:calc(var(--i) * var(--login-stagger))}@keyframes login-rise{0%{opacity:0;translate:0 var(--login-rise);filter:blur(var(--space-1))}}.login-story{isolation:isolate;min-height:var(--size-750);padding:var(--space-12) clamp(var(--space-8), 4.5vw, var(--space-16));background:var(--login-space);color:var(--login-on-dark);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.login-stars{animation:login-twinkle var(--login-twinkle-duration) ease-in-out infinite;background-size:50% 50%;position:absolute;inset:0}.login-stars-a{background-image:var(--login-stars-a)}.login-stars-b{background-image:var(--login-stars-b);animation-delay:calc(var(--login-twinkle-duration) / -2);background-size:34% 34%}@keyframes login-twinkle{0%,to{opacity:.35}50%{opacity:1}}.login-planet{width:var(--login-planet-size);height:var(--login-planet-size);border-radius:var(--radius-round);background:var(--login-planet);box-shadow:var(--login-planet-glow);translate:calc(var(--px) * var(--login-float) * -1) calc(var(--py) * var(--login-float) * -1);transition:translate var(--login-parallax-duration) var(--login-ease);animation:login-planet-pulse var(--login-pulse-duration) ease-in-out infinite;position:absolute;top:-42%;right:-38%}@keyframes login-planet-pulse{50%{filter:brightness(1.18)saturate(1.1)}}.login-orbit{width:var(--login-orbit-size);height:var(--login-orbit-size);border:var(--border-width-thin) solid var(--login-orbit);border-radius:var(--radius-round);position:absolute;top:-8%;right:-48%;transform:rotate(-24deg)scaleY(.3)}.login-orbit-inner{width:var(--login-planet-size);height:var(--login-planet-size);opacity:.6;top:4%;right:-30%;transform:rotate(-30deg)scaleY(.24)}.login-orbit i{border-radius:var(--radius-round);animation:login-spin var(--login-orbit-duration) linear infinite;position:absolute;inset:0}.login-orbit-inner i{animation-duration:calc(var(--login-orbit-duration) * .7);animation-direction:reverse}.login-orbit i:after{content:"";top:calc(var(--login-orbit-dot-size) / -2);width:var(--login-orbit-dot-size);height:var(--login-orbit-dot-size);border-radius:var(--radius-round);background:var(--login-on-dark);box-shadow:var(--login-orbit-dot);position:absolute;left:50%}.login-meteor{width:var(--login-meteor-length);height:var(--login-meteor-thickness);border-radius:var(--radius-round);background:var(--login-meteor);opacity:0;animation:login-meteor var(--login-meteor-duration) ease-in infinite;animation-delay:var(--login-delay);position:absolute;top:14%;left:30%;rotate:155deg}.login-meteor-late{animation-delay:calc(var(--login-meteor-duration) / 2 + var(--login-delay));top:34%;left:72%}@keyframes login-meteor{0%{opacity:0;translate:0}2%{opacity:1}9%{opacity:0;translate:-40vw 18vw}to{opacity:0;translate:-40vw 18vw}}.login-brand{width:fit-content;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.login-brand img{width:auto;height:var(--size-32)}.login-story-copy{margin-top:clamp(var(--space-8), 7vh, var(--size-100));max-width:var(--size-680);position:relative}.login-kicker{margin:0 0 var(--space-4);font-size:var(--cal-label-size);letter-spacing:.32em;text-transform:uppercase;color:var(--login-cyan)}.login-story h1{font-size:var(--login-title-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:var(--tracking-tight);margin:0}.login-story h1 span{background:var(--login-title-gradient);color:#0000;animation:login-shimmer var(--login-shimmer-duration) linear infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}@keyframes login-shimmer{to{background-position:-200% 0}}.login-support{margin:var(--space-4) 0 0;color:var(--login-on-dark-muted);font-size:var(--font-size-lg);line-height:var(--line-height-body)}.login-features{gap:var(--space-6);max-width:var(--size-720);margin:var(--space-8) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid;position:relative}.login-features li{align-items:flex-start;gap:var(--space-4);display:flex}.login-features b{margin-bottom:var(--space-1);color:var(--login-on-dark);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:block}.login-features li>span:last-child{color:var(--login-on-dark-muted);font-size:var(--font-size-sm);line-height:var(--line-height-label)}.login-feature-icon{width:var(--login-icon-tile-size);height:var(--login-icon-tile-size);border:var(--border-width-thin) solid var(--login-glass-border);border-radius:var(--radius-md);background:var(--login-icon-tile);color:var(--login-scheduled);transition:translate var(--duration-slow) var(--login-ease), box-shadow var(--duration-slow) var(--login-ease), color var(--duration-slow) var(--login-ease);flex-shrink:0;place-items:center;display:grid}.login-features li:hover .login-feature-icon{translate:0 calc(var(--login-lift) * -1);box-shadow:var(--login-icon-glow);color:var(--login-on-dark)}.login-product-stage{padding-top:var(--space-8);perspective:var(--size-1200);translate:calc(var(--px) * var(--login-float)) calc(var(--py) * var(--login-float));transition:translate var(--login-parallax-duration) var(--login-ease);animation:login-stage-in calc(var(--login-enter-duration) * 1.6) var(--login-ease) both;animation-delay:calc(4 * var(--login-stagger));margin-top:auto;position:relative}@keyframes login-stage-in{0%{opacity:0;filter:blur(var(--space-2));scale:.9}}.login-product{grid-template-columns:var(--login-product-sidebar) minmax(0, 1fr);width:var(--login-product-width);border:var(--border-width-thin) solid var(--login-glass-highlight);border-radius:calc(var(--radius-lg) * 1.5);background:var(--login-glass);-webkit-backdrop-filter:blur(var(--login-blur));backdrop-filter:blur(var(--login-blur));box-shadow:var(--login-card-shadow);transform-origin:0;animation:login-float var(--login-float-duration) ease-in-out infinite;display:grid;position:relative;overflow:hidden;transform:rotateX(14deg)rotateY(-12deg)rotate(4deg)}@keyframes login-float{50%{translate:0 calc(var(--login-float) * -1)}}.login-product:after{content:"";background:var(--login-shine);opacity:.14;pointer-events:none;animation:login-sweep calc(var(--login-shine-duration) * 2) ease-in-out infinite;animation-delay:var(--login-delay);position:absolute;inset:0;translate:-100%}@keyframes login-sweep{0%{translate:-100%}40%,to{translate:100%}}.product-sidebar{gap:var(--space-1);padding:var(--space-6) var(--space-3);border-right:var(--border-width-thin) solid var(--login-glass-border);background:var(--login-glass-soft);flex-direction:column;display:flex}.product-sidebar img{width:auto;height:var(--size-20);margin:0 var(--space-2) var(--space-6)}.product-sidebar span{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--login-on-dark-muted);font-size:var(--cal-label-size);display:flex}.product-sidebar span.is-active{background:color-mix(in srgb, var(--login-accent) 35%, transparent);color:var(--login-on-dark)}.product-sidebar svg,.product-topbar svg,.product-period svg,.product-create svg,.product-stat svg{width:var(--icon-sm);height:var(--icon-sm)}.product-main{min-width:0;padding:var(--space-4) var(--space-6) var(--space-6)}.product-topbar{justify-content:flex-end;align-items:center;gap:var(--space-4);color:var(--login-on-dark-muted);display:flex}.product-avatar{width:var(--login-avatar);height:var(--login-avatar);border-radius:var(--radius-round);background:var(--login-accent);color:var(--login-on-dark);font-size:var(--cal-label-size);font-weight:var(--font-weight-semibold);box-shadow:var(--login-icon-glow);place-items:center;display:grid}.product-toolbar{margin-top:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;display:flex}.product-create{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--login-accent);font-size:var(--cal-label-size);animation:login-glow-pulse var(--login-pulse-duration) ease-in-out infinite;display:inline-flex}@keyframes login-glow-pulse{50%{box-shadow:var(--login-icon-glow)}}.product-period{align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-4);padding:var(--space-1) var(--space-2);border:var(--border-width-thin) solid var(--login-glass-border);border-radius:var(--radius-sm);color:var(--login-on-dark);font-size:var(--cal-label-size);display:inline-flex}.product-week{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.product-day{min-width:0;padding:var(--space-2);border:var(--border-width-thin) solid var(--login-glass-border);border-radius:var(--radius-md);background:var(--login-glass-soft)}.product-day-heading{margin-bottom:var(--space-2);flex-direction:column;display:flex}.product-day-heading span{color:var(--login-on-dark-muted);font-size:var(--shell-section-size)}.product-day-heading b{font-size:var(--font-size-sm)}.product-piece{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--login-glass)}.product-piece-time{color:var(--login-on-dark-muted);font-size:var(--shell-section-size)}.product-piece p{margin:var(--space-1) 0 var(--space-2);min-height:var(--size-32);font-size:var(--shell-section-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label)}.product-piece small{font-weight:var(--font-weight-normal);color:var(--login-on-dark-muted)}.product-thumb{height:var(--login-thumb-height);border-radius:var(--radius-sm);background-size:cover;display:block}.product-thumb-1{background:var(--login-thumb-1)}.product-thumb-2{background:var(--login-thumb-2)}.product-thumb-3{background:var(--login-thumb-3)}.product-thumb-4{background:var(--login-thumb-4)}.product-thumb-5{background:var(--login-thumb-5)}.product-piece-state{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--shell-section-size);white-space:nowrap;color:var(--login-on-dark-muted);display:flex}.product-piece-state i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-round);background:var(--login-scheduled)}.product-piece-production .product-piece-state i{background:var(--login-production)}.product-piece-published .product-piece-state i{background:var(--login-published);animation:login-twinkle calc(var(--login-twinkle-duration) / 2) ease-in-out infinite}.product-stats{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1.2fr 1fr 1fr;display:grid}.product-stat{gap:var(--space-1);padding:var(--space-3);border:var(--border-width-thin) solid var(--login-glass-border);border-radius:var(--radius-md);background:var(--login-glass-soft);flex-direction:column;display:flex}.product-stat>span{align-items:center;gap:var(--space-1);font-size:var(--shell-section-size);color:var(--login-on-dark-muted);display:flex}.product-stat>b{font-size:var(--cal-label-size)}.product-stat small{color:var(--login-on-dark-muted);font-size:var(--shell-section-size)}.product-stat-row{align-items:flex-end;gap:var(--space-3);display:flex}.product-bars{align-items:flex-end;gap:var(--space-1);height:var(--login-bar-height);display:flex}.product-bars i{width:var(--login-bar-width);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(to top, var(--login-accent), var(--login-cyan));transform-origin:bottom;animation:login-bar-grow var(--login-bar-duration) var(--login-ease) both, login-bar-breathe var(--login-pulse-duration) ease-in-out infinite;animation-delay:calc(10 * var(--login-stagger) + var(--i) * var(--login-stagger)), calc(var(--i) * var(--login-stagger))}@keyframes login-bar-grow{0%{scale:1 0}}@keyframes login-bar-breathe{50%{opacity:.7}}.product-growth,.product-count{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.product-growth{color:var(--login-cyan);text-shadow:var(--login-icon-glow)}.login-access{isolation:isolate;min-width:0;min-height:100dvh;padding:var(--space-12) clamp(var(--space-6), 4vw, var(--space-16)) var(--space-6);align-items:center;gap:var(--space-8);background:var(--login-light-bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.login-blob{z-index:-1;width:var(--login-blob-size);height:var(--login-blob-size);border-radius:var(--radius-round);filter:blur(var(--login-blur-lg));pointer-events:none;animation:login-drift var(--login-blob-duration) ease-in-out infinite alternate;position:absolute}.login-blob-a{background:var(--login-blob-a);top:-20%;right:-25%}.login-blob-b{background:var(--login-blob-b);animation-delay:calc(var(--login-blob-duration) / -2);bottom:-25%;left:-30%}@keyframes login-drift{50%{translate:-12% 10%;scale:1.1}to{translate:8% -6%;scale:.95}}.login-panel{width:100%;max-width:var(--login-panel-width);padding:var(--space-12) var(--space-8);border:var(--border-width-thin) solid var(--login-panel-border);border-radius:calc(var(--radius-lg) * 1.5);background:var(--login-panel);-webkit-backdrop-filter:blur(var(--login-blur));backdrop-filter:blur(var(--login-blur));box-shadow:var(--login-panel-shadow);margin:auto 0}.login-brand-mobile{margin-bottom:var(--space-8)}.login-brand-mobile img{height:var(--size-28)}.login-access h2{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--line-height-heading)}.login-intro{margin:0 0 var(--space-6);font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--login-muted)}.login-form label,.login-label-row{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.login-field>label,.login-label-row{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);flex-wrap:wrap;display:flex}.login-input{align-items:center;gap:var(--space-2);height:var(--size-52);padding:0 var(--space-2) 0 var(--space-4);border:var(--border-width-thin) solid var(--login-border);border-radius:var(--radius-md);background:var(--login-white);box-shadow:var(--login-input-shadow);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), translate var(--duration-normal) var(--ease-out);display:flex}.login-input:hover{border-color:var(--login-scheduled)}.login-input:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 var(--border-width-focus) var(--login-ring);translate:0 calc(var(--border-width-thin) * -1)}.login-input-icon{color:var(--login-muted);transition:color var(--duration-normal) var(--ease-out), scale var(--duration-normal) var(--ease-out);flex-shrink:0}.login-input:focus-within .login-input-icon{color:var(--login-accent);scale:1.1}.login-input input{width:100%;min-width:0;height:100%;color:var(--login-text);font-size:var(--font-size-md);background:0 0;border:0;outline:none}.login-input input:focus-visible{outline:none}.login-input input::placeholder{color:var(--login-muted);opacity:1}.login-input button{min-width:var(--control-min-size);min-height:var(--control-min-size);border-radius:var(--radius-sm);color:var(--login-muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.login-input button:hover:not(:disabled){background:var(--login-lavender);color:var(--login-accent-text)}.login-input-error{border-color:var(--state-error);animation:login-shake var(--login-shake-duration) ease-in-out}@keyframes login-shake{20%,60%{translate:calc(var(--login-shake) * -1) 0}40%,80%{translate:var(--login-shake) 0}}.login-field-error{margin:var(--space-2) 0 0;color:var(--state-error);font-size:var(--font-size-sm);line-height:var(--line-height-label);animation:login-rise var(--duration-slow) var(--login-ease) both}.login-recovery{min-height:var(--control-min-size);color:var(--login-accent-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;border:0;padding:0}.login-recovery:hover{text-decoration:underline}.login-recovery-help,.login-session-help{color:var(--login-muted);font-size:var(--font-size-sm);line-height:var(--line-height-body);margin:0 0 var(--space-2)}.login-field>.login-remember{justify-content:flex-start;align-items:center;gap:var(--space-2);min-height:var(--control-min-size);margin-top:var(--space-2);color:var(--login-muted);display:flex;font-weight:var(--font-weight-normal)!important}.login-remember input{width:var(--icon-sm);height:var(--icon-sm);accent-color:var(--login-accent)}.login-submit{margin-top:var(--space-4);width:100%;min-height:var(--size-52);border-radius:var(--radius-md);background:var(--login-button);color:var(--login-white);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);box-shadow:var(--login-button-shadow);transition:translate var(--duration-normal) var(--login-ease), box-shadow var(--duration-normal) var(--login-ease), filter var(--duration-normal) var(--login-ease);border:0;display:flex;position:relative;overflow:hidden}.login-submit:after{content:"";background:var(--login-shine);animation:login-sweep var(--login-shine-duration) ease-in-out infinite;animation-delay:var(--login-delay);position:absolute;inset:0;translate:-100%}.login-submit:hover:not(:disabled){translate:0 calc(var(--login-lift) * -1);box-shadow:var(--login-button-shadow-hover);filter:brightness(1.06)}.login-submit:active:not(:disabled){translate:0;scale:.985}.login-submit:disabled{filter:saturate(.8)}.login-submit-arrow{transition:translate var(--duration-normal) var(--login-ease)}.login-submit:hover .login-submit-arrow{translate:var(--space-1) 0}.login-spinner{animation:login-spin var(--login-spin-duration) linear infinite}@keyframes login-spin{to{rotate:360deg}}.login-help{margin:var(--space-6) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-body);color:var(--login-muted);text-align:center}.login-access footer{justify-content:center;align-items:center;gap:var(--space-3) var(--space-6);width:100%;color:var(--login-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.login-access footer nav{align-items:center;gap:var(--space-2);display:flex}.login-access footer a{min-height:var(--control-min-size);color:var(--login-muted);align-items:center;text-decoration:none;display:inline-flex}.login-access footer a:hover{color:var(--login-accent-text);text-decoration:underline}.login-page :focus-visible{outline-color:var(--login-accent)}.login-product-stage{zoom:.82}@media (max-width:1500px){.login-product-stage{zoom:.74}}@media (max-width:1250px){.login-product-stage{zoom:.62}.login-features{max-width:var(--size-320);grid-template-columns:1fr}}@media (max-width:899px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-access{padding:var(--space-8) var(--space-4) var(--space-4)}.login-panel{padding:var(--space-8) var(--space-6)}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition:none!important;animation:none!important}}