:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#24342f;background:#f8f5ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(47,93,80,.12),transparent 250px),#f8f5ef}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.app-main{width:min(100%,760px);margin:0 auto;padding:18px 14px 96px}.topbar{display:block;padding:calc(env(safe-area-inset-top) + 6px) 2px 12px}.topbar-brand{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-height:66px}.topbar h1,.hero-panel h2,.section-intro h2,.course-title h2{margin:0;letter-spacing:0}.topbar h1{color:#20312c;font-size:27px;line-height:1.15}.topbar-brand p{margin:5px 0 0;color:#6b756f;font-size:13px;font-weight:800;line-height:1.45}.topbar-logo{display:block;width:54px;height:54px;border:1px solid #e0c98f;border-radius:12px;background:#fffdf8;object-fit:contain;box-shadow:0 8px 18px #24342f1f}.sync-status-bar{display:grid;min-height:38px;align-items:center;margin:-2px 0 12px;padding:8px 11px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:#43524d;font-size:13px;font-weight:850;line-height:1.45}.sync-status-bar.saving{border-color:#d2b98f;background:#fff4d8;color:#7b4d22}.sync-status-bar.synced{border-color:#c9d6d0;background:#eef4ec;color:#2f5d50}.sync-status-bar.local-only,.sync-status-bar.failed{border-color:#e6c7b6;background:#fff0ed;color:#9a3c28}.eyebrow{margin:0 0 5px;color:#7b5f41;font-size:12px;font-weight:800}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#2f5d50;color:#f7efe0;box-shadow:0 10px 24px #24342f2e}.selected-logo-mark{overflow:hidden;background:#fffdf8;border:1px solid #e0c98f}.selected-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.screen{display:grid;gap:16px}.hero-panel,.course-detail,.visual-card,.sales-card,.recipe-card,.form-card,.selling-card{border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.hero-panel{padding:18px;background:linear-gradient(135deg,rgba(217,184,111,.18),transparent 55%),#2f5d50;color:#fffaf0;border-color:transparent}.hero-panel .eyebrow{color:#f0d38b}.hero-panel p,.section-intro p,.course-title p,.sales-card p,.recipe-card p{margin:8px 0 0;line-height:1.7}.hero-panel p{color:#fffaf0db}.section-intro{padding:2px}.section-intro h2{font-size:23px}.section-intro p,.course-title p,.sales-card p,.recipe-card p{color:#5e6a65}.course-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0}.course-tabs button{width:100%;min-height:44px;padding:0 12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:#43524d;font-weight:800;text-align:left}.course-tabs button.active{border-color:#2f5d50;background:#e8f0e7;color:#2f5d50}.course-detail{display:grid;gap:18px;padding:16px}.course-title h2{font-size:22px}.current-recipe-card,.recipe-warning-card{display:grid;gap:11px;padding:12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0}.current-recipe-card div,.recipe-warning-card{min-width:0}.current-recipe-card span,.recipe-warning-card span{color:#7b5f41;font-size:12px;font-weight:850;line-height:1.45}.current-recipe-card strong,.recipe-warning-card strong{color:#20312c;font-size:16px;line-height:1.35}.current-recipe-card p,.recipe-warning-card p{margin:6px 0 0;color:#4f5d58;font-size:13px;line-height:1.6}.recipe-warning-card{border-color:#c86b49;background:#fff3ec}.recipe-warning-card strong{color:#9a3c28}.scaling-panel{display:grid;gap:12px}.quick-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.quick-scale button{min-height:40px;padding:0 6px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:#43524d;font-weight:850}.quick-scale button.active{border-color:#2f5d50;background:#e8f0e7;color:#2f5d50}.scale-current{display:inline-grid;align-items:center;min-height:42px;padding:0 12px;border-radius:8px;background:#fff4d8;color:#7b4d22}.scale-note{display:inline-grid;align-items:center;min-height:38px;padding:0 12px;border-radius:8px;background:#edf4ed;color:#2f5d50;font-size:13px;font-weight:850}.weather-section{display:grid;gap:10px;padding:12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8}.weather-section h3{margin:0;color:#24342f;font-size:16px}.weather-base-note{margin:0;padding:10px 11px;border-left:4px solid #2f5d50;border-radius:8px;background:#eef4ec;color:#43524d;font-size:13px;line-height:1.6}.weather-advice{display:grid;gap:7px;padding:12px;border:1px solid #d8cdbb;border-radius:8px;background:#f8f3e8}.weather-advice strong{color:#2f5d50}.weather-advice p{margin:0;color:#4d5b56;font-size:13px;line-height:1.55}.section-headline{display:grid;gap:5px}.section-headline p{margin:0;color:#5d6863;font-size:13px;line-height:1.55}.fermentation-learning,.fermentation-helper{padding:12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8}.fermentation-card-grid{display:grid;gap:10px}.fermentation-card{display:grid;gap:7px;padding:11px;border:1px solid #e2d7c7;border-radius:8px;background:#fffaf0}.fermentation-card h4{margin:0;color:#24342f;font-size:15px}.fermentation-card p{margin:0;color:#4d5b56;font-size:13px;line-height:1.55}.fermentation-card a{display:inline-flex;align-items:center;gap:5px;width:fit-content;color:#2f5d50;font-size:13px;font-weight:850;text-decoration:none}.fermentation-helper-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fermentation-advice-list{display:grid;gap:8px;padding:12px;border:1px solid #c9d6d0;border-radius:8px;background:#eef4ec}.fermentation-advice-list p{margin:0;color:#3f4e49;font-size:13px;line-height:1.6}.fermentation-advice-list strong{color:#213832}.yield-estimate{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:8px}.yield-estimate article{display:grid;gap:5px;padding:11px;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8}.yield-estimate span{color:#7b5f41;font-size:12px;font-weight:850}.yield-estimate strong{color:#2f5d50;font-size:18px}.yield-estimate p{margin:0;color:#5d6863;font-size:13px;line-height:1.55}.content-section{display:grid;gap:10px}.content-section h3,.visual-card h3,.sales-card h3,.recipe-card h3{margin:0;font-size:18px}.formula-grid{display:grid;gap:8px}.formula-chip,.formula-grid.small span{min-height:42px;padding:10px 12px;border-radius:8px;background:#edf4ed;color:#2f5d50;font-weight:850;line-height:1.45}.formula-grid.small{margin:12px 0}.formula-grid.small span{display:block;min-height:auto;font-size:14px}.key-point,.selling-card{padding:13px;border-radius:8px;background:#fff4d8;color:#7b4d22;font-weight:800;line-height:1.65}.step-list{display:grid;gap:9px;margin:0;padding-left:22px}.step-list li{padding-left:4px;line-height:1.7}.step-list.compact{gap:7px}.mistake-list{display:grid;gap:8px}.mistake-list p{margin:0;padding:11px 12px;border-left:4px solid #a35d3a;border-radius:8px;background:#fbf0e8;color:#6c3f2a;line-height:1.6}.video-list,.template-list,.recipe-list{display:grid;gap:12px}.video-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:inherit;text-decoration:none}.video-card h4,.template-card h5{margin:0;font-size:16px;line-height:1.35}.video-card span{display:block;margin-top:6px;color:#61706a;line-height:1.55}.visual-card,.sales-card,.recipe-card,.form-card,.risk-card,.cost-panel{display:grid;gap:14px;padding:14px}.visual-switch{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.visual-switch button{min-height:40px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#52615c;font-weight:850}.visual-switch button.active{background:#2f5d50;color:#fffaf0}.state-row{display:grid;gap:12px}.state-card{display:grid;gap:10px;padding:12px;border-radius:8px;background:#fffaf0;border:1px solid #e3dccf}.state-card-body{display:grid;gap:8px}.state-card h4{margin:0;font-size:17px}.state-card p,.state-card strong{margin:0;line-height:1.55}.state-card p{color:#5d6863}.state-card strong{color:#2f5d50}.photo-reference{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 3;border-radius:8px;background:#e9ded0;border:1px solid #d2b98f;box-shadow:inset 0 -12px 22px #5c3d232e;padding:0;cursor:zoom-in}.photo-reference img{display:block;width:100%;height:100%;object-fit:cover}.photo-reference span{position:absolute;right:5px;bottom:5px;left:5px;padding:3px 4px;border-radius:5px;background:#24342fbd;color:#fffaf0;font-size:11px;font-weight:850;line-height:1.25;text-align:center}.reference-links{display:flex;flex-wrap:wrap;gap:6px}.photo-actions{display:flex;flex-wrap:wrap;gap:8px}.photo-upload,.photo-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#2f5d50;font-size:12px;font-weight:850}.photo-upload input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.reference-links a{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#2f5d50;font-size:12px;font-weight:850;text-decoration:none}.image-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,760px);max-height:min(90vh,820px);margin:0 auto;overflow:hidden;border-radius:8px;border:1px solid #d8cdbb;background:#fffaf0;box-shadow:0 20px 52px #24342f47}.image-preview-panel img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#efe5d5}.image-preview-body{display:grid;gap:7px;padding:13px}.image-preview-body strong{color:#2f5d50}.image-preview-body p,.image-preview-body span{margin:0;color:#5d6863;line-height:1.55}.sales-card h4{margin:0 0 9px}.platform-switch,.tutorial-category-switch,.risk-section-switch{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sales-mode-switch{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sales-mode-switch button{min-height:42px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:#52615c;font-size:12px;font-weight:850}.sales-mode-switch button.active{background:#2f5d50;color:#fffaf0}.promotion-builder{border-color:#c9d6d0;background:#f8fbf6}.promotion-builder-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.promotion-output-grid{display:grid;gap:10px}.promotion-output-grid article{display:grid;gap:7px;padding:12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8}.promotion-output-grid h4{margin:0;color:#20312c;font-size:15px}.promotion-output-grid p{margin:0;color:#43524d;font-size:13px;line-height:1.7}.promotion-output-grid strong{color:#2f5d50;font-size:13px;line-height:1.6}.promotion-output-grid .promotion-warning{border-color:#e6c7b6;background:#fff7f2}.promotion-warning h4,.promotion-warning p{color:#8a4d32}.platform-switch button,.tutorial-category-switch button,.risk-section-switch button{min-height:40px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:#52615c;font-size:13px;font-weight:850}.platform-switch button.active,.tutorial-category-switch button.active,.risk-section-switch button.active{background:#2f5d50;color:#fffaf0}.lesson-list{display:grid;gap:9px}.lesson-list p{margin:0;padding:11px 12px;border-left:4px solid #2f5d50;border-radius:8px;background:#eef4ec;color:#43524d;line-height:1.65}.training-list,.script-list,.plan-list{display:grid;gap:12px}.training-card,.script-card,.plan-card{display:grid;gap:12px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8}.training-card h4,.script-card h4,.plan-card h4{margin:0;color:#20312c;font-size:16px;line-height:1.35}.training-card p,.script-card p,.plan-card p{margin:0;color:#43524d;line-height:1.65}.training-card ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#43524d;line-height:1.6}.training-card strong,.script-copy strong,.plan-card strong{display:block;color:#7b4d22;line-height:1.6}.script-copy,.plan-card div{display:grid;gap:8px}.script-copy span,.plan-card span{display:block;color:#43524d;line-height:1.6}.check-list{display:grid;gap:8px}.check-list span{display:block;padding:10px 11px;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8;color:#4d5a55;line-height:1.55}.template-card{padding:12px;border-radius:8px;background:#f2efe7}.template-card p{margin:8px 0 0;color:#4d5a55;line-height:1.75}.sales-copy-view{display:grid;gap:12px}.copy-category-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.copy-category-switch button{min-height:42px;padding:0 8px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#52615c;font-size:13px;font-weight:850}.copy-category-switch button.active{border-color:#2f5d50;background:#2f5d50;color:#fffaf0}.copy-template-list{display:grid;gap:12px}.copy-template-card{display:grid;gap:10px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8}.copy-template-card span{display:inline-flex;width:fit-content;max-width:100%;padding:4px 7px;border-radius:999px;background:#eef4ec;color:#2f5d50;font-size:12px;font-weight:850;line-height:1.45}.copy-template-card h4{margin:8px 0 0;color:#20312c;font-size:16px;line-height:1.35}.copy-template-card p{margin:0;color:#43524d;line-height:1.75}.copy-template-card strong{display:block;padding-top:8px;border-top:1px dashed #d8cdbb;color:#7b4d22;font-size:13px;line-height:1.6}.promotion-knowledge{gap:14px}.knowledge-category-switch{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.knowledge-category-switch::-webkit-scrollbar{display:none}.knowledge-category-switch button{flex:0 0 auto;min-height:38px;padding:0 12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#52615c;font-size:13px;font-weight:850;white-space:nowrap}.knowledge-category-switch button.active{border-color:#2f5d50;background:#2f5d50;color:#fffaf0}.knowledge-list{display:grid;gap:12px}.knowledge-card{display:grid;gap:12px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8}.knowledge-card>div{display:grid;gap:6px}.knowledge-card span{width:fit-content;max-width:100%;padding:4px 7px;border-radius:999px;background:#eef4ec;color:#2f5d50;font-size:12px;font-weight:850;line-height:1.45}.knowledge-card h4{margin:0;color:#20312c;font-size:16px;line-height:1.35}.knowledge-card p{margin:0;color:#43524d;line-height:1.7}.knowledge-card section{display:grid;gap:7px;padding-top:10px;border-top:1px dashed #d8cdbb}.knowledge-card strong{color:#7b4d22;font-size:13px;line-height:1.45}.recipe-card strong{display:block;color:#7b4d22;line-height:1.6}.risk-list{display:grid;gap:12px}.risk-card{border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.risk-card h3{margin:0;font-size:17px;line-height:1.45}.risk-card ul{display:grid;gap:8px;margin:0;padding-left:20px}.risk-card li{color:#4f5d58;line-height:1.65}.cost-panel{border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.cost-block{display:grid;gap:12px}.cost-block h3{margin:0;font-size:18px}.section-switch{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-switch button{min-height:42px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#52615c;font-weight:850}.section-switch button.active{background:#2f5d50;color:#fffaf0}.business-flow{display:grid;gap:9px}.business-flow article{display:grid;gap:6px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8}.business-flow strong{color:#2f5d50;line-height:1.4}.business-flow span{color:#52615c;font-size:13px;line-height:1.6}.startup-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.startup-summary article{display:grid;gap:6px;min-height:66px;padding:10px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8}.startup-summary span{color:#6b756f;font-size:12px;font-weight:800}.startup-summary strong{color:#2f5d50;font-size:18px}.cost-wizard-step{display:grid;gap:11px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.cost-wizard-step h3{color:#20312c;font-size:17px}.cost-wizard-step p{margin:0;color:#5d6863;font-size:13px;line-height:1.65}.cost-verdict{border-color:#cbd9c8;background:#f6fbf4}.cost-verdict>strong{color:#2f5d50;font-size:22px;line-height:1.25}.simple-cost-result{display:grid;gap:8px;padding:11px;border-radius:8px;background:#fffdf8;border:1px solid #d8cdbb}.simple-cost-result span,.simple-cost-result strong{color:#43524d;font-size:14px;line-height:1.5}.simple-cost-result strong{color:#7b4d22;font-size:16px}.cost-details-panel{display:grid;gap:10px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.cost-details-panel>h3{margin:0;color:#20312c;font-size:17px}.cost-detail-grid{display:grid;gap:8px}.cost-detail-grid article{display:grid;gap:6px;padding:11px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8}.cost-detail-grid h3{margin:0;color:#20312c;font-size:15px;line-height:1.4}.cost-detail-grid strong{color:#2f5d50;font-size:20px;line-height:1.15}.cost-detail-grid span,.cost-detail-grid small{color:#5d6863;font-size:13px;font-weight:750;line-height:1.5}.cost-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cost-mode-switch button{min-height:42px;padding:0 8px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#52615c;font-size:13px;font-weight:850;line-height:1.3}.cost-mode-switch button.active{border-color:#2f5d50;background:#2f5d50;color:#fffaf0}.estimate-guide{display:grid;gap:7px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#f6f1e8}.estimate-guide span{color:#4f5d58;font-size:13px;font-weight:750;line-height:1.55}.estimate-guide span:first-child{color:#2f5d50;font-weight:900}.cost-layer-list{display:grid;gap:8px}.cost-layer-list article{display:grid;gap:6px;padding:12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8}.cost-layer-list span,.cost-layer-list small{color:#64716b;font-size:13px;font-weight:800;line-height:1.45}.cost-layer-list strong{color:#20312c;font-size:22px;line-height:1.1}.cost-layer-list em{font-style:normal;color:#8a4d32;font-size:12px;font-weight:850}.equipment-advice{display:grid;gap:9px}.equipment-advice h4{margin:0;color:#24342f;font-size:15px}.equipment-list{display:grid;gap:9px}.equipment-card{display:grid;gap:8px;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.equipment-card div{display:grid;gap:4px}.equipment-card strong{color:#24342f;font-size:15px}.equipment-card span{color:#7b5f41;font-size:12px;font-weight:800;line-height:1.45}.equipment-card p,.equipment-card em{margin:0;color:#5d6863;font-size:13px;line-height:1.6}.equipment-card em{font-style:normal;color:#8a4d32}.search-box{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:46px;padding:0 12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0}.search-box input{width:100%;border:0;outline:0;background:transparent}.field{display:grid;gap:7px}.field span{color:#42524d;font-size:13px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#24342f;outline:none}.field input,.field select{height:44px;padding:0 12px}.field textarea{min-height:92px;padding:11px 12px;line-height:1.6;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#2f5d50;box-shadow:0 0 0 3px #2f5d501f}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:8px;background:#2f5d50;color:#fffaf0;font-weight:850}.primary-button.full{width:100%}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:#2f5d50;font-weight:850}.secondary-button.full{width:100%}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.confirm-panel{grid-template-rows:auto auto}.confirm-body{display:grid;gap:14px;padding:16px}.confirm-body p{margin:0;color:#43524d;line-height:1.7}.login-screen{display:grid;min-height:calc(100vh - 36px);align-items:center}.login-card,.settings-card{display:grid;gap:14px;padding:16px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;box-shadow:0 12px 30px #24342f14}.login-card h2{margin:0;color:#20312c;font-size:25px;line-height:1.2}.login-card p{margin:8px 0 0;color:#5d6863;line-height:1.65}.form-error{margin:0;padding:10px 11px;border-radius:8px;background:#fff0ed;color:#9a3c28;font-size:13px;font-weight:850}.theme-grid{display:grid;gap:9px}.theme-grid button{display:grid;gap:5px;min-height:68px;padding:11px 12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:#43524d;text-align:left}.theme-grid button.active{border-color:#2f5d50;background:#eef4ec;color:#24342f;box-shadow:0 0 0 3px #2f5d501f}.theme-grid strong{color:inherit;font-size:15px}.theme-grid span{color:inherit;font-size:13px;line-height:1.45}.toggle-field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0;color:#24342f;font-weight:850}.toggle-field input{width:20px;height:20px;accent-color:#2f5d50}.settings-note{margin:0;padding:10px 11px;border-left:4px solid #8a4d32;border-radius:8px;background:#fff7f2;color:#6a493c;font-size:13px;line-height:1.6}.sync-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sync-status-pill{margin:0;padding:10px 11px;border-radius:8px;background:#fffaf0;color:#43524d;font-size:13px;font-weight:850;line-height:1.55}.sync-status-pill.saving{background:#fff4d8;color:#7b4d22}.sync-status-pill.synced{background:#eef4ec;color:#2f5d50}.sync-status-pill.local-only,.sync-status-pill.failed{background:#fff0ed;color:#9a3c28}.logo-library{gap:12px}.logo-summary-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #e3dccf;border-radius:8px;background:#fffaf0}.logo-summary-card img{display:block;width:54px;height:54px;border:1px solid #e0c98f;border-radius:10px;background:#fff;object-fit:contain}.logo-summary-card div{display:grid;gap:4px;min-width:0}.logo-summary-card strong{color:#24342f;font-size:15px;line-height:1.35}.logo-summary-card span{color:#6b756f;font-size:13px;font-weight:800;line-height:1.45}.logo-summary-card button{grid-column:1 / -1}.logo-library-modal{max-height:min(88vh,820px)}.logo-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #d8cdbb;border-radius:8px;background:#fffaf0}.logo-filter button{min-height:40px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:#52615c;font-size:12px;font-weight:850}.logo-filter button.active{background:#2f5d50;color:#fffaf0}.logo-result-title{margin:0;color:#24342f;font-size:16px}.logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-card{display:grid;overflow:hidden;border:1px solid #e3dccf;border-radius:8px;background:#fffdf8}.logo-card.active{border-color:#2f5d50;box-shadow:0 0 0 3px #2f5d501f}.logo-image-button{display:block;width:100%;padding:0;border:0;background:#fff}.logo-image-button img{display:block;width:100%;aspect-ratio:1.2;object-fit:contain}.logo-actions{padding:8px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;align-items:end;padding:16px 12px calc(env(safe-area-inset-bottom) + 16px);background:#24342f6b}.modal-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,760px);max-height:min(86vh,760px);margin:0 auto;overflow:hidden;border-radius:8px;border:1px solid #d8cdbb;background:#fffaf0;box-shadow:0 20px 52px #24342f47}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #e3dccf}.modal-head h3{margin:0;font-size:18px}.modal-head button{min-height:38px;padding:0 12px;border:1px solid #d8cdbb;border-radius:8px;background:#fffdf8;color:#2f5d50;font-weight:850}.modal-form{max-height:100%;overflow-y:auto;border:0;border-radius:0;background:#fffaf0}.record-list{display:grid;gap:10px}.record-card,.empty-state{border:1px solid #e3dccf;border-radius:8px;background:#fffcf6f5}.record-card{display:grid;gap:6px;padding:12px}.record-card h4{margin:0;font-size:16px}.record-card span{color:#7b5f41;font-size:12px;font-weight:800}.record-card p{margin:0;color:#5d6863;line-height:1.6}.empty-state{padding:14px;color:#5d6863}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.price-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.price-result span,.price-result strong{display:grid;align-items:center;min-height:58px;padding:10px;border-radius:8px;background:#edf4ed;color:#2f5d50;font-size:13px;line-height:1.35}.profit-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profit-result span,.profit-result strong{display:grid;align-items:center;min-height:62px;padding:10px;border-radius:8px;background:#fff4d8;color:#7b4d22;font-size:13px;line-height:1.35}.profit-result strong{background:#2f5d50;color:#fffaf0;font-size:15px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:min(100%,760px);margin:0 auto;padding:8px 8px calc(env(safe-area-inset-bottom) + 8px);border-top:1px solid #ded5c4;background:#fffcf6f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{display:grid;justify-items:center;gap:4px;min-height:54px;border:0;border-radius:8px;background:transparent;color:#69746f;font-size:11px;font-weight:800}.bottom-nav button.active{background:#e8f0e7;color:#2f5d50}.theme-paper{color:#2f2a22;background:repeating-linear-gradient(0deg,rgba(123,95,65,.08),rgba(123,95,65,.08) 1px,transparent 1px,transparent 30px),#fbf3df}.theme-paper .hero-panel,.theme-paper .course-detail,.theme-paper .visual-card,.theme-paper .sales-card,.theme-paper .recipe-card,.theme-paper .form-card,.theme-paper .settings-card,.theme-paper .login-card,.theme-paper .content-section,.theme-paper .record-card,.theme-paper .logo-card,.theme-paper .logo-summary-card,.theme-paper .current-recipe-card,.theme-paper .knowledge-card{border-color:#d7b98b;background:#fff9eaf5;box-shadow:0 10px 24px #5b3e2014}.theme-paper .bottom-nav,.theme-paper .course-tabs,.theme-paper .sales-mode-switch,.theme-paper .section-switch,.theme-paper .logo-filter,.theme-paper .knowledge-category-switch button{border-color:#d7b98b;background:#fff7e2f5}.theme-paper p,.theme-paper li,.theme-paper span,.theme-paper strong,.theme-paper h3,.theme-paper h4,.theme-paper .field span,.theme-paper .section-headline p{color:#3b3126}.theme-paper .knowledge-card span,.theme-paper .formula-chip,.theme-paper .scale-note{background:#f1dfb7;color:#5f3f17}.theme-paper .knowledge-category-switch button.active{background:#5f3f17;color:#fff9ea}.theme-paper .hero-panel h2,.theme-paper .topbar h1,.theme-paper .topbar-brand p{color:#2f2a22}.theme-paper .hero-panel p{color:#4b3c2c}.theme-paper .hero-panel .eyebrow{color:#8a5c1f}.theme-cyberpunk{color:#eafcff;background:linear-gradient(135deg,rgba(0,245,255,.18),transparent 38%),linear-gradient(225deg,rgba(255,43,214,.16),transparent 45%),#10101a}.theme-cyberpunk .topbar h1,.theme-cyberpunk .topbar-brand p,.theme-cyberpunk .section-intro h2,.theme-cyberpunk .course-title h2,.theme-cyberpunk h3,.theme-cyberpunk h4,.theme-cyberpunk .login-card h2{color:#f5fdff}.theme-cyberpunk .eyebrow,.theme-cyberpunk a,.theme-cyberpunk .video-card h4{color:#00e7ff}.theme-cyberpunk .hero-panel,.theme-cyberpunk .course-detail,.theme-cyberpunk .visual-card,.theme-cyberpunk .sales-card,.theme-cyberpunk .recipe-card,.theme-cyberpunk .form-card,.theme-cyberpunk .settings-card,.theme-cyberpunk .login-card,.theme-cyberpunk .content-section,.theme-cyberpunk .record-card,.theme-cyberpunk .logo-card,.theme-cyberpunk .logo-summary-card,.theme-cyberpunk .logo-filter,.theme-cyberpunk .current-recipe-card,.theme-cyberpunk .recipe-warning-card,.theme-cyberpunk .knowledge-card,.theme-cyberpunk .state-card,.theme-cyberpunk .training-card,.theme-cyberpunk .script-card,.theme-cyberpunk .plan-card,.theme-cyberpunk .copy-template-card,.theme-cyberpunk .fermentation-card,.theme-cyberpunk .fermentation-advice-list,.theme-cyberpunk .weather-advice,.theme-cyberpunk .theme-grid button,.theme-cyberpunk .toggle-field,.theme-cyberpunk .field input,.theme-cyberpunk .field textarea,.theme-cyberpunk .field select{border-color:#00e7ff6b;background:#121422f0;color:#eafcff;box-shadow:0 0 22px #00e7ff14}.theme-cyberpunk p,.theme-cyberpunk li,.theme-cyberpunk span,.theme-cyberpunk strong,.theme-cyberpunk h3,.theme-cyberpunk h4,.theme-cyberpunk .field span,.theme-cyberpunk .section-headline p{color:#d6edf3}.theme-cyberpunk .brand-mark,.theme-cyberpunk .primary-button,.theme-cyberpunk .bottom-nav button.active,.theme-cyberpunk .sales-mode-switch button.active,.theme-cyberpunk .theme-grid button.active{background:#ff2bd6;color:#fff}.theme-cyberpunk .secondary-button,.theme-cyberpunk .logo-filter button,.theme-cyberpunk .course-tabs button,.theme-cyberpunk .visual-switch button,.theme-cyberpunk .section-switch button,.theme-cyberpunk .sales-mode-switch button,.theme-cyberpunk .copy-category-switch button,.theme-cyberpunk .knowledge-category-switch button{border-color:#00e7ff61;background:#1b1e31f5;color:#eafcff}.theme-cyberpunk .logo-filter button.active,.theme-cyberpunk .course-tabs button.active,.theme-cyberpunk .visual-switch button.active,.theme-cyberpunk .section-switch button.active,.theme-cyberpunk .sales-mode-switch button.active,.theme-cyberpunk .copy-category-switch button.active,.theme-cyberpunk .knowledge-category-switch button.active,.theme-cyberpunk .knowledge-card span,.theme-cyberpunk .formula-chip,.theme-cyberpunk .scale-note{background:#00e7ff;color:#10101a}.theme-cyberpunk .logo-image-button,.theme-cyberpunk .topbar-logo,.theme-cyberpunk .logo-summary-card img,.theme-cyberpunk .selected-logo-mark{background:#fff}.theme-cyberpunk .hero-panel h2{color:#f5fdff}.theme-cyberpunk .hero-panel p{color:#d6edf3}.theme-cyberpunk .hero-panel .eyebrow{color:#00e7ff}.theme-cyberpunk .bottom-nav,.theme-cyberpunk .course-tabs,.theme-cyberpunk .sales-mode-switch,.theme-cyberpunk .section-switch{border-color:#ff2bd65c;background:#0d0e18f5}.theme-clean{color:#1f2933;background:#f7fafc}.theme-clean .hero-panel,.theme-clean .course-detail,.theme-clean .visual-card,.theme-clean .sales-card,.theme-clean .recipe-card,.theme-clean .form-card,.theme-clean .settings-card,.theme-clean .login-card,.theme-clean .content-section,.theme-clean .logo-card,.theme-clean .logo-summary-card,.theme-clean .logo-filter,.theme-clean .current-recipe-card,.theme-clean .recipe-warning-card,.theme-clean .knowledge-card{border-color:#d8e2ea;background:#fff;box-shadow:0 8px 22px #1f29330f}.theme-clean p,.theme-clean li,.theme-clean span,.theme-clean strong,.theme-clean h3,.theme-clean h4,.theme-clean .field span,.theme-clean .section-headline p{color:#1f2933}.theme-clean .brand-mark,.theme-clean .primary-button,.theme-clean .bottom-nav button.active,.theme-clean .sales-mode-switch button.active,.theme-clean .logo-filter button.active,.theme-clean .knowledge-category-switch button.active,.theme-clean .theme-grid button.active{background:#2563eb;color:#fff}.theme-clean .eyebrow,.theme-clean a,.theme-clean .video-card h4{color:#2563eb}.theme-clean .knowledge-category-switch button{border-color:#d8e2ea;background:#fff;color:#1f2933}.theme-clean .knowledge-card span{background:#eaf2ff;color:#1d4ed8}.theme-clean .hero-panel h2,.theme-clean .topbar h1,.theme-clean .topbar-brand p{color:#102033}.theme-clean .hero-panel p{color:#334155}.theme-clean .hero-panel .eyebrow{color:#2563eb}.theme-pink{color:#3f1f2b;background:linear-gradient(180deg,rgba(244,114,182,.16),transparent 250px),#fff4f8}.theme-pink .topbar h1,.theme-pink .section-intro h2,.theme-pink .course-title h2,.theme-pink h3,.theme-pink h4,.theme-pink .login-card h2{color:#3f1f2b}.theme-pink .topbar-brand p,.theme-pink p,.theme-pink li,.theme-pink span,.theme-pink strong,.theme-pink .field span,.theme-pink .section-headline p{color:#5c3745}.theme-pink .eyebrow,.theme-pink a,.theme-pink .video-card h4{color:#b83264}.theme-pink .hero-panel,.theme-pink .course-detail,.theme-pink .visual-card,.theme-pink .sales-card,.theme-pink .recipe-card,.theme-pink .form-card,.theme-pink .settings-card,.theme-pink .login-card,.theme-pink .content-section,.theme-pink .record-card,.theme-pink .logo-card,.theme-pink .logo-summary-card,.theme-pink .logo-filter,.theme-pink .tutorial-category-switch,.theme-pink .platform-switch,.theme-pink .risk-section-switch,.theme-pink .visual-switch,.theme-pink .current-recipe-card,.theme-pink .recipe-warning-card,.theme-pink .knowledge-card,.theme-pink .state-card,.theme-pink .training-card,.theme-pink .script-card,.theme-pink .plan-card,.theme-pink .copy-template-card,.theme-pink .fermentation-card,.theme-pink .fermentation-advice-list,.theme-pink .fermentation-learning,.theme-pink .fermentation-helper,.theme-pink .weather-section,.theme-pink .weather-advice,.theme-pink .video-card,.theme-pink .template-card,.theme-pink .promotion-builder,.theme-pink .promotion-output-grid article,.theme-pink .cost-panel,.theme-pink .cost-layer-list article,.theme-pink .equipment-card,.theme-pink .estimate-guide,.theme-pink .yield-estimate article,.theme-pink .modal-panel,.theme-pink .modal-form,.theme-pink .theme-grid button,.theme-pink .toggle-field,.theme-pink .sync-status-bar,.theme-pink .sync-status-pill,.theme-pink .field input,.theme-pink .field textarea,.theme-pink .field select,.theme-pink .search-box{border-color:#efb8c9;background:#fffafcf7;color:#3f1f2b;box-shadow:0 10px 24px #b8326414}.theme-pink .hero-panel{background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 54%),#b83264;color:#fff8fb}.theme-pink .hero-panel h2{color:#fff8fb}.theme-pink .hero-panel p{color:#ffe5ef}.theme-pink .hero-panel .eyebrow{color:#ffd5e4}.theme-pink .primary-button,.theme-pink .bottom-nav button.active,.theme-pink .platform-switch button.active,.theme-pink .tutorial-category-switch button.active,.theme-pink .risk-section-switch button.active,.theme-pink .visual-switch button.active,.theme-pink .quick-scale button.active,.theme-pink .sales-mode-switch button.active,.theme-pink .copy-category-switch button.active,.theme-pink .knowledge-category-switch button.active,.theme-pink .logo-filter button.active,.theme-pink .theme-grid button.active{background:#b83264;color:#fff8fb}.theme-pink .secondary-button,.theme-pink .logo-filter button,.theme-pink .course-tabs button,.theme-pink .platform-switch button,.theme-pink .tutorial-category-switch button,.theme-pink .risk-section-switch button,.theme-pink .visual-switch button,.theme-pink .quick-scale button,.theme-pink .section-switch button,.theme-pink .sync-actions button,.theme-pink .sales-mode-switch button,.theme-pink .copy-category-switch button,.theme-pink .knowledge-category-switch button,.theme-pink .photo-upload,.theme-pink .photo-actions button,.theme-pink .reference-links a,.theme-pink .modal-head button{border-color:#efb8c9;background:#fff8fb;color:#8a244d}.theme-pink .course-tabs button.active,.theme-pink .visual-switch button.active,.theme-pink .section-switch button.active,.theme-pink .copy-category-switch button.active,.theme-pink .knowledge-category-switch button.active,.theme-pink .knowledge-card span,.theme-pink .formula-chip,.theme-pink .scale-note,.theme-pink .price-result span,.theme-pink .price-result strong,.theme-pink .copy-template-card span{background:#f9d7e3;color:#6f1d43}.theme-pink .field input:focus,.theme-pink .field textarea:focus,.theme-pink .field select:focus{border-color:#b83264;box-shadow:0 0 0 3px #b8326424}.theme-pink .toggle-field input{accent-color:#b83264}.theme-pink .recipe-warning-card{border-color:#d85f79;background:#fff0f3}.theme-pink .recipe-warning-card strong{color:#a51f46}.theme-pink .key-point,.theme-pink .selling-card,.theme-pink .profit-result span,.theme-pink .scale-current,.theme-pink .weather-base-note,.theme-pink .estimate-guide span:first-child{background:#fff0d8;color:#7b3a13}.theme-pink .mistake-list p,.theme-pink .promotion-output-grid .promotion-warning,.theme-pink .lesson-list p,.theme-pink .sync-status-bar.local-only,.theme-pink .sync-status-bar.failed,.theme-pink .sync-status-pill.local-only,.theme-pink .sync-status-pill.failed{border-color:#efb8c9;background:#fff0f3;color:#7a2c43}.theme-pink .sync-status-bar.synced,.theme-pink .sync-status-pill.synced{border-color:#efb8c9;background:#ffe7f0;color:#8a244d}.theme-pink .weather-base-note{border-left-color:#b83264}.theme-pink .weather-advice strong,.theme-pink .fermentation-card a,.theme-pink .yield-estimate strong,.theme-pink .state-card strong,.theme-pink .image-preview-body strong,.theme-pink .promotion-output-grid strong,.theme-pink .equipment-card strong,.theme-pink .secondary-button svg{color:#b83264}.theme-pink .topbar-logo,.theme-pink .logo-image-button,.theme-pink .logo-summary-card img,.theme-pink .selected-logo-mark{background:#fff}.theme-pink .bottom-nav,.theme-pink .course-tabs,.theme-pink .sales-mode-switch,.theme-pink .section-switch,.theme-pink .tutorial-category-switch,.theme-pink .platform-switch,.theme-pink .risk-section-switch,.theme-pink .visual-switch{border-color:#efb8c9;background:#fff8fbf7}.theme-night{color:#ecf0e8;background:#1f251f}.theme-night .topbar h1,.theme-night .topbar-brand p,.theme-night .section-intro h2,.theme-night .course-title h2,.theme-night h3,.theme-night h4,.theme-night .login-card h2{color:#f3f6ef}.theme-night .hero-panel,.theme-night .course-detail,.theme-night .visual-card,.theme-night .sales-card,.theme-night .recipe-card,.theme-night .form-card,.theme-night .settings-card,.theme-night .login-card,.theme-night .content-section,.theme-night .record-card,.theme-night .logo-card,.theme-night .logo-summary-card,.theme-night .logo-filter,.theme-night .current-recipe-card,.theme-night .recipe-warning-card,.theme-night .knowledge-card,.theme-night .state-card,.theme-night .training-card,.theme-night .script-card,.theme-night .plan-card,.theme-night .copy-template-card,.theme-night .fermentation-card,.theme-night .weather-advice,.theme-night .theme-grid button,.theme-night .toggle-field,.theme-night .field input,.theme-night .field textarea,.theme-night .field select{border-color:#4b5a4c;background:#2a322a;color:#ecf0e8}.theme-night p,.theme-night li,.theme-night span,.theme-night strong,.theme-night h3,.theme-night h4,.theme-night .field span,.theme-night .section-headline p{color:#d8dfd4}.theme-night .bottom-nav,.theme-night .course-tabs,.theme-night .sales-mode-switch,.theme-night .section-switch{border-color:#4b5a4c;background:#1f251ff5}.theme-night .brand-mark,.theme-night .primary-button,.theme-night .bottom-nav button.active,.theme-night .sales-mode-switch button.active,.theme-night .theme-grid button.active{background:#7fb069;color:#172017}.theme-night .secondary-button,.theme-night .logo-filter button,.theme-night .course-tabs button,.theme-night .visual-switch button,.theme-night .section-switch button,.theme-night .sales-mode-switch button,.theme-night .copy-category-switch button,.theme-night .knowledge-category-switch button{border-color:#5e705f;background:#333d33;color:#ecf0e8}.theme-night .logo-filter button.active,.theme-night .course-tabs button.active,.theme-night .visual-switch button.active,.theme-night .section-switch button.active,.theme-night .sales-mode-switch button.active,.theme-night .copy-category-switch button.active,.theme-night .knowledge-category-switch button.active,.theme-night .knowledge-card span,.theme-night .formula-chip,.theme-night .scale-note{background:#7fb069;color:#172017}.theme-night .logo-image-button,.theme-night .topbar-logo,.theme-night .logo-summary-card img,.theme-night .selected-logo-mark{background:#fff}.theme-night .hero-panel h2{color:#f3f6ef}.theme-night .hero-panel p{color:#d8dfd4}.theme-night .hero-panel .eyebrow{color:#bfe5a8}@media(min-width:720px){.app-main{padding-top:28px}.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.state-row{grid-template-columns:repeat(3,minmax(0,1fr))}.state-card{grid-template-columns:1fr}.state-card p,.state-card strong{grid-column:1}}@media(max-width:370px){.two-columns,.price-result,.profit-result,.startup-summary,.cost-mode-switch,.section-switch,.sync-actions,.yield-estimate{grid-template-columns:1fr}}