#sunflo-auth-root[hidden]{display:none}#sunflo-auth-root{z-index:1000;padding:max(20px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));background:#101a326e;place-items:center;display:grid;position:fixed;inset:0}#sunflo-auth-root[data-state=signed-in]{inset:auto 10px;top:max(10px, env(safe-area-inset-top));pointer-events:none;background:0 0;justify-content:center;padding:0;display:flex}.sunflo-auth-card{color:#101a32;background:#fffdf7;border:1px solid #f0e5c8;border-radius:26px;width:min(100%,430px);padding:28px;box-shadow:0 20px 70px #101a3233}.sunflo-auth-mark{color:#c39100;font:italic 900 22px/1 cursive}.sunflo-auth-card h1{margin:15px 0 8px;font-size:25px}.sunflo-auth-card p{color:#617895;margin:0 0 20px;line-height:1.55}.sunflo-auth-card form{gap:9px;display:grid}.sunflo-auth-card label{font-size:14px;font-weight:800}.sunflo-auth-card input{color:#101a32;width:100%;min-height:48px;font:inherit;border:1px solid #dbe3ed;border-radius:14px;padding:11px 13px}.sunflo-auth-card button{color:#101a32;min-height:47px;font:inherit;cursor:pointer;background:#ffd22b;border:0;border-radius:24px;margin-top:5px;padding:10px 18px;font-weight:900}.sunflo-auth-card button:disabled{opacity:.6;cursor:wait}.sunflo-auth-card .sunflo-auth-secondary{color:#627895;background:0 0;width:100%;min-height:34px;margin-top:10px;font-size:13px;text-decoration:underline}.sunflo-auth-status{color:#1760a8;min-height:24px;margin-top:12px;font-size:14px}.sunflo-auth-card small{color:#72849b;margin-top:8px;line-height:1.5;display:block}.sunflo-auth-session{pointer-events:auto;align-items:center;gap:12px;padding:12px 16px;display:flex}.sunflo-auth-session-label{font-size:13px;font-weight:800}.sunflo-auth-email{color:#627895;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.sunflo-auth-session button{white-space:nowrap;min-height:36px;margin:0 0 0 auto;padding:7px 14px;font-size:13px}@media (width<=480px){.sunflo-auth-card{border-radius:22px;padding:23px 20px}.sunflo-auth-session{gap:8px;padding:9px 11px}.sunflo-auth-session-label{font-size:11px}.sunflo-auth-session button{padding-inline:10px}}:root{color:#101a32;background:var(--theme-page-background,#fff5f8);font-synthesis:none;--yellow:var(--theme-primary,#f078a6);--navy:#101a32;--blue:#1760c9;--muted:#6f8dab;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:var(--theme-page-background,#fff5f8);min-width:320px;margin:0}.app-shell{background:var(--theme-page-background,#fff5f8);width:min(100%,941px);min-height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 0 36px #00000012}.hero{background:radial-gradient(circle at 45% 55%,#fff4a7 0,#ffe466 45%,var(--theme-primary,#f078a6) 100%);height:545px;position:relative;overflow:hidden}.statusbar{color:#080d12;justify-content:space-between;height:58px;padding:18px 48px 0;font-size:26px;font-weight:800;display:flex}.status-icons{letter-spacing:0;font-size:18px}.brand-lockup{color:#fff;position:absolute;top:85px;left:49px}.wordmark{text-shadow:2px 2px #fff;font-family:cursive;font-size:94px;font-style:italic;font-weight:900;line-height:.8;transform:rotate(-8deg)}.tagline{color:#4e4b2a;letter-spacing:1px;margin:28px 0 0 25px;font-size:19px;transform:rotate(-9deg)}.hero-tools{gap:18px;display:flex;position:absolute;top:72px;right:35px}.hero-tools button{height:68px;color:var(--navy);background:#fff;border:0;border-radius:40px;align-items:center;gap:13px;padding:0 22px;font-size:24px;font-weight:700;display:flex;box-shadow:0 6px 14px #9c790c20}.hero-tools button:not(:first-child){width:68px;padding:20px}.hero-tools svg{width:27px;height:27px}.hero-copy{position:absolute;inset:145px 35px 0}.copy-left{font-family:cursive;font-size:30px;line-height:1.45;position:absolute;top:178px;left:10px;transform:rotate(-6deg)}.copy-right{color:#8a6b08;font-family:cursive;font-size:32px;line-height:.92;position:absolute;top:220px;right:32px;transform:rotate(-8deg)}.mascot{object-fit:contain;mix-blend-mode:multiply;width:39%;height:440px;position:absolute;top:14px;left:37%}.bubble{background:#fffdf2;border-radius:58% 42% 52% 48%;padding:39px 32px 32px;font-family:cursive;font-size:28px;line-height:1.2;position:absolute;top:13px;right:-5px;transform:rotate(-8deg);box-shadow:0 7px 14px #a26d0920}.bubble span{font-size:31px}.content{margin-top:-14px;padding:0 35px 130px;position:relative}.date-card,.course-card,.stats-card,.motivation{background:#fff;border-radius:32px;box-shadow:0 8px 24px #2a323d0b}.date-card{justify-content:space-between;align-items:center;min-height:145px;padding:27px 35px;display:flex}.date-line{font-size:28px;font-weight:800}.greeting{margin-top:7px;font-size:47px;font-weight:900;line-height:1.1}.greeting span{margin-left:13px;font-size:40px}.outline-button{color:var(--navy);background:#fff;border:1px solid #eadfce;border-radius:36px;align-items:center;gap:13px;padding:19px 27px;font-size:24px;font-weight:800;display:flex;box-shadow:0 2px 8px #00000009}.outline-button svg{width:28px}.course-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.course-card{padding:25px 18px 18px}.course-card header{align-items:center;gap:15px;padding:0 10px;display:flex}.course-card h2{margin:0 0 4px;font-size:29px}.course-card p{color:#5f7ca0;white-space:nowrap;margin:0;font-size:20px}.course-icon,.stat-icon{border-radius:50%;place-items:center;display:grid}.course-icon{color:#1e62c3;background:#dceeff;width:58px;height:58px}.rose .course-icon,.stat-icon.rose{color:#d3464d;background:#ffe0e2}.course-icon svg{width:35px;height:35px}.course-actions{grid-template-columns:1fr 1fr;gap:11px;margin-top:20px;display:grid}.course-actions button{color:#174bb6;background:#e8f3ff;border:0;border-radius:21px;height:126px;font-size:24px}.rose .course-actions button{color:#bb2029;background:#ffe8eb}.course-actions strong,.course-actions small{display:block}.course-actions strong{font-size:28px}.course-actions small{margin-top:12px;font-size:20px}.stats-card{background:var(--theme-surface-secondary,#fff0f5);border:2px solid #fff;margin-top:19px;padding:24px 22px 16px}.stats-heading{justify-content:space-between;align-items:center;padding:0 12px 20px;display:flex}.stats-heading h2{align-items:center;gap:14px;margin:0;font-size:27px;display:flex}.stats-heading svg{width:32px}.stats-heading button{color:#527899;background:0 0;border:0;align-items:center;gap:5px;font-size:22px;display:flex}.stats-body{background:#fffdf8;border-radius:28px;justify-content:space-around;align-items:center;min-height:120px;padding:20px;display:flex}.stat{align-items:center;gap:18px;display:flex}.stat-icon{color:#096b9f;background:#daf2ff;width:63px;height:63px}.stat-icon svg{width:34px}.stat span{font-size:25px}.stat strong{margin-top:7px;font-size:28px;display:block}.divider{background:#efe2bb;width:2px;height:70px}.record-button{background:var(--yellow);border:0;border-radius:48px;justify-content:center;align-items:center;gap:12px;width:100%;height:92px;margin-top:19px;font-size:29px;font-weight:900;display:flex}.record-button svg{width:31px}.motivation{background:var(--theme-surface-secondary,#fff0f5);align-items:center;gap:20px;margin:25px 9px 0;padding:28px 30px;font-family:cursive;font-size:28px;line-height:1.35;display:flex}.quote{color:#efbe1e;font-family:Georgia;font-size:77px;line-height:.5}.motivation span{font-size:33px}.mini-mark{text-align:center;color:#bb8a00;margin-left:auto;font-family:cursive;font-size:33px;font-weight:900;line-height:.8;transform:rotate(-8deg)}.mini-mark small{letter-spacing:1px;font-size:8px}.bottom-nav{z-index:5;background:#fff;justify-content:space-around;align-items:center;width:min(100%,941px);height:148px;padding-bottom:14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 18px #00000008}.bottom-nav button{color:#7a93af;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.bottom-nav svg{stroke-width:1.8px;width:43px;height:43px}.bottom-nav .active{color:var(--theme-navigation-active,#d94e85)}.bottom-nav .active svg{fill:var(--theme-navigation-active,#d94e85);stroke:var(--theme-navigation-active,#d94e85)}@media (width<=700px){.hero{height:430px}.statusbar{padding-left:25px;padding-right:25px}.brand-lockup{top:75px;left:28px}.wordmark{font-size:63px}.tagline{margin-top:21px;font-size:12px}.hero-tools{gap:8px;top:68px;right:18px}.hero-tools button{height:45px;padding:0 12px;font-size:15px}.hero-tools button:not(:first-child){width:45px;padding:12px}.hero-tools svg{width:20px}.hero-copy{inset:135px 14px 0}.copy-left{font-size:19px;top:134px;left:5px}.copy-right{font-size:20px;top:175px;right:5px}.mascot{width:52%;height:340px;top:36px;left:28%}.bubble{padding:20px 18px;font-size:17px;top:12px;right:-10px}.date-card{border-radius:24px;min-height:110px;padding:20px 18px}.date-line{font-size:16px}.greeting{font-size:29px}.greeting span{font-size:26px}.outline-button{gap:5px;padding:11px 13px;font-size:15px}.outline-button svg{width:18px}.content{padding:0 14px 115px}.course-grid{gap:10px}.course-card{border-radius:22px;padding:16px 9px 10px}.course-card header{gap:7px;padding:0 2px}.course-icon{width:38px;height:38px}.course-icon svg{width:23px}.course-card h2{font-size:17px}.course-card p{font-size:11px}.course-actions{gap:5px;margin-top:12px}.course-actions button{border-radius:13px;height:78px}.course-actions strong{font-size:17px}.course-actions small{margin-top:7px;font-size:11px}.stats-card{border-radius:23px;padding:14px 10px 10px}.stats-heading{padding:0 3px 10px}.stats-heading h2{gap:6px;font-size:18px}.stats-heading svg{width:20px}.stats-heading button{font-size:14px}.stats-body{border-radius:17px;min-height:80px;padding:10px}.stat{gap:7px}.stat-icon{width:38px;height:38px}.stat-icon svg{width:22px}.stat span{font-size:14px}.stat strong{margin-top:2px;font-size:17px}.divider{height:45px}.record-button{gap:3px;height:55px;margin-top:10px;font-size:17px}.record-button svg{width:20px}.motivation{border-radius:24px;gap:8px;margin:15px 3px 0;padding:17px 13px;font-size:17px}.quote{font-size:50px}.motivation span{font-size:21px}.mini-mark{font-size:19px}.mini-mark small{font-size:5px}.bottom-nav{height:84px;padding-bottom:4px}.bottom-nav button{gap:4px;font-size:12px}.bottom-nav svg{width:28px;height:28px}}.hero-artwork{object-fit:cover;width:100%;height:545px;display:block}.hero-controls{pointer-events:none;position:absolute;inset:0}.hero-controls button{opacity:0;pointer-events:auto;cursor:pointer;background:0 0;border:0;position:absolute}.hero-controls button:first-child{width:185px;height:70px;top:70px;left:530px}.hero-controls button:nth-child(2){width:72px;height:70px;top:70px;left:735px}.hero-controls button:nth-child(3){width:72px;height:70px;top:70px;right:28px}:root{--ui01-hero-height:545px;--ui01-content-overlap:-30px;--ui01-outer-margin:35px;--ui01-section-gap:18px;--ui01-date-height:145px;--ui01-stats-bottom-padding:11px;--ui01-bottom-nav-height:194px;--ui01-safe-bottom:16px;--ui01-content-bottom-padding:calc(var(--ui01-bottom-nav-height) + var(--ui01-safe-bottom))}.hero,.hero-artwork{height:var(--ui01-hero-height)}.content{margin-top:var(--ui01-content-overlap);padding-left:var(--ui01-outer-margin);padding-right:var(--ui01-outer-margin);padding-bottom:var(--ui01-content-bottom-padding)}.date-card{height:var(--ui01-date-height);min-height:var(--ui01-date-height)}.course-grid{gap:var(--ui01-section-gap);margin-top:var(--ui01-section-gap)}.stats-card{margin-top:var(--ui01-section-gap);padding-bottom:var(--ui01-stats-bottom-padding)}.motivation{margin-top:25px}.bottom-nav{height:var(--ui01-bottom-nav-height)}.sunflo-toast{z-index:20;left:50%;bottom:calc(var(--ui01-bottom-nav-height) + 24px);color:#fff;background:#101a32;border-radius:28px;align-items:center;gap:18px;padding:13px 18px;font-size:16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px #0003}.sunflo-toast button{background:var(--theme-primary,#f078a6);color:#101a32;border:0;border-radius:16px;padding:6px 12px;font-weight:800}.route-shell{background:var(--theme-page-background,#fff5f8);min-height:100vh;color:var(--navy);padding:110px 35px 220px;position:relative}.route-shell-card{text-align:center;background:#fff;border-radius:32px;max-width:720px;margin:0 auto;padding:70px 42px;box-shadow:0 8px 24px #2a323d12}.route-shell-mark{color:var(--theme-navigation-active,#d94e85);font-family:cursive;font-size:38px;font-style:italic;font-weight:900}.route-shell h1{margin:20px 0 12px;font-size:46px}.route-shell p{color:#6f8dab;margin:0 auto 28px;font-size:22px}.route-shell-status{background:var(--theme-surface-secondary,#fff0f5);color:#9b7400;letter-spacing:.08em;border-radius:24px;padding:9px 16px;font-size:14px;font-weight:800;display:inline-block}.route-shell-nav{z-index:8;width:min(100%,941px);height:var(--ui01-bottom-nav-height);background:#fff;justify-content:space-around;align-items:center;padding-bottom:14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 18px #00000008}.route-shell-nav button{color:#7a93af;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.route-shell-nav button span:first-child{font-size:42px;line-height:1}.route-shell-nav button.active{color:var(--theme-navigation-active,#d94e85)}.records-view,.add-view,.detail-view{max-width:875px;margin:0 auto}.records-top,.detail-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.records-top h1,.detail-header h1{margin:10px 0 0;font-size:44px}.records-top p{color:#6f8dab;margin:0;font-size:20px}.route-icon-button,.route-back,.route-edit{background:var(--theme-primary,#f078a6);color:var(--navy);border:0;border-radius:28px;padding:12px 22px;font-size:24px;font-weight:800}.route-back{background:#fff;width:54px;height:54px;padding:0;font-size:42px;line-height:30px}.route-edit{background:#fff;border:1px solid #dce4ef;font-size:18px}.filter-pills{gap:12px;margin:20px 0;display:flex}.filter-pills button{color:#5f7594;background:#eef3f9;border:0;border-radius:28px;padding:13px 25px;font-size:18px}.filter-pills .active{background:var(--theme-primary,#f078a6);color:var(--navy);font-weight:800}.records-summary{color:#101a32;padding:10px 4px;font-size:20px;font-weight:800}.records-summary span{color:#6f8dab;font-weight:400}.records-list{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 8px 24px #2a323d0b}.record-row{text-align:left;width:100%;color:var(--navy);cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0f5;align-items:center;gap:18px;padding:20px 24px;display:flex}.record-course-icon{color:#1760c9;background:#dceeff;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;font-size:31px;display:grid}.record-course-icon.rose{color:#d3464d;background:#ffe0e2}.record-row-main{flex-direction:column;flex:1;gap:8px;display:flex}.record-row-main strong{font-size:22px}.record-row-main small{color:#168b39;font-size:16px}.record-row-price{text-align:right;font-size:22px;font-weight:800}.record-row-price small{color:#6f8dab;font-size:28px;display:block}.empty-records{text-align:center;color:#6f8dab;padding:80px 20px;font-size:22px}.data-form{background:#fff;border-radius:28px;flex-direction:column;gap:18px;max-width:760px;margin:0 auto;padding:30px;display:flex;box-shadow:0 8px 24px #2a323d0b}.data-form label{color:#5f7594;flex-direction:column;gap:8px;font-size:16px;font-weight:700;display:flex}.data-form input,.data-form select,.data-form textarea{color:var(--navy);font:inherit;background:#fff;border:1px solid #dce4ef;border-radius:16px;padding:15px 16px;font-size:18px}.data-form textarea{resize:vertical;min-height:110px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-save{background:var(--theme-primary,#f078a6);color:var(--navy);cursor:pointer;border:0;border-radius:36px;padding:17px;font-size:23px;font-weight:900}.detail-view{padding-bottom:220px}.detail-hero{background:#fff;border-radius:28px;align-items:center;gap:18px;padding:28px;display:flex;box-shadow:0 8px 24px #2a323d0b}.detail-hero h2{margin:0 0 8px;font-size:29px}.detail-hero p{color:#168b39;margin:0}.detail-hero>strong{margin-left:auto;font-size:30px}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.detail-grid>div,.detail-note{background:#fff;border-radius:20px;padding:22px;box-shadow:0 5px 16px #2a323d08}.detail-grid small{color:#6f8dab;margin-bottom:8px;font-size:16px;display:block}.detail-grid strong{font-size:22px}.detail-note{margin-top:14px}.detail-note p{color:#5f7594;background:#f5f8fc;border-radius:14px;min-height:45px;padding:16px}.detail-actions{justify-content:flex-end;gap:14px;margin-top:20px;display:flex}.detail-actions button{border-radius:30px;padding:15px 25px;font-size:18px;font-weight:800}.detail-delete{color:#c92c2c;background:#fff;border:1px solid #df6b6b}.detail-edit-primary{background:var(--theme-primary,#f078a6);color:var(--navy);border:0}.calendar-view{background:var(--theme-page-background,#fff5f8);width:100%}.calendar-hero{height:335px;position:relative;overflow:hidden}.calendar-hero img{object-fit:cover;width:100%;height:335px;display:block}.calendar-controls{gap:15px;display:flex;position:absolute;top:70px;right:35px}.calendar-controls button{color:var(--navy);background:#fff;border:0;border-radius:35px;padding:17px 25px;font-size:22px;font-weight:800}.calendar-panel{background:#fff;border-radius:35px 35px 0 0;margin-top:-1px;padding:28px 35px 220px}.calendar-toolbar{align-items:center;gap:20px;display:flex}.calendar-toolbar h1{text-align:center;min-width:260px;margin:0;font-size:32px}.calendar-toolbar>button{color:var(--navy);background:#fff;border:0;width:48px;font-size:46px}.calendar-mode{gap:10px;margin-left:auto;display:flex}.calendar-mode button{color:#617898;background:#fff;border:1px solid #e0e8f1;border-radius:25px;padding:12px 23px;font-size:18px}.calendar-mode .active{background:var(--theme-primary,#f078a6);color:var(--navy);border-color:var(--theme-primary-hover,#de5b8a)}.weekday-row,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:9px;display:grid}.weekday-row{text-align:center;color:#6f84a3;margin-top:28px;font-size:17px;font-weight:700}.calendar-grid{margin-top:10px}.calendar-day{min-height:76px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #edf0f5;border-radius:16px;font-size:22px;position:relative}.calendar-day.selected{background:#fff5c8;border:2px solid #f1bd00}.calendar-day.today b{color:#be8f00}.calendar-day.muted{background:#f6f8fb;border:0}.calendar-day em{color:#6f84a3;background:#eef2f7;border-radius:14px;padding:2px 7px;font-size:13px;font-style:normal;position:absolute;top:6px;right:8px}.dots{justify-content:center;gap:7px;display:flex;position:absolute;bottom:9px;left:0;right:0}.dots u{border-radius:50%;width:10px;height:10px;text-decoration:none;display:block}.dot-blue{background:#3475d9}.dot-rose{background:#ee5963}.calendar-day-detail{background:var(--theme-surface-secondary,#fff0f5);border-radius:22px;margin-top:18px;padding:22px}.calendar-day-detail header{color:var(--navy);justify-content:space-between;align-items:center;display:flex}.calendar-day-detail h2{margin:0;font-size:25px}.calendar-day-detail header strong{color:#607b9b;font-size:18px}.calendar-records{flex-direction:column;gap:9px;margin-top:12px;display:flex}.calendar-record{text-align:left;color:var(--navy);background:#fff;border:0;border-radius:17px;align-items:center;gap:15px;padding:12px 18px;display:flex}.calendar-record .record-course-icon{width:48px;height:48px;font-size:24px}.calendar-record span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.calendar-record small{color:#168b39}.calendar-empty{text-align:center;color:#6f84a3;padding:24px;line-height:1.8}.calendar-add{color:#607b9b;background:#fff;border:1px solid #d9e1ed;border-radius:28px;margin-top:14px;padding:13px 24px;font-size:18px}.route-shell{width:min(100%,941px);margin:0 auto}.bottom-nav,.route-shell-nav{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.content,.route-shell,.calendar-panel,.statistics-panel,.settings-panel{padding-bottom:calc(var(--ui01-content-bottom-padding) + env(safe-area-inset-bottom))}.settings-data-actions{flex-wrap:wrap;gap:12px;display:flex}.settings-data-actions button{background:var(--theme-button-primary-background,var(--theme-primary,#f078a6));color:var(--theme-button-primary-text,#101a32);cursor:pointer;border:0;border-radius:24px;padding:12px 18px;font-weight:800}.settings-view{background:var(--theme-page-background,var(--theme-page-background,#fff5f8));min-height:100vh}.settings-hero{background:#ffe46a;height:335px;position:relative;overflow:hidden}.settings-hero-artwork{object-fit:cover;object-position:center top;width:100%;height:335px}.settings-hero-copy{color:#101a32;position:absolute;bottom:40px;left:45px}.settings-hero-copy h1{margin:0 0 8px;font-size:52px}.settings-hero-copy p{color:#526d72;margin:0;font-size:23px;font-weight:700}.settings-panel{background:var(--theme-surface,#fff);border-radius:35px 35px 0 0;padding:24px 35px 230px}.settings-section{background:var(--theme-surface,#fff);border:1px solid var(--theme-border,#e1e8f1);border-radius:24px;margin-bottom:16px;padding:20px;box-shadow:0 5px 18px #2a323d08}.settings-section header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.settings-section h2{color:var(--theme-text-primary,#101a32);margin:0;font-size:27px}.settings-section p{color:var(--theme-text-secondary,#526d91);margin:5px 0 0;font-size:18px}.settings-icon{color:#101a32;background:#fff0a9;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.settings-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-hero-actions button,.settings-save-prices,.theme-smart button,.settings-actions button{background:var(--theme-button-primary-background,var(--theme-primary,#f078a6));color:var(--theme-button-primary-text,#101a32);cursor:pointer;border:0;border-radius:24px;padding:12px 18px;font-weight:800}.settings-hero-actions label{color:var(--theme-text-secondary,#526d91);font-weight:700}.settings-hero-actions select{border:1px solid var(--theme-border,#e1e8f1);border-radius:12px;margin-left:8px;padding:9px}.settings-note{color:var(--theme-muted-text,#7a93af);margin-top:12px;display:block}.settings-price-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.settings-price-row{background:var(--theme-surface-secondary,#fff0f5);color:var(--theme-text-primary,#101a32);border-radius:18px;flex-direction:column;gap:9px;padding:15px;font-weight:800;display:flex}.settings-price-row small{color:var(--theme-text-secondary,#526d91);margin-top:4px;font-weight:500;display:block}.settings-price-row input{border:1px solid var(--theme-border,#e1e8f1);width:100%;font:inherit;border-radius:10px;padding:9px}.settings-save-prices{margin-top:14px}.theme-presets{flex-wrap:wrap;gap:12px;display:flex}.theme-presets button,.language-switch button,.smart-suggestions button{border:1px solid var(--theme-border,#e1e8f1);color:var(--theme-text-secondary,#526d91);cursor:pointer;background:#f4f7fa;border-radius:22px;padding:12px 20px;font-size:17px;font-weight:800}.theme-presets button.active,.language-switch button.active{background:var(--theme-primary,var(--theme-primary,#f078a6));color:var(--theme-text-primary,#101a32);border-color:var(--theme-primary-hover,var(--theme-primary-hover,#de5b8a))}.theme-smart{margin-top:15px}.smart-suggestions{gap:8px;margin-top:10px;display:flex}.advanced-theme{border-top:1px solid var(--theme-divider,#edf0f5);margin-top:18px;padding-top:14px}.advanced-theme summary{cursor:pointer;color:var(--theme-text-primary,#101a32);font-weight:800}.token-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px;display:grid}.token-grid label{color:var(--theme-text-secondary,#526d91);align-items:center;gap:7px;font-size:13px;display:flex}.token-grid input{background:0 0;border:0;width:34px;height:27px;padding:0}.settings-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.settings-actions button{color:var(--theme-text-primary,#101a32);border:1px solid var(--theme-border,#e1e8f1);background:#eef3f9}.contrast-message{color:var(--theme-success,#168b39);margin-top:12px;font-weight:700}.language-switch{border:1px solid var(--theme-border,#e1e8f1);border-radius:30px;max-width:350px;padding:4px;display:flex}.language-switch button{background:0 0;border:0;flex:1}.settings-help button{text-align:left;width:100%;color:var(--theme-text-primary,#101a32);cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;display:flex}.settings-help button>span{font-size:36px}.settings-help button div{flex:1}.settings-help button h2{font-size:24px}.settings-help button b{font-size:40px}@media (width<=700px){.settings-hero,.settings-hero-artwork{height:300px}.settings-hero-copy{bottom:26px;left:22px}.settings-hero-copy h1{font-size:40px}.settings-hero-copy p{font-size:14px}.settings-panel{border-radius:25px 25px 0 0;padding:18px 14px 180px}.settings-section{border-radius:20px;padding:14px}.settings-section h2{font-size:19px}.settings-section p{font-size:12px}.settings-icon{width:43px;height:43px;font-size:20px}.settings-price-grid{grid-template-columns:repeat(2,1fr);gap:7px}.settings-price-row{padding:10px;font-size:13px}.settings-price-row input{font-size:14px}.theme-presets button,.language-switch button,.smart-suggestions button{padding:9px 11px;font-size:13px}.token-grid{grid-template-columns:repeat(2,1fr)}.settings-actions button{padding:9px 10px;font-size:12px}}:root{--theme-page-background:var(--theme-page-background,#fff5f8);--theme-surface:#fff;--theme-text-primary:#101a32;--theme-text-secondary:#526d91;--theme-muted-text:#7a93af;--theme-border:#e1e8f1;--theme-divider:#edf0f5;--theme-primary:var(--theme-primary,#f078a6);--theme-primary-hover:var(--theme-primary-hover,#de5b8a);--theme-button-primary-background:var(--theme-primary,#f078a6);--theme-button-primary-text:#101a32;--theme-success:#168b39}html[data-theme=dark] body{color:#eef4ff;background:#151b2b}html[data-theme=dark] .route-shell,html[data-theme=dark] .settings-panel,html[data-theme=dark] .settings-section{color:#eef4ff;background:#1e2740}html[data-theme=dark] .settings-price-row{color:#eef4ff;background:#293552}html[data-theme=dark] .route-shell-nav{background:#1e2740}html[data-theme=minimal] .settings-section{box-shadow:none;border-radius:12px}html[data-theme=minimal] .settings-panel{border-radius:0}@media (width<=700px){.route-shell{width:100%;max-width:100%;padding-left:14px;padding-right:14px;overflow-x:hidden}.route-shell-nav{width:100%;max-width:100%;font-size:12px}.records-view,.add-view,.detail-view{width:100%;max-width:100%}.filter-pills{flex-wrap:wrap;gap:7px}.filter-pills button{padding:9px 14px;font-size:14px}.records-top h1,.detail-header h1{font-size:28px}.records-top p{font-size:13px}.record-row{gap:9px;padding:14px 10px}.record-course-icon{width:44px;height:44px;font-size:22px}.record-row-main strong{font-size:14px}.record-row-main small{font-size:11px}.record-row-price{font-size:14px}.calendar-view{overflow:hidden}.calendar-panel{padding:18px 14px 220px;overflow:hidden}.calendar-toolbar{flex-wrap:wrap;gap:5px}.calendar-toolbar h1{flex:1;min-width:0;font-size:21px}.calendar-toolbar>button{width:32px;font-size:34px}.calendar-mode{justify-content:center;gap:5px;width:100%;margin-left:0}.calendar-mode button{padding:7px 12px;font-size:13px}.weekday-row,.calendar-grid{gap:4px}.weekday-row{font-size:11px}.calendar-day{border-radius:9px;min-height:54px;font-size:14px}.calendar-day em{padding:1px 4px;font-size:9px;top:3px;right:3px}.dots{gap:3px;bottom:4px}.dots u{width:6px;height:6px}.calendar-day-detail{padding:14px}.calendar-day-detail header{display:block}.calendar-day-detail header strong{margin-top:7px;font-size:13px;display:block}.calendar-record{gap:7px;padding:9px 8px}.calendar-record .record-course-icon{width:36px;height:36px;font-size:18px}.calendar-record b{font-size:12px}}.record-group{border-bottom:1px solid #edf0f5}.record-group>header{color:var(--navy);background:#fbfcfe;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 24px 10px;display:flex}.record-group>header span{color:#6f8dab;font-size:14px}.record-group .record-row{border-bottom:0}.record-row-main{min-width:0}.record-row-main strong,.record-row-main small{overflow-wrap:anywhere}@media (width<=480px){.course-grid{grid-template-columns:1fr;gap:12px}.course-card{min-width:0}.course-card p{white-space:normal}.course-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.course-actions button{min-width:0;padding:8px 4px}.record-group>header{padding:12px 12px 8px;display:block}.record-group>header span{margin-top:4px;display:block}.records-summary{font-size:15px}.records-summary span{margin-top:5px;display:block}.data-form,.settings-panel{min-width:0}.form-grid{grid-template-columns:1fr}}.statistics-custom{align-items:end;gap:12px;margin-top:14px;display:flex}.statistics-custom label{color:#607b9b;flex-direction:column;gap:5px;font-size:14px;font-weight:700;display:flex}.statistics-custom input{color:#101a32;font:inherit;border:1px solid #dce4ef;border-radius:12px;padding:10px 12px}.statistics-custom button{color:#101a32;background:#ffd338;border:0;border-radius:18px;padding:11px 20px;font-weight:800}.statistics-view{background:var(--theme-page-background,#fff5f8);width:100%;min-height:100vh}.statistics-hero{background:#ffe46a;height:335px;position:relative;overflow:hidden}.statistics-hero img{object-fit:cover;object-position:center top;opacity:.9;width:100%;height:335px;position:absolute;inset:0}.statistics-hero-copy{z-index:1;color:#101a32;position:absolute;top:44px;left:45px}.statistics-hero-copy .route-shell-mark{color:#fff;text-shadow:0 2px 3px #9e770566;font-size:54px}.statistics-hero-copy h1{margin:58px 0 8px;font-size:52px}.statistics-hero-copy p{color:#526e72;margin:0;font-size:23px;font-weight:700}.statistics-panel{background:#fff;border-radius:35px 35px 0 0;margin-top:-1px;padding:25px 35px 230px;position:relative}.statistics-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.statistics-filters button{color:#536b8e;background:#f2f5f9;border:0;border-radius:18px;padding:15px 27px;font-size:21px;font-weight:700}.statistics-filters button.active{color:#101a32;background:#ffd338}.statistics-range{color:#607b9b;margin-left:auto;font-size:19px;font-weight:700}.statistics-summary{background:var(--theme-surface-secondary,#fff0f5);color:#607b9b;border-radius:20px;gap:26px;margin:20px 0 15px;padding:16px 20px;font-size:18px;display:flex}.statistics-summary b{color:#101a32;font-size:21px}.statistics-course-card{background:#fbfdff;border:2px solid #e8f1fb;border-radius:25px;margin-top:18px;padding:20px}.statistics-course-card.pilates{background:#fffafb;border-color:#f7e4e6}.statistics-course-card header{align-items:center;gap:16px;display:flex}.statistics-course-icon{background:#e4f1ff;border-radius:50%;place-items:center;width:62px;height:62px;font-size:31px;display:grid}.pilates .statistics-course-icon{background:#ffe1e3}.statistics-course-card h2{margin:0 0 5px;font-size:27px}.statistics-course-card header p{color:#607b9b;margin:0;font-size:18px}.statistics-chevron{color:#101a32;margin-left:auto;font-size:46px}.statistics-mini-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:17px;display:grid}.statistics-mini-card{color:#607b9b;background:#eef6ff;border-radius:17px;flex-direction:column;gap:8px;padding:14px 17px;font-size:17px;display:flex}.pilates .statistics-mini-card{background:#fff0f1}.statistics-mini-card strong{color:#101a32;font-size:23px}.statistics-mini-card span{justify-content:space-between;display:flex}.statistics-mini-card b{color:#101a32}.statistics-mini-card.total strong,.statistics-mini-card.total b{color:#1760c9}.pilates .statistics-mini-card.total strong,.pilates .statistics-mini-card.total b{color:#d3464d}.statistics-chart-toggle{justify-content:flex-end;gap:8px;margin:18px 0 8px;display:flex}.statistics-chart-toggle button{color:#607b9b;background:#f3f6fa;border:0;border-radius:22px;padding:9px 20px;font-size:17px}.statistics-chart-toggle button.active{color:#fff;background:#2d78e6}.pilates .statistics-chart-toggle button.active{background:#e33c45}.statistics-chart{border-top:1px dashed #dce8f5;align-items:flex-end;gap:7px;height:125px;padding:14px 8px 0;display:flex;overflow:hidden}.statistics-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:16px;height:100%;display:flex}.statistics-bar{opacity:.85;border-radius:5px 5px 0 0;width:100%;min-height:6px;display:block}.statistics-bar-wrap small{color:#7085a4;min-height:13px;font-size:11px}.statistics-empty-chart{text-align:center;color:#8093aa;padding:34px}.statistics-actions{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;display:grid}.statistics-actions button{color:#101a32;background:#fff;border:1px solid #e1e8f1;border-radius:19px;padding:15px 8px;font-size:20px;font-weight:800;line-height:1.45}.statistics-actions small{color:#607b9b;font-size:15px;font-weight:500}@media (width<=700px){.statistics-hero,.statistics-hero img{height:300px}.statistics-hero-copy{top:35px;left:22px}.statistics-hero-copy .route-shell-mark{font-size:38px}.statistics-hero-copy h1{margin-top:70px;font-size:40px}.statistics-hero-copy p{font-size:14px}.statistics-panel{border-radius:25px 25px 0 0;padding:18px 14px 180px}.statistics-filters{gap:6px}.statistics-filters button{padding:10px 12px;font-size:14px}.statistics-range{width:100%;margin:0;font-size:13px}.statistics-summary{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px;font-size:12px}.statistics-summary b{font-size:14px}.statistics-course-card{margin-top:12px;padding:13px}.statistics-course-icon{width:43px;height:43px;font-size:22px}.statistics-course-card h2{font-size:18px}.statistics-course-card header p{font-size:12px}.statistics-chevron{font-size:32px}.statistics-mini-grid{gap:5px}.statistics-mini-card{gap:5px;padding:9px 7px;font-size:11px}.statistics-mini-card strong{font-size:14px}.statistics-chart-toggle{margin:11px 0 3px}.statistics-chart-toggle button{padding:6px 11px;font-size:12px}.statistics-chart{gap:3px;height:90px}.statistics-bar-wrap{min-width:7px}.statistics-bar-wrap small{font-size:8px}.statistics-actions{gap:6px}.statistics-actions button{padding:9px 3px;font-size:13px}.statistics-actions small{font-size:9px}}.hero{aspect-ratio:1644/957;height:auto;min-height:0}.hero-artwork{object-position:center;background:var(--theme-primary,#f078a6);width:100%;height:100%;object-fit:contain!important}.nav-icon{flex:none;width:43px;height:43px;display:block;overflow:visible;transform:none!important}.bottom-nav button,.route-shell-nav button{transform:none!important}.route-shell-nav .nav-icon{width:43px;height:43px}.calendar-mode{flex-wrap:wrap}.calendar-list-view{flex-direction:column;gap:10px;margin-top:22px;display:flex}.calendar-period-note{text-align:center;color:#6f84a3;margin:16px 0 0;font-weight:700}@media (width<=700px){.hero{aspect-ratio:1644/957;height:auto}.hero-artwork{height:100%}.route-shell-nav .nav-icon{width:28px;height:28px}.calendar-toolbar{flex-wrap:wrap;gap:6px}.calendar-toolbar h1{flex:1;min-width:0;font-size:22px}.calendar-toolbar>button{width:34px;font-size:34px}.calendar-mode{justify-content:center;width:100%;margin-left:0}.calendar-mode button{padding:8px 14px;font-size:14px}.calendar-panel{padding-left:14px;padding-right:14px}.calendar-day{min-height:58px;font-size:16px}.weekday-row{gap:4px;font-size:12px}.calendar-grid{gap:4px}.calendar-day em{padding:1px 4px;font-size:10px;top:3px;right:3px}.calendar-list-view .calendar-record{gap:8px;padding:10px 12px}.calendar-list-view .calendar-record .record-course-icon{width:36px;height:36px;font-size:18px}}.shared-hero{aspect-ratio:1644/957;background:var(--theme-primary,#f078a6);width:calc(100% + 70px);margin:-110px -35px 0;position:relative;overflow:hidden}.shared-hero-artwork{object-position:center;background:var(--theme-primary,#f078a6);width:100%;height:100%;display:block;object-fit:contain!important}@media (width<=700px){.shared-hero{aspect-ratio:1644/957;width:calc(100% + 28px);margin:-110px -14px 0}.shared-hero-artwork{height:100%}}:root{--font-brand:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--font-heading:var(--font-brand);--font-body:var(--font-brand);--font-number:var(--font-brand);--font-ui:var(--font-brand);--color-primary:var(--theme-primary,#f078a6);--color-primary-hover:var(--theme-primary-hover,#de5b8a);--color-primary-active:var(--theme-accent,#d94e85);--color-accent:var(--theme-accent,#d94e85);--color-background:var(--theme-page-background,#fff5f8);--color-surface:var(--theme-surface,#fff);--color-surface-secondary:var(--theme-surface-secondary,#fff0f5);--color-text-primary:var(--theme-text-primary,#382832);--color-text-secondary:var(--theme-text-secondary,#765c6b);--color-text-muted:var(--theme-muted-text,#9a8490);--color-border:var(--theme-border,#f1d5e0);--color-divider:var(--theme-divider,#f8e6ed);--color-nav-background:var(--theme-navigation-background,#fff);--color-nav-active:var(--theme-navigation-active,#d94e85);--color-nav-inactive:var(--theme-navigation-inactive,#998591);--color-lingoace:var(--theme-lingo-primary,#4d7ba8);--color-lingoace-surface:var(--theme-lingo-surface,#ecf4fa);--color-pilates:var(--theme-pilates-primary,#c94d7c);--color-pilates-surface:var(--theme-pilates-surface,#fceaf1)}html,body,button,input,select,textarea{font-family:var(--font-body)}h1,h2,h3,.route-shell-mark,.wordmark,.mini-mark{font-family:var(--font-heading)}.app-shell,.route-shell,.statistics-view,body{background:var(--color-background);color:var(--color-text-primary)}.date-card,.course-card,.records-list,.record-row,.detail-hero,.detail-grid>div,.detail-note,.route-shell-card,.settings-section,.settings-panel,.statistics-course-card,.data-form,.calendar-day-detail,.bottom-nav,.route-shell-nav{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.stats-card,.motivation,.settings-note,.statistics-summary{background-color:var(--color-surface-secondary);color:var(--color-text-secondary)}.course-card.blue .course-icon,.course-card.blue .course-actions button,.record-course-icon.blue,.statistics-course-card.lingo .statistics-mini-card{background-color:var(--color-lingoace-surface);color:var(--color-lingoace)}.course-card.rose .course-icon,.course-card.rose .course-actions button,.record-course-icon.rose,.statistics-course-card.pilates .statistics-mini-card{background-color:var(--color-pilates-surface);color:var(--color-pilates)}.bottom-nav,.route-shell-nav{background:var(--color-nav-background)}.bottom-nav button,.route-shell-nav button{color:var(--color-nav-inactive)}.bottom-nav button.active,.route-shell-nav button.active{color:var(--color-nav-active)}.record-button,.form-save,.route-icon-button,.filter-pills button.active,.settings-save-prices{background:var(--color-primary);color:var(--theme-button-primary-text,#382832)}.outline-button,.route-edit,.route-back,.data-form input,.data-form select,.data-form textarea,.statistics-custom input{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.divider{background:var(--color-divider)}.sunflo-toast{font-family:var(--font-ui)}.sunflo-dark{filter:none}.data-audit-result{color:var(--color-text-secondary);overflow-wrap:anywhere;margin:12px 0 0;line-height:1.5}.main-image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:18px 0 26px;display:grid}.main-image-choice{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:16px;gap:8px;min-width:0;padding:8px;display:grid;position:relative}.main-image-choice img{aspect-ratio:16/10;object-fit:cover;background:var(--color-surface-secondary);border-radius:10px;width:100%}.main-image-choice span{font-size:var(--font-size-caption);overflow-wrap:anywhere}.main-image-choice small{background:var(--color-primary);color:var(--color-text-primary);border-radius:999px;padding:4px 8px;font-weight:700;position:absolute;top:12px;left:12px}.main-image-choice.selected{outline:3px solid var(--color-primary);outline-offset:1px}.gallery-selection{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;margin:18px 0 12px;padding:12px}.gallery-selection img{object-fit:contain;background:var(--color-surface-secondary);border-radius:12px;width:100%;max-height:55vh;display:block}.gallery-apply{background:var(--color-primary);color:var(--color-text-primary);cursor:pointer;border:0;border-radius:14px;padding:12px 18px;font-weight:800}.gallery-apply:disabled{opacity:.45;cursor:not-allowed}.account-management{overflow-wrap:anywhere;color:var(--color-text-secondary);gap:10px;display:grid}.account-management strong{color:var(--color-text-primary)}.account-management button{justify-self:start}.account-management [data-account-error]:empty{display:none}#sunflo-auth-root:has(.sunflo-auth-session){display:none!important}@media (width<=480px){.main-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.main-image-choice{padding:6px}.gallery-selection{padding:8px}}:root{--font-size-brand:clamp(1.5rem,2.8vw,2rem);--font-size-page-title:clamp(1.5rem,3vw,2rem);--font-size-section-title:1.3rem;--font-size-card-title:1.1rem;--font-size-body:1rem;--font-size-caption:.82rem;--font-size-button:.92rem;--font-size-nav:.75rem;--font-size-number-large:1.75rem;--font-size-number-medium:1.25rem;--line-height-heading:1.2;--line-height-body:1.5;--weight-heading:800;--weight-body:400;--letter-spacing-ui:0;--font-stack-brand:var(--font-brand);--font-stack-heading:var(--font-heading);--font-stack-body:var(--font-body);--font-stack-number:var(--font-number);--font-stack-ui:var(--font-ui)}.route-shell-mark,.mini-mark{line-height:var(--line-height-heading);font-family:var(--font-stack-brand);font-size:var(--font-size-brand)!important}.records-top h1,.detail-header h1,.calendar-toolbar h1,.statistics-hero-copy h1,.secondary-page h1,.route-shell-card h1{line-height:var(--line-height-heading);font-weight:var(--weight-heading);font-size:var(--font-size-page-title)!important}.stats-heading h2,.settings-section h2,.calendar-day-detail h2,.statistics-course-card h2,.detail-hero h2{line-height:var(--line-height-heading);font-size:var(--font-size-section-title)!important}.course-card h2,.record-row-main strong,.settings-price-row,.secondary-page h2{line-height:var(--line-height-heading);font-size:var(--font-size-card-title)!important}.records-top p,.settings-section p,.settings-note,.statistics-course-card header p,.record-row-main small,.detail-grid small,.calendar-period-note,.secondary-page p,.gallery-image-card small,.font-library-row span,.font-library-status{line-height:var(--line-height-body);font-size:var(--font-size-caption)!important}.bottom-nav button,.route-shell-nav button,.settings-section button,.theme-presets button,.kiki-theme-presets button,.theme-gallery-grid button,.gallery-restore,.font-library-row{font-size:var(--font-size-button)!important}.bottom-nav button span,.route-shell-nav button span{font-size:var(--font-size-nav)!important}.stat strong,.statistics-mini-card strong,.record-row-price,.detail-hero>strong{font-family:var(--font-stack-number);font-weight:var(--weight-heading);font-size:var(--font-size-number-large)!important}.stats-heading button,.date-card button,.course-actions button,.outline-button,.record-button,.form-save{line-height:var(--line-height-body);font-size:var(--font-size-button)!important}.theme-presets[hidden],.theme-smart[hidden]{display:none!important}.settings-current-image{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface-secondary);border-radius:18px;width:min(100%,340px);margin:0 0 14px;display:block}.settings-secondary-link,.theme-analyze,.gallery-restore{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:16px;margin:6px 8px 6px 0;padding:10px 14px;font-weight:700}.kiki-theme-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.kiki-theme-presets button{border:1px solid var(--color-border);background:var(--color-surface-secondary);min-height:58px;color:var(--color-text-primary);cursor:pointer;border-radius:16px;font-weight:750}.kiki-theme-presets button.active,.theme-gallery-choice.active{outline:2px solid var(--color-primary);outline-offset:1px}.theme-analyze{background:var(--color-primary);border-color:#0000}.theme-preview-note{color:var(--color-text-secondary);margin:0 0 8px}.secondary-page{max-width:900px;color:var(--color-text-primary);margin:0 auto;padding:24px clamp(16px,4vw,32px) 170px}.secondary-page header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.secondary-back{background:var(--color-surface-secondary);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;border:0;border-radius:50%;font-size:28px}.gallery-image-card,.font-library-row{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;align-items:center;gap:16px;margin:12px 0;padding:14px;display:flex}.gallery-image-card img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;flex:0 220px;width:min(44vw,220px)!important;max-width:220px!important;height:auto!important;display:block!important}.gallery-image-card div{flex:1;gap:5px;display:grid}.gallery-image-card span{color:var(--color-primary);font-weight:800}.theme-gallery-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:20px;display:grid}.theme-gallery-choice{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:18px;gap:10px;padding:12px;display:grid}.theme-gallery-choice i{background:linear-gradient(135deg,#f078a6 0 50%,#fff0f5 50%);border-radius:12px;height:56px}.theme-gallery-choice[data-theme-choice=spring] i{background:linear-gradient(135deg,#e9a4bd 0 50%,#fff0f6 50%)}.theme-gallery-choice[data-theme-choice=summer] i{background:linear-gradient(135deg,#f3a2b7 0 50%,#fff0ec 50%)}.theme-gallery-choice[data-theme-choice=autumn] i{background:linear-gradient(135deg,#d99486 0 50%,#f7ece4 50%)}.theme-gallery-choice[data-theme-choice=winter] i{background:linear-gradient(135deg,#b6c8e8 0 50%,#edf2fa 50%)}.font-library-status{background:var(--color-surface-secondary);border-radius:12px;padding:12px}.theme-recommendation{border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-primary);border-radius:16px;margin:12px 0;padding:14px}.theme-recommendation-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.theme-recommendation-actions button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;border-radius:12px;padding:9px 12px;font-weight:700}.sunflo-date-dialog{z-index:1000;background:#101a3266;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sunflo-date-dialog-card{border:1px solid var(--color-border);background:var(--color-surface);width:min(100%,360px);color:var(--color-text-primary);border-radius:22px;padding:22px;box-shadow:0 18px 50px #101a3233}.sunflo-date-dialog-card h2{margin:0 0 16px;font-size:1.25rem}.sunflo-date-dialog-card input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text-primary);font:inherit;border-radius:12px;padding:10px 12px;display:block}.sunflo-date-dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.sunflo-date-dialog-actions button{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text-primary);border-radius:12px;padding:9px 16px;font-weight:700}.sunflo-date-dialog-actions [data-date-confirm]{background:var(--color-primary);color:var(--theme-button-primary-text,#382832);border-color:#0000}.font-catalog{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.font-catalog-row{align-content:center;gap:5px;min-height:72px;margin:0;display:grid}.font-catalog-row span{color:var(--color-text-secondary);font-size:.76rem}.font-library-current{margin-bottom:16px}@media (width<=700px){:root{--font-size-brand:1.45rem;--font-size-page-title:1.55rem;--font-size-section-title:1.12rem;--font-size-card-title:1rem;--font-size-body:.94rem;--font-size-caption:.76rem;--font-size-button:.84rem;--font-size-nav:.68rem;--font-size-number-large:1.45rem;--font-size-number-medium:1.1rem;--line-height-body:1.45}.kiki-theme-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-image-card{flex-wrap:wrap;align-items:center}.gallery-image-card img{width:min(44vw,220px)!important;max-width:220px!important}.secondary-page{padding:18px 14px 150px}}