:root{--paper:#f3efe4;--paper-deep:#e8dfce;--surface:#fffdf8;--surface-soft:#f8f5ed;--ink:#262923;--ink-soft:#5f635b;--muted:#85887f;--line:#d9d2c5;--line-strong:#bfb5a3;--wine:#873248;--wine-deep:#5d2435;--wine-soft:#f3e5e8;--sage:#718276;--sage-deep:#405a4b;--sage-soft:#e8eee8;--gold:#b88a42;--gold-soft:#f3ead9;--warning:#9b572f;--warning-soft:#f7e9df;--font-serif:"Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", Georgia, serif;--font-sans:"Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--shadow:0 28px 70px #362d2214}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:radial-gradient(circle at 86% 3%, #87324817, transparent 23rem), var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}:focus-visible{outline-offset:3px;outline:3px solid #87324857}.app-shell{border-inline:1px solid var(--line);background:#f3efe4d6;width:min(1560px,100%);min-height:100vh;margin:0 auto}.scroll-anchor{scroll-margin-top:20px}.app-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3efe4eb;justify-content:space-between;align-items:center;gap:24px;min-height:100px;padding:18px clamp(24px,5vw,72px);display:flex;position:relative}.lab-brand{min-width:0;color:var(--ink);align-items:center;gap:16px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--wine);color:#fff;width:54px;height:54px;font:700 15px/1 var(--font-serif);letter-spacing:.08em;border-radius:50%;flex:none;place-items:center;display:grid}.lab-brand>span:last-child{gap:5px;display:grid}.lab-brand strong{font-family:var(--font-serif);letter-spacing:.04em;font-size:16px}.lab-brand small{color:var(--muted);letter-spacing:.16em;font-size:9px;font-weight:700}.header-actions{align-items:center;gap:14px;display:flex}.save-state{color:var(--sage-deep);letter-spacing:.06em;font-size:10px;font-weight:700}.save-state:before{background:var(--sage);content:"";border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #7182761f}.ghost-button,.view-toggle,.secondary-button,.primary-button{border:1px solid var(--line-strong);background:0 0;border-radius:999px;min-height:46px;padding:10px 18px;font-size:11px;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.ghost-button:hover,.view-toggle:hover,.secondary-button:hover:not(:disabled){border-color:var(--wine);background:var(--surface);transform:translateY(-1px)}.intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(240px,.36fr);align-items:end;gap:64px;min-height:520px;padding:96px clamp(24px,7vw,112px) 76px;display:grid;position:relative;overflow:hidden}.intro:after{content:"";pointer-events:none;border:1px solid #7182766b;border-radius:50%;width:530px;height:530px;position:absolute;top:-180px;right:-170px;box-shadow:0 0 0 76px #8732480a,0 0 0 150px #71827609}.intro-copy,.intro-score{z-index:1;position:relative}.eyebrow{color:var(--wine);letter-spacing:.2em;margin:0 0 16px;font-size:9px;font-weight:900}.intro h1{max-width:900px;font-family:var(--font-serif);letter-spacing:-.055em;margin:0;font-size:clamp(48px,6.4vw,94px);font-weight:500;line-height:1.25}.intro h1 span{color:var(--wine);display:block}.intro-lead{color:var(--ink-soft);font-family:var(--font-serif);letter-spacing:.04em;margin:36px 0 0;font-size:clamp(14px,1.4vw,18px);line-height:2}.intro-score{border-left:1px solid var(--line-strong);align-self:center;padding:32px 0 0 32px}.intro-score>span{color:var(--sage-deep);letter-spacing:.2em;font-size:8px;font-weight:900;display:block}.intro-score strong{color:var(--wine);font:500 clamp(72px, 8vw, 124px) / .9 var(--font-serif);margin-top:10px;display:block}.intro-score small{color:var(--muted);letter-spacing:.16em;margin-top:14px;font-size:8px;font-weight:800;display:block}.intro-score i{background:var(--line);width:100%;height:3px;margin-top:24px;display:block;overflow:hidden}.intro-score b{background:linear-gradient(90deg, var(--wine), var(--sage));height:100%;transition:width .22s;display:block}.setup-panel{border:1px solid var(--line);background:var(--surface);width:min(1320px,100% - 64px);box-shadow:var(--shadow);border-radius:28px;margin:72px auto 0;padding:44px}.setup-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.65fr) minmax(300px,.35fr);align-items:end;gap:40px;padding-bottom:32px;display:grid}.setup-heading h2,.editor-toolbar h2,.preview-heading h2,.coach-heading h2,.history-heading h2{font-family:var(--font-serif);letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,44px);font-weight:500}.title-input{gap:9px;display:grid}.title-input span,.history-filters label>span{color:var(--muted);letter-spacing:.1em;font-size:9px;font-weight:800}.title-input input,.history-filters input,.history-filters select{border:0;border-bottom:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--ink);background:0 0;border-radius:0;padding:8px 4px;font-size:13px}.setup-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;padding-top:34px;display:grid}.setup-grid fieldset{border:0;min-width:0;margin:0;padding:0}.setup-grid legend{color:var(--ink-soft);margin-bottom:15px;font-size:11px;font-weight:800}.mode-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mode-selector legend{grid-column:1/-1}.mode-selector button{border:1px solid var(--line);background:var(--surface-soft);text-align:left;border-radius:18px;align-content:start;gap:7px;min-height:138px;padding:20px;transition:border-color .15s,background .15s,transform .15s;display:grid}.mode-selector button:hover{transform:translateY(-2px)}.mode-selector button.selected{border-color:var(--wine);background:var(--wine-soft);box-shadow:inset 0 0 0 1px var(--wine)}.mode-selector button>span,.style-selector button small{color:var(--wine);letter-spacing:.14em;font-size:8px;font-weight:900}.mode-selector button strong{font-family:var(--font-serif);font-size:18px;font-weight:600}.mode-selector button small{color:var(--ink-soft);font-size:10px;line-height:1.6}.style-selector>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.style-selector button{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px;align-content:center;place-items:center;gap:7px;min-height:138px;transition:border-color .15s,background .15s,transform .15s;display:grid}.style-selector button:hover{transform:translateY(-2px)}.style-selector button.selected{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine);background:#fff}.style-selector button>span{border:1px solid #2629232e;border-radius:50%;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 6px #ffffff54}.style-white>span{background:#eee0a4}.style-red>span{background:#7d2438}.style-rose>span{background:#e5a5a6}.style-sparkling>span{background:radial-gradient(circle at 30% 30%,#fff 0 2px,#0000 3px),radial-gradient(circle at 65% 65%,#fff 0 2px,#0000 3px),#eadca4}.style-orange>span{background:#c87d39}.style-selector button strong{font-family:var(--font-serif);font-size:18px}.disclaimer{border-left:3px solid var(--gold);background:var(--gold-soft);color:#69583e;margin:24px 0 0;padding:14px 16px;font-size:10px;line-height:1.7}.section-stepper{border:1px solid var(--line);background:#fffdf89e;border-radius:20px;grid-template-columns:repeat(4,1fr);width:min(1320px,100% - 64px);margin:28px auto 0;display:grid;overflow:hidden}.section-stepper button{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:90px;padding:18px 22px;display:grid}.section-stepper button:last-child{border-right:0}.section-stepper button.active{background:var(--wine);color:#fff}.section-stepper button.complete:not(.active){background:var(--sage-soft)}.section-stepper button>span{color:var(--wine);font:500 18px/1 var(--font-serif)}.section-stepper button.active>span{color:#fff}.section-stepper button strong{font-family:var(--font-serif);font-size:15px}.section-stepper button small{color:var(--muted);font-size:9px;font-weight:800}.section-stepper button.active small{color:#ffffffb8}.workspace{grid-template-columns:minmax(0,1fr) minmax(340px,.46fr);align-items:start;gap:24px;width:min(1320px,100% - 64px);margin:24px auto 0;display:grid}.editor-card,.preview-card,.coach-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.editor-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:30px;padding:42px 44px 32px;display:flex}.editor-toolbar h2{font-size:clamp(34px,4vw,54px)}.editor-toolbar>div>p:last-child{max-width:600px;color:var(--ink-soft);margin:14px 0 0;font-size:12px;line-height:1.8}.view-toggle{flex:none}.fields{padding:6px 44px 16px}.section-fields+.section-fields{border-top:1px solid var(--line-strong);margin-top:36px;padding-top:36px}.inline-section-title{align-items:baseline;gap:16px;margin:8px 0 28px;display:flex}.inline-section-title span{color:var(--wine);letter-spacing:.16em;font-size:8px;font-weight:900}.inline-section-title h3{font-family:var(--font-serif);margin:0;font-size:28px;font-weight:500}.field-group,.text-field{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:30px 0;display:block}.field-group:last-child,.text-field:last-child{border-bottom:0}.field-group legend,.field-label{font-family:var(--font-serif);align-items:center;gap:9px;font-size:18px;font-weight:600;display:flex}.field-group legend small,.field-label small{color:var(--wine);font-family:var(--font-sans);letter-spacing:.08em;border:1px solid #87324840;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:900}.field-hint{color:var(--muted);margin:8px 0 0;font-size:9px;line-height:1.7;display:block}.option-grid{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.scale-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));display:grid}.option-button{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:9px;min-height:46px;padding:8px 15px 8px 9px;font-size:11px;font-weight:700;transition:transform .14s,border-color .14s,background .14s,color .14s;display:inline-flex}.scale-grid .option-button{border-radius:13px}.option-button:hover{border-color:var(--wine);transform:translateY(-1px)}.option-button.selected{border-color:var(--wine);background:var(--wine);color:#fff}.option-check{border:1px solid var(--line-strong);background:var(--surface-soft);width:27px;height:27px;color:var(--wine);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.option-button.selected .option-check{background:#fff;border-color:#ffffff80}.selection-count{color:var(--sage-deep);margin:12px 0 0;font-size:9px;font-weight:800}.text-field textarea,.output-editor textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--ink);border-radius:14px;padding:15px;font-size:12px;line-height:1.8}.text-field textarea{margin-top:15px}.editor-navigation{border-top:1px solid var(--line);justify-content:space-between;gap:14px;padding:28px 44px 42px;display:flex}.editor-navigation.align-end{justify-content:flex-end}.primary-button{border-color:var(--wine);background:var(--wine);color:#fff;min-width:160px}.primary-button:hover{background:var(--wine-deep);transform:translateY(-1px)}.preview-column{gap:18px;display:grid;position:sticky;top:20px}.preview-card,.coach-card{padding:28px}.preview-heading,.coach-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.preview-heading h2,.coach-heading h2{font-size:28px}.stale-badge{background:var(--gold-soft);color:#725a2d;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:900}.format-tabs{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);margin-top:22px;display:grid;overflow:hidden}.format-tabs button{border:0;border-right:1px solid var(--line);min-height:42px;color:var(--ink-soft);background:0 0;font-size:9px;font-weight:800}.format-tabs button:last-child{border-right:0}.format-tabs button.active{background:var(--sage-deep);color:#fff}.output-editor{margin-top:16px;display:block}.output-editor textarea{min-height:300px;font-family:var(--font-serif);background:#f7f4ec;border:0;font-size:12px;line-height:2}.regenerate-button{border:1px solid var(--gold);background:var(--gold-soft);color:#6e572c;border-radius:10px;min-height:40px;margin-top:10px;padding:8px 12px;font-size:9px;font-weight:800}.output-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.output-actions button,.history-actions button{border:1px solid var(--line-strong);background:0 0;border-radius:10px;min-height:42px;font-size:9px;font-weight:800}.output-actions button:hover,.history-actions button:hover{border-color:var(--wine);background:#fff}.coach-heading>span{background:var(--sage);color:#fff;width:30px;height:30px;font:600 13px/1 var(--font-serif);border-radius:50%;place-items:center;display:grid}.coach-list{gap:9px;margin-top:22px;display:grid}.coach-message{border-left:3px solid var(--sage);background:var(--sage-soft);border-radius:10px;grid-template-columns:27px 1fr;gap:11px;padding:13px;display:grid}.coach-message.warning{border-left-color:var(--warning);background:var(--warning-soft)}.coach-message>span{width:24px;height:24px;color:var(--sage-deep);border:1px solid;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.coach-message.warning>span{color:var(--warning)}.coach-message strong{font-size:10px;display:block}.coach-message p{color:var(--ink-soft);margin:5px 0 0;font-size:9px;line-height:1.7}.coach-note{color:var(--muted);margin:16px 0 0;font-size:8px;line-height:1.7}.history-section{border-top:1px solid var(--line-strong);width:min(1320px,100% - 64px);margin:92px auto 0;padding-top:68px}.history-heading{justify-content:space-between;align-items:end;gap:32px;display:flex}.history-heading h2{font-size:clamp(34px,4.4vw,62px)}.history-heading>div>p:last-child{color:var(--ink-soft);margin:14px 0 0;font-size:11px;line-height:1.8}.history-filters{border:1px solid var(--line);background:#fffdf8a8;border-radius:18px;grid-template-columns:minmax(220px,1fr) 180px 180px;gap:14px;margin-top:36px;padding:22px;display:grid}.history-filters label{gap:4px;display:grid}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.history-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:24px;box-shadow:0 14px 36px #362d220d}.history-card-top{grid-template-columns:38px 1fr;gap:14px;display:grid}.history-swatch{background:var(--wine);border:1px solid #26292326;border-radius:50%;width:34px;height:34px}.history-swatch.style-white{background:#eee0a4}.history-swatch.style-rose{background:#e5a5a6}.history-swatch.style-sparkling{background:#eadca4}.history-swatch.style-orange{background:#c87d39}.history-card-top p{color:var(--wine);letter-spacing:.1em;margin:0 0 6px;font-size:8px;font-weight:900}.history-card-top h3{font-family:var(--font-serif);margin:0;font-size:19px;font-weight:600}.history-card time{color:var(--muted);margin-top:6px;font-size:8px;display:block}.history-preview{min-height:50px;color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:18px 0 0;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.history-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.history-actions .danger{color:var(--wine)}.empty-history{border:1px dashed var(--line-strong);min-height:190px;color:var(--muted);text-align:center;border-radius:20px;align-content:center;place-items:center;gap:12px;margin-top:20px;display:grid}.empty-history span{font:400 30px/1 var(--font-serif)}.empty-history p{margin:0;font-size:10px}.app-footer{border-top:1px solid var(--line);width:min(1320px,100% - 64px);min-height:130px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:70px auto 0;display:flex}.app-footer p{letter-spacing:.08em;margin:0;font-size:9px}.app-footer p:first-child{gap:5px;display:grid}.app-footer strong{color:var(--ink);font-family:var(--font-serif);font-size:13px}.app-footer span{color:var(--wine);letter-spacing:.16em;font-size:7px;font-weight:900}.mobile-navigation{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.intro{grid-template-columns:minmax(0,1fr) 220px}.setup-grid{grid-template-columns:1fr}.style-selector button{min-height:112px}.workspace{grid-template-columns:minmax(0,1fr) 330px}.editor-toolbar,.fields,.editor-navigation{padding-inline:30px}}@media (width<=900px){.intro{grid-template-columns:1fr}.intro-score{width:240px;padding-left:22px}.intro-score strong{font-size:78px}.setup-heading,.workspace{grid-template-columns:1fr}.preview-column{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.section-stepper button{grid-template-columns:auto 1fr}.section-stepper button small{grid-column:2}}@media (width<=720px){body{padding-bottom:78px}.app-shell{border-inline:0}.app-header{min-height:74px;padding:12px 16px}.brand-mark{width:40px;height:40px;font-size:12px}.lab-brand{gap:10px}.lab-brand strong{max-width:180px;font-size:10px}.lab-brand small{font-size:7px}.save-state,.ghost-button{display:none}.intro{gap:40px;min-height:420px;padding:70px 20px 48px}.intro:after{opacity:.6;top:-110px;right:-230px}.intro h1{font-size:clamp(40px,13vw,62px);line-height:1.36}.intro h1 span{display:inline}.intro-lead{margin-top:24px;font-size:12px}.intro-lead br{display:none}.intro-score{width:180px}.intro-score strong{font-size:62px}.setup-panel,.section-stepper,.workspace,.history-section,.app-footer{width:calc(100% - 24px)}.setup-panel{border-radius:20px;margin-top:30px;padding:24px 16px}.setup-heading{gap:22px;padding-bottom:24px}.setup-heading h2{font-size:30px}.setup-grid{gap:24px}.mode-selector{grid-template-columns:1fr}.mode-selector button{min-height:108px}.style-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}.style-selector button{min-height:102px}.section-stepper{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.section-stepper button{scroll-snap-align:start;flex:1 0 38%;min-width:142px;min-height:72px;padding:12px 14px}.editor-card,.preview-card,.coach-card{border-radius:20px}.editor-toolbar{padding:28px 18px 24px;display:block}.editor-toolbar h2{font-size:40px}.view-toggle{width:100%;margin-top:20px}.fields{padding:0 18px 8px}.field-group,.text-field{padding:26px 0}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option-button{text-align:left;border-radius:13px;min-height:50px;padding-right:10px}.editor-navigation{display:none}.preview-column{grid-template-columns:1fr}.preview-card,.coach-card{padding:22px 16px}.output-editor textarea{min-height:250px}.history-section{margin-top:54px;padding-top:44px}.history-heading{display:block}.history-heading h2{font-size:39px}.history-heading>button{width:100%;margin-top:20px}.history-filters{grid-template-columns:1fr;padding:16px}.history-grid{grid-template-columns:1fr}.app-footer{min-height:auto;padding:36px 0;display:block}.app-footer>p:last-child{margin-top:18px}.mobile-navigation{z-index:40;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f5;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 34px #362d221f}.mobile-navigation button{min-height:68px;color:var(--wine);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.mobile-navigation button span,.mobile-navigation strong{letter-spacing:.08em;font-size:9px}.mobile-navigation strong{color:var(--muted)}}@media (width<=420px){.style-selector>div{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid{grid-template-columns:1fr}.section-stepper button{flex-basis:45%}}@media print{body{background:#fff;padding:0}.app-shell{background:#fff;border:0}.app-header,.intro,.setup-panel,.section-stepper,.editor-card,.coach-card,.history-section,.app-footer,.mobile-navigation,.format-tabs,.output-actions,.regenerate-button{display:none!important}.workspace,.preview-column{width:100%;margin:0;display:block}.preview-card{box-shadow:none;border:0;padding:0}.preview-heading h2{font-size:24px}.output-editor textarea{resize:none;background:#fff;border:0;min-height:0;font-size:12pt}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}