.app-shell{min-height:100vh;background:radial-gradient(circle at top left,var(--color-bg-accent-soft),transparent 24%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--color-brand-gold) 15%,transparent),transparent 26%),linear-gradient(180deg,color-mix(in srgb,var(--color-bg-surface) 74%,transparent),var(--color-bg-canvas));display:grid;grid-template-columns:280px minmax(0,1fr)}.app-shell--auth{display:block}.app-shell__sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--color-bg-surface) 84%,transparent);border-right:1px solid var(--color-border-soft);display:flex;flex-direction:column;gap:var(--space-8);min-height:100vh;padding:var(--space-8);position:sticky;top:0}.app-shell__content{display:flex;flex-direction:column;min-width:0}.app-shell__header,.app-shell__main{margin:0 auto;width:min(calc(100% - var(--space-8) * 2),var(--layout-max-width))}.app-shell__header{align-items:flex-end;display:flex;gap:var(--space-6);justify-content:space-between;padding:var(--space-8) 0 var(--space-6)}.app-shell__header-eyebrow,.app-sidebar__label,.card-eyebrow,.page-heading__eyebrow,.plan-badge,.app-field__label{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.08em;margin:0;text-transform:uppercase}.app-shell__header-title,.page-heading__title,.hero-card__title,.plan-card__price,.app-shell__brand,.app-sidebar__account-name{margin:0}.app-shell__header-title{font-size:clamp(28px,3vw,36px);line-height:var(--line-height-tight);max-width:720px}.app-shell__header-actions,.app-sidebar__nav,.app-shell__nav,.inline-form,.payment-form__actions,.split-line,.plan-card__header,.login-hero__stats,.login-panel__list{align-items:center;display:flex;gap:var(--space-4)}.app-shell__header-actions,.app-sidebar__nav{flex-wrap:wrap}.app-sidebar__brand-block,.app-sidebar__section,.app-sidebar__account,.page-heading,.action-list,.app-form,.payment-form,.detail-list,.simple-list,.login-panel,.login-panel__body,.login-hero,.login-hero__body,.login-card{display:flex;flex-direction:column;gap:var(--space-4)}.app-sidebar__account{border-top:1px solid var(--color-border-soft);margin-top:auto;padding-top:var(--space-6)}.app-shell__brand{font-size:var(--font-size-xl);font-weight:700}.app-shell__tagline,.page-heading__subtitle,.card-body,.plan-card__header p,.detail-list dt,.app-sidebar__account-meta,.login-panel__point,.login-hero__body p{color:var(--color-text-secondary)}.app-sidebar__account-name{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}.app-nav-link,.app-button{border-radius:999px;transition:.18s ease}.app-nav-link{align-items:center;border:1px solid transparent;color:var(--color-text-secondary);display:inline-flex;justify-content:flex-start;line-height:1.2;min-height:44px;padding:0 14px;text-decoration:none}.app-nav-link--active,.app-nav-link:hover{background:color-mix(in srgb,var(--color-bg-surface) 72%,transparent);border-color:var(--color-border-soft);color:var(--color-text-primary)}.app-nav-link--accent{background:color-mix(in srgb,var(--color-brand-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-brand-primary) 22%,transparent);color:var(--color-brand-primary);justify-content:center}.link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--color-brand-primary);cursor:pointer;font:inherit;padding:0}.link-button:hover{text-decoration:underline}.app-shell__main{padding-bottom:var(--space-16)}.app-shell__main--auth{padding-bottom:0;width:100%}.page{display:flex;flex-direction:column;gap:var(--space-8)}.page--centered{justify-content:center;min-height:100vh}.page--content{padding-top:var(--space-2)}.app-card{background:color-mix(in srgb,var(--color-bg-surface) 90%,transparent);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.app-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;cursor:pointer;display:inline-flex;justify-content:center;line-height:1.2;min-height:48px;padding:0 var(--space-5)}.app-button:disabled{cursor:not-allowed;opacity:.55}.app-button--primary{background:var(--color-brand-primary);color:#fff}.app-button--secondary{background:color-mix(in srgb,var(--color-brand-gold) 12%,transparent);border-color:color-mix(in srgb,var(--color-brand-gold) 32%,transparent);color:var(--color-text-primary)}.app-button--ghost{background:transparent;border-color:var(--color-border-soft);color:var(--color-text-secondary)}.app-field{display:flex;flex-direction:column;gap:var(--space-2)}.app-input{background:color-mix(in srgb,white 70%,transparent);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);min-height:52px;padding:0 var(--space-4);width:100%}.app-input:focus,.app-button:focus-visible,.cycle-switcher__item:focus-visible,.app-nav-link:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-loading{animation:pulse 1.2s infinite;background:linear-gradient(90deg,#b08a452e,#b08a4514,#b08a452e);background-size:200% 100%;border-radius:var(--radius-md);min-height:120px}.page-heading{gap:var(--space-2)}.page-heading__title{font-size:clamp(32px,4vw,var(--font-size-2xl));line-height:var(--line-height-tight)}.hero-grid,.content-grid,.plan-grid{display:grid;gap:var(--space-6)}.hero-grid{grid-template-columns:1.6fr minmax(280px,.95fr)}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid--stacked{grid-template-columns:1fr}.hero-card__quote{font-size:clamp(26px,4vw,38px);line-height:1.35;margin:var(--space-4) 0 0}.detail-list div{display:flex;gap:var(--space-4);justify-content:space-between}.detail-list dd{margin:0}.simple-list{list-style:none;margin:0;padding:0}.simple-list li{border-bottom:1px solid var(--color-border-soft);padding-bottom:var(--space-3)}.simple-list li:last-child{border-bottom:0;padding-bottom:0}.login-layout{align-items:center;display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1.15fr) minmax(440px,520px);margin:0 auto;min-height:100vh;padding:var(--space-10);width:min(calc(100% - var(--space-8) * 2),1280px)}.login-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-surface) 82%,transparent),color-mix(in srgb,var(--color-bg-surface-strong) 40%,transparent));border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);min-height:680px;justify-content:space-between;padding:var(--space-10)}.login-hero__stats{align-items:stretch;display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.login-hero__stat{background:color-mix(in srgb,white 52%,transparent);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);min-height:132px;padding:var(--space-5)}.login-hero__stat strong{font-size:clamp(24px,3vw,30px);line-height:var(--line-height-tight)}.login-panel{background:color-mix(in srgb,var(--color-bg-surface) 92%,transparent);gap:var(--space-6);width:min(100%,520px)}.login-panel__list{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.login-panel__point{display:grid;gap:var(--space-2);grid-template-columns:18px 1fr}.login-panel__point:before{color:var(--color-brand-primary);content:"•";font-size:22px;line-height:1}.login-card{gap:var(--space-5)}.login-card .app-button{min-height:56px}.inline-form,.payment-form__actions,.split-line,.plan-card__header{justify-content:space-between}.inline-form .app-input{flex:1}.inline-form .app-button{flex:0 0 auto;white-space:nowrap}.login-divider{color:var(--color-text-muted);display:flex;justify-content:center;position:relative}.login-divider span{background:var(--color-bg-surface);padding:0 var(--space-3);position:relative}.login-divider:before{background:var(--color-border-soft);content:"";height:1px;inset:50% 0 auto;position:absolute}.google-login-slot{display:flex;justify-content:center;min-height:44px}.feedback{margin:0}.feedback--success{color:var(--color-state-success)}.feedback--error{color:var(--color-state-warning)}.membership-hero{display:flex;flex-direction:column;gap:var(--space-2);max-width:760px}.membership-hero--desktop,.membership-grid{display:grid;gap:var(--space-6)}.membership-hero--desktop{align-items:stretch;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);max-width:none}.membership-hero__content,.membership-highlight-card,.membership-payment-card,.membership-comparison-card,.membership-faq-card{display:flex;flex-direction:column;gap:var(--space-4)}.membership-highlight-card__title{font-size:clamp(24px,3vw,30px);line-height:var(--line-height-tight);margin:0}.membership-highlight-card__meta{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.cycle-switcher{background:#ffffff85;border:1px solid var(--color-border-soft);border-radius:999px;display:inline-flex;gap:var(--space-2);padding:var(--space-2);width:fit-content}.cycle-switcher__item{background:transparent;border:0;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;min-height:40px;padding:0 var(--space-4)}.cycle-switcher__item--active{background:var(--color-brand-primary);color:#fff}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{display:flex;flex-direction:column;gap:var(--space-4);min-height:100%}.plan-card .simple-list{flex:1}.plan-card--free{background:color-mix(in srgb,var(--color-bg-surface) 90%,transparent)}.plan-card--premium{border-color:#b08a4561}.plan-card--pro{background:linear-gradient(180deg,#fff9f0fa,#f0e4d1b3);border-color:#7d5b2a6b}.plan-badge{background:#b08a451f;border-radius:999px;color:var(--color-brand-gold);padding:8px 12px}.plan-card__price{font-size:34px;font-weight:700}.membership-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr)}.membership-comparison-table{display:grid;gap:var(--space-3)}.membership-comparison-row{align-items:center;border-bottom:1px solid var(--color-border-soft);display:grid;gap:var(--space-3);grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(0,1fr));padding-bottom:var(--space-3)}.membership-comparison-row:last-child{border-bottom:0;padding-bottom:0}.settings-layout,.settings-section-grid{display:grid;gap:var(--space-6)}.settings-layout{grid-template-columns:1fr}.settings-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card,.settings-tool-grid{display:flex;flex-direction:column;gap:var(--space-4)}.settings-card__header{display:flex;justify-content:space-between}.settings-card__title{font-size:clamp(22px,3vw,26px);line-height:var(--line-height-tight);margin:var(--space-2) 0 0}.settings-tool-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.split-line{color:var(--color-text-secondary)}@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{border-bottom:1px solid var(--color-border-soft);border-right:0;min-height:auto;position:static}.login-layout{grid-template-columns:1fr}.login-hero{min-height:0}.membership-hero--desktop,.membership-grid,.settings-section-grid,.settings-tool-grid{grid-template-columns:1fr}}@media(max-width:900px){.hero-grid,.content-grid,.plan-grid,.login-hero__stats{grid-template-columns:1fr}.app-shell__header{align-items:flex-start;flex-direction:column}.inline-form{align-items:stretch;flex-direction:column}.membership-highlight-card__meta,.membership-comparison-row{align-items:flex-start;grid-template-columns:1fr}}@keyframes pulse{0%{background-position:100% 50%}to{background-position:0 50%}}:root{--color-bg-canvas: #f6f1e7;--color-bg-surface: #fff9f0;--color-bg-surface-strong: #f0e4d1;--color-bg-accent-soft: rgba(182, 67, 42, .1);--color-text-primary: #2b2621;--color-text-secondary: #6b6257;--color-text-muted: #8f8477;--color-brand-primary: #b6432a;--color-brand-primary-strong: #8e3321;--color-brand-gold: #b08a45;--color-brand-gold-soft: #d7c29a;--color-state-success: #4f7a65;--color-state-warning: #9c5a3c;--color-border-soft: rgba(43, 38, 33, .12);--color-border-strong: rgba(43, 38, 33, .2);--color-shadow-soft: rgba(74, 53, 28, .08);--color-plan-free: #c1b49c;--color-plan-premium: #b08a45;--color-plan-pro: #7d5b2a;--shadow-card: 0 12px 30px var(--color-shadow-soft);--shadow-focus: 0 0 0 3px rgba(182, 67, 42, .18);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 32px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 40px;--line-height-tight: 1.2;--line-height-base: 1.5;--layout-max-width: 1180px;--layout-content-width: 960px}:root[data-theme=ink]{--color-bg-canvas: #f4f3ef;--color-bg-surface: #fcfaf6;--color-bg-surface-strong: #e5e9ea;--color-bg-accent-soft: rgba(92, 110, 121, .12);--color-text-primary: #232a31;--color-text-secondary: #66717a;--color-text-muted: #7d868d;--color-brand-primary: #5c6e79;--color-brand-primary-strong: #3f4d57;--color-brand-gold: #c7b37a;--color-brand-gold-soft: #e3d6b5;--color-state-success: #6f8673;--color-state-warning: #8a6f61;--color-shadow-soft: rgba(63, 77, 87, .1)}:root[data-theme=pine]{--color-bg-canvas: #f2efe8;--color-bg-surface: #fdfbf8;--color-bg-surface-strong: #e5ddd1;--color-bg-accent-soft: rgba(31, 90, 94, .12);--color-text-primary: #1f2a2c;--color-text-secondary: #667172;--color-text-muted: #7a8384;--color-brand-primary: #1f5a5e;--color-brand-primary-strong: #163f42;--color-brand-gold: #a8794e;--color-brand-gold-soft: #d8c0aa;--color-state-success: #4d7a63;--color-state-warning: #b35c3f;--color-shadow-soft: rgba(31, 90, 94, .1)}:root[data-theme=temple]{--color-bg-canvas: #efe1cb;--color-bg-surface: #fff5e8;--color-bg-surface-strong: #e4c48e;--color-bg-accent-soft: rgba(145, 88, 39, .22);--color-text-primary: #2c1b10;--color-text-secondary: #6a4d36;--color-text-muted: #8e6d52;--color-brand-primary: #9a5b2d;--color-brand-primary-strong: #6f3f1d;--color-brand-gold: #d2a44c;--color-brand-gold-soft: #f0ddac;--color-state-success: #5e6e42;--color-state-warning: #a2472d;--color-border-soft: rgba(78, 45, 20, .14);--color-border-strong: rgba(78, 45, 20, .24);--color-shadow-soft: rgba(111, 63, 29, .14)}:root[data-theme=midnight]{--color-bg-canvas: #10151d;--color-bg-surface: #1b2430;--color-bg-surface-strong: #283446;--color-bg-accent-soft: rgba(82, 102, 128, .34);--color-text-primary: #eef2f6;--color-text-secondary: #b8c3cf;--color-text-muted: #8f9cab;--color-brand-primary: #6e8aa6;--color-brand-primary-strong: #9bb3c9;--color-brand-gold: #d0a86a;--color-brand-gold-soft: #756149;--color-state-success: #7ea38d;--color-state-warning: #d07a65;--color-border-soft: rgba(238, 242, 246, .14);--color-border-strong: rgba(238, 242, 246, .22);--color-shadow-soft: rgba(0, 0, 0, .38)}:root{color-scheme:light;font-family:"Noto Serif SC","Source Han Serif SC",PingFang SC,Hiragino Sans GB,serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--color-bg-canvas);color:var(--color-text-primary)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}