:root{color:#272a31;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#272a31;--muted:#85868c;--border:#e9e7e2;--paper:#fff;--accent:#486c5b;--accent-dark:#365343;--accent-pale:#edf3ef;--peach:#f4e9de;--shadow:0 16px 50px #2b2b2614;background:#f8f7f4;font-family:Segoe UI,Aptos,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #486c5b47}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid #272a3112;justify-content:space-between;align-items:center;max-width:1180px;height:78px;margin:0 auto;padding:0 30px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-family:Segoe UI,Aptos,sans-serif;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:var(--accent);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand-period,.heading-period{color:#c98963}.topbar-actions{align-items:center;gap:18px;display:flex}.account-label{color:#75767b;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 17px;font-size:13px;font-weight:700;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-dark)}.button-outline{color:var(--ink);background:0 0;border-color:#dddcd6}.button-outline:hover:not(:disabled){background:#fff;border-color:#b9b8b2}.landing{grid-template-columns:1fr 1fr;align-items:center;gap:52px;width:min(1100px,100% - 60px);min-height:calc(100vh - 78px);margin:0 auto;padding:65px 0 100px;display:grid}.landing-copy{padding-bottom:10px}.eyebrow{color:var(--accent);letter-spacing:1.25px;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.landing-copy h1,.welcome-row h1{color:var(--ink);letter-spacing:-3.6px;margin:22px 0 18px;font-family:Segoe UI,Aptos,sans-serif;font-size:clamp(42px,5.1vw,64px);font-weight:700;line-height:1.09}.landing-copy h1 span{color:var(--accent)}.landing-description{color:#777a7d;max-width:455px;font-size:16px;line-height:1.8}.landing-cta{min-height:49px;margin-top:28px;padding:0 21px}.landing-footnote{color:#8b8d8d;align-items:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.landing-footnote svg{color:var(--accent)}.landing-art{width:100%;height:420px;position:relative}.art-orbit{border:1px solid #eae5dd;border-radius:50%;width:365px;height:365px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{border-color:#eee9e1;width:285px;height:285px}.art-card{width:300px;height:190px;box-shadow:var(--shadow);border:1px solid #3039330f;border-radius:17px;padding:23px;position:absolute}.art-card-back{background:#d9e4dc;top:86px;left:92px;transform:rotate(9deg)}.fake-dot{background:#486c5b8c;border-radius:9px;width:27px;height:27px}.fake-lines{gap:9px;display:grid;position:absolute;bottom:28px;right:23px}.fake-lines i{background:#486c5b3d;border-radius:6px;width:70px;height:6px;display:block}.fake-lines i:last-child{width:48px}.art-card-main{background:#fff;top:100px;left:48px;transform:rotate(-5deg)}.art-card-heading,.art-card-footer{justify-content:space-between;align-items:center;display:flex}.art-card-heading{color:#92958f;letter-spacing:1px;font-size:9px;font-weight:700}.art-menu{letter-spacing:1px;font-size:16px}.art-card-main strong{color:#303630;margin-top:29px;font-family:Segoe UI,Aptos,sans-serif;font-size:23px;display:block}.fake-progress{background:#eff1ed;border-radius:10px;height:7px;margin:16px 0 17px;overflow:hidden}.fake-progress i{border-radius:inherit;background:#789580;width:72%;height:100%;display:block}.art-card-footer{color:#92958f;font-size:9px}.art-card-footer b{color:var(--accent)}.art-floating{color:var(--accent);background:#fff;border:1px solid #eeeae3;border-radius:12px;align-items:center;gap:12px;padding:14px 17px;display:flex;position:absolute;bottom:75px;right:0;transform:rotate(3deg);box-shadow:0 12px 35px #2b2b2617}.art-floating span{gap:3px;display:grid}.art-floating b{color:#343a35;font-size:11px}.art-floating small{color:#898c89;font-size:9px}.art-spark{color:#d59d77;font-size:24px;position:absolute}.spark-a{top:37px;right:94px}.spark-b{color:#8da595;font-size:18px;bottom:53px;left:25px}.dashboard{max-width:1100px;min-height:calc(100vh - 78px);margin:0 auto;padding:61px 30px 24px}.session-state{color:#858a85;justify-content:center;align-items:center;gap:12px;min-height:calc(100vh - 78px);font-size:12px;display:flex}.session-state .notice{max-width:min(440px,100% - 35px)}.welcome-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:29px;display:flex}.welcome-row h1{letter-spacing:-1.6px;margin:10px 0 8px;font-size:clamp(28px,3vw,37px)}.welcome-row p{color:#85868c;font-size:13px}.add-button{flex-shrink:0;margin-bottom:2px}.notice{border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.6}.notice.error{color:#963f39;background:#fff0ee;border:1px solid #f4d6d1}.notice.success{color:#35604a;background:#edf5ef;border:1px solid #d9eadd}.dashboard>.notice{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.notice-action{color:inherit;white-space:nowrap;background:0 0;border:0;padding:4px;font-size:12px;font-weight:700}.alert-banner{background:#fff8ed;border:1px solid #f2e4cd;border-radius:11px;align-items:center;gap:13px;margin-bottom:19px;padding:15px 17px;display:flex}.alert-icon{color:#a56e32;background:#f8ead4;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.alert-banner>div{flex:1}.alert-banner strong{color:#59432a;font-size:12px}.alert-banner p{color:#8a755b;margin-top:3px;font-size:11px;line-height:1.5}.plain-icon,.icon-button{color:#777b78;background:0 0;border:0;place-items:center;display:grid}.summary-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:38px;display:grid}.summary-card{background:#fff;border:1px solid #eeece7;border-radius:13px;min-height:150px;padding:20px 22px;position:relative}.summary-featured{background:#eff4f0;border-color:#e3ebe5}.summary-icon{width:32px;height:32px;color:var(--accent);background:#e4eee7;border-radius:9px;place-items:center;margin-bottom:13px;display:grid}.icon-peach{color:#a16c47;background:#f7eee5}.icon-lavender{color:#766895;background:#f0edf6}.summary-label{color:#7c7f7d;font-size:11px;font-weight:600;position:absolute;top:24px;left:65px}.summary-card strong{color:#2f3530;letter-spacing:-1px;font-family:Segoe UI,Aptos,sans-serif;font-size:27px;line-height:1.15;display:block}.summary-card small{color:#969894;margin-top:5px;font-size:10px;display:block}.subscriptions-section{background:#fff;border:1px solid #eeece7;border-radius:14px;padding:26px 26px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.section-heading h2{color:var(--ink);letter-spacing:-.6px;align-items:center;gap:10px;margin:8px 0 0;font-family:Segoe UI,Aptos,sans-serif;font-size:20px;display:flex}.count-pill{color:#77847b;background:#f0f3f0;border-radius:20px;padding:4px 8px;font-family:Segoe UI,Aptos,sans-serif;font-size:10px;font-weight:600}.list-controls{align-items:center;gap:8px;display:flex}.search-box,.filter-select{color:#92948f;background:#fbfaf8;border:1px solid #eeece7;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 10px;display:flex}.search-box input{width:145px;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:11px}.search-box input:focus-visible{outline:0}.filter-select{position:relative}.filter-select select{appearance:none;color:#666a66;cursor:pointer;background:0 0;border:0;outline:0;max-width:125px;padding:0 13px 0 0;font-size:10px}.filter-select svg{pointer-events:none;position:absolute;right:8px}.subscription-list{border-top:1px solid #f0efeb}.subscription-row{border-bottom:1px solid #f0efeb;grid-template-columns:42px minmax(155px,1.4fr) minmax(130px,.9fr) minmax(170px,1.2fr) 115px auto;align-items:center;gap:15px;min-height:82px;display:grid}.subscription-row:last-child{border-bottom:0}.subscription-logo{color:#597362;background:#edf3ef;border-radius:12px;place-items:center;width:39px;height:39px;font-family:Segoe UI,Aptos,sans-serif;font-size:15px;font-weight:700;display:grid}.subscription-row:nth-child(4n+2) .subscription-logo{color:#a27352;background:#f7eee7}.subscription-row:nth-child(4n+3) .subscription-logo{color:#72658d;background:#f0edf6}.subscription-row:nth-child(4n) .subscription-logo{color:#54728a;background:#edf2f6}.subscription-main h3{color:#343835;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:13px;font-weight:700;overflow:hidden}.subscription-main>span{color:#6f7771;font-size:11px;font-weight:600}.muted{color:#a1a39e;font-weight:400}.renewal-info{gap:5px;display:grid}.renewal-label{color:#a0a19d;letter-spacing:.8px;font-size:8px;font-weight:700}.renewal-info strong{color:#555a56;font-size:11px;font-weight:600}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:6px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-active{color:#4c775b;background:#edf5ef}.status-soon{color:#a16c3b;background:#fbf1e5}.status-ended{color:#9b6862;background:#f7eeec}.row-actions{justify-content:flex-end;gap:9px;display:flex}.row-action{color:#6b7770;background:0 0;border:0;padding:5px 0;font-size:10px;font-weight:600}.row-action:hover{color:var(--accent-dark);text-decoration:underline}.row-delete{color:#a16d67}.loading-state,.empty-state{text-align:center;border-top:1px solid #f0efeb;place-content:center;justify-items:center;gap:10px;min-height:220px;display:grid}.loading-state{color:#858a85;justify-content:center;align-items:center;font-size:12px;display:flex}.spinner{border:2px solid #dfe7e1;border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{color:#708477;background:#eff4f0;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.empty-state h3{color:#414742;margin:2px 0 0;font-family:Segoe UI,Aptos,sans-serif;font-size:15px}.empty-state p{color:#92958f;margin-bottom:4px;font-size:11px}.empty-state .button{min-height:37px;margin-top:5px;font-size:11px}.dashboard-footer{color:#a1a39e;justify-content:space-between;padding:22px 4px 0;font-size:9px;display:flex}.dashboard-footer span:last-child{letter-spacing:.8px;font-weight:700}.dashboard-footer i{color:#c58d6e;font-style:normal}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d221e78;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border:1px solid #ffffffbf;border-radius:17px;width:min(100%,450px);padding:35px;position:relative;box-shadow:0 24px 80px #181f1a3b}.modal-close{border-radius:9px;width:33px;height:33px;position:absolute;top:17px;right:17px}.modal-close:hover:not(:disabled){color:var(--ink);background:#f5f5f2}.modal>.eyebrow{margin-top:3px}.modal h2{color:#303530;letter-spacing:-1px;margin:12px 0 8px;font-family:Segoe UI,Aptos,sans-serif;font-size:25px}.modal-intro{color:#858984;margin-bottom:24px;font-size:12px;line-height:1.6}.subscription-form{gap:16px;display:grid}.subscription-form label{color:#5e635f;gap:7px;font-size:11px;font-weight:600;display:grid}.subscription-form input{color:#303530;background:#fbfbf9;border:1px solid #e8e8e2;border-radius:8px;width:100%;height:43px;padding:0 12px;font-size:12px}.subscription-form input::placeholder{color:#b3b5b0}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-submit{width:100%;margin-top:3px}.auth-modal{padding-top:32px}.auth-symbol{width:42px;height:42px;color:var(--accent);background:var(--accent-pale);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.auth-switch{color:#898c87;justify-content:center;align-items:center;gap:5px;margin-top:21px;font-size:11px;display:flex}.auth-switch button{color:var(--accent);font-size:inherit;background:0 0;border:0;padding:3px;font-weight:700}.auth-switch button:hover{text-decoration:underline}.toast{z-index:12;color:#fff;box-shadow:var(--shadow);background:#354f40;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:25px;right:25px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.landing{grid-template-columns:1fr;gap:5px;padding-top:65px}.landing-copy{text-align:center}.landing-copy .eyebrow,.landing-footnote{justify-content:center}.landing-description{margin:auto}.landing-art{width:min(100%,470px);height:350px;margin:0 auto}.art-card-back{margin-left:-125px;left:50%}.art-card-main{margin-left:-169px;left:50%}.art-floating{bottom:43px;right:0}.welcome-row{align-items:flex-start}.subscription-row{grid-template-columns:42px minmax(100px,1fr) 115px auto}.renewal-info{display:none}}@media (width<=560px){.topbar{height:66px;padding:0 18px}.account-label{display:none}.dashboard{padding:39px 16px 20px}.welcome-row{flex-direction:column;gap:16px}.welcome-row h1{font-size:29px}.add-button{width:100%}.summary-grid{grid-template-columns:1fr;gap:9px;margin-bottom:24px}.summary-card{min-height:105px;padding:15px 17px}.summary-icon{margin-bottom:9px}.summary-label{top:19px;left:58px}.summary-card strong{font-size:23px}.subscriptions-section{padding:20px 15px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:15px}.list-controls{width:100%}.search-box{flex:1}.search-box input{width:100%}.subscription-row{grid-template-columns:39px minmax(100px,1fr) auto;gap:10px;min-height:75px}.subscription-logo{width:36px;height:36px}.status-pill{justify-self:end}.row-actions{grid-column:2/4;justify-content:flex-start;margin-top:-9px;padding-bottom:10px}.dashboard-footer{gap:12px;font-size:8px}.dashboard-footer span:last-child{text-align:right}.modal{padding:29px 23px 24px}.form-grid{grid-template-columns:1fr}.landing{width:calc(100% - 36px);min-height:auto;padding-top:59px}.landing-copy h1{letter-spacing:-2.7px;font-size:43px}.landing-description{font-size:14px}.landing-art{transform-origin:top;height:315px;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e9e5;--ink:#e5e9e5;--muted:#a1aaa3;--border:#343b36;--paper:#202622;--accent:#91b49c;--accent-dark:#a7c8b0;--accent-pale:#29372e;--shadow:0 16px 50px #00000040;background:#171b19}.dark-mode .topbar{border-bottom-color:#2c332e}.dark-mode .brand-mark{color:#18221b;background:#91b49c}.dark-mode .brand-period,.dark-mode .heading-period{color:#dfa987}.dark-mode .account-label,.dark-mode .welcome-row p,.dark-mode .landing-description,.dark-mode .landing-footnote,.dark-mode .modal-intro,.dark-mode .auth-switch{color:#a0aaa3}.dark-mode .button-outline{color:#dce3dd;border-color:#424a44}.dark-mode .button-outline:hover:not(:disabled){background:#272e29;border-color:#58635a}.dark-mode .button-primary{color:#172019;background:#91b49c}.dark-mode .button-primary:hover:not(:disabled){background:#a7c8b0}.dark-mode .landing-copy h1,.dark-mode .welcome-row h1,.dark-mode .section-heading h2{color:#e5e9e5}.dark-mode .landing-copy h1 span{color:#a9cbb2}.dark-mode .art-orbit{border-color:#303832}.dark-mode .orbit-two{border-color:#343d36}.dark-mode .art-card-back{background:#35483a}.dark-mode .fake-dot{background:#b4d7be8c}.dark-mode .fake-lines i{background:#b4d7be3d}.dark-mode .art-card-main,.dark-mode .art-floating{color:#dae3dc;background:#252c27;border-color:#3a433c}.dark-mode .art-card-main strong,.dark-mode .art-floating b{color:#e1e8e2}.dark-mode .art-card-heading,.dark-mode .art-card-footer,.dark-mode .art-floating small{color:#a3ada5}.dark-mode .fake-progress{background:#39443b}.dark-mode .art-card-footer b{color:#a9cbb2}.dark-mode .art-spark{color:#e1aa84}.dark-mode .spark-b{color:#9ab9a2}.dark-mode .eyebrow{color:#a9cbb2}.dark-mode .alert-banner{background:#30291e;border-color:#4d402c}.dark-mode .alert-icon{color:#e0b47c;background:#453721}.dark-mode .alert-banner strong{color:#f0d9b7}.dark-mode .alert-banner p{color:#c2a987}.dark-mode .plain-icon,.dark-mode .icon-button{color:#b2bcb4}.dark-mode .plain-icon:hover,.dark-mode .icon-button:hover:not(:disabled){color:#f0f4f0;background:#303832}.dark-mode .summary-card,.dark-mode .subscriptions-section{background:#202622;border-color:#343b36}.dark-mode .summary-featured{background:#253229;border-color:#35463a}.dark-mode .summary-icon{color:#a9cbb2;background:#304136}.dark-mode .icon-peach{color:#e0b28e;background:#403126}.dark-mode .icon-lavender{color:#c1b2e0;background:#353044}.dark-mode .summary-label,.dark-mode .summary-card small,.dark-mode .empty-state p{color:#a1aaa3}.dark-mode .summary-card strong,.dark-mode .subscription-main h3,.dark-mode .renewal-info strong,.dark-mode .empty-state h3{color:#e1e7e2}.dark-mode .count-pill{color:#b4c9ba;background:#2c3930}.dark-mode .search-box,.dark-mode .filter-select,.dark-mode .subscription-form input{color:#aeb8b0;background:#1a201c;border-color:#3a433c}.dark-mode .search-box input,.dark-mode .filter-select select,.dark-mode .subscription-form input{color:#e2e8e3;background-color:#1a201c}.dark-mode .search-box input::placeholder,.dark-mode .subscription-form input::placeholder{color:#778179}.dark-mode .subscription-list,.dark-mode .subscription-row,.dark-mode .loading-state,.dark-mode .empty-state{border-color:#343b36}.dark-mode .subscription-logo{color:#b1d0b8;background:#2b3b30}.dark-mode .subscription-row:nth-child(4n+2) .subscription-logo{color:#e0b28e;background:#403126}.dark-mode .subscription-row:nth-child(4n+3) .subscription-logo{color:#c1b2e0;background:#353044}.dark-mode .subscription-row:nth-child(4n) .subscription-logo{color:#a9c5dc;background:#293744}.dark-mode .subscription-main>span,.dark-mode .row-action{color:#b0bbb2}.dark-mode .muted,.dark-mode .renewal-label{color:#89948b}.dark-mode .row-delete{color:#d99d96}.dark-mode .status-active{color:#a8d0af;background:#293a2e}.dark-mode .status-soon{color:#e2b47e;background:#3b3022}.dark-mode .status-ended{color:#d6a5a0;background:#3a2b2a}.dark-mode .spinner{border-color:#a9cbb2 #3b493f #3b493f}.dark-mode .empty-icon{color:#a9cbb2;background:#293a2e}.dark-mode .dashboard-footer{color:#8c978e}.dark-mode .modal-backdrop{background:#030704b8}.dark-mode .modal{color:#e2e8e3;background:#202622;border-color:#3a433c;box-shadow:0 24px 80px #00000073}.dark-mode .modal h2{color:#e5e9e5}.dark-mode .subscription-form label{color:#c2cbc4}.dark-mode .subscription-form input{background:#191f1b}.dark-mode .modal-close:hover:not(:disabled){background:#303832}.dark-mode .toast{color:#172019;background:#a9cbb2}@media (width<=560px){.topbar-actions{gap:9px}.theme-toggle{width:39px;min-height:39px;padding:0}}