:root {
  --bg:#f7f6f2; --panel:#fff; --ink:#252525; --muted:#74736f; --line:#dfddd6;
  --accent:#343046; --accent-soft:#efedf6; --success:#256d4b; --warn:#9a6215; --danger:#9f3a38;
  --shadow:0 14px 40px rgba(32,31,29,.07); --radius:18px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit} button{cursor:pointer} a{color:inherit}
.shell{min-height:100dvh;display:grid;grid-template-columns:232px 1fr}.side{position:sticky;top:0;height:100dvh;padding:24px 18px;border-right:1px solid var(--line);background:#fbfaf7;display:flex;flex-direction:column;gap:22px}.brand{font-size:20px;font-weight:700;letter-spacing:-.02em}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:11px;color:#5c5a56}.nav button.active{background:var(--accent);color:white}.side-foot{margin-top:auto;font-size:12px;color:var(--muted);display:grid;gap:8px}.main{padding:34px clamp(20px,5vw,68px) 60px;max-width:1250px;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}h1{font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.045em;margin:6px 0 0}h2{font-size:22px;letter-spacing:-.025em;margin:0 0 10px}h3{font-size:16px;margin:0 0 6px}.muted{color:var(--muted)}.small{font-size:12px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.card.clickable{cursor:pointer;transition:.16s ease}.card.clickable:hover{transform:translateY(-1px);border-color:#c9c5bb}.big-choice{min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.choice-index{font-size:12px;color:var(--muted)}.big-choice h2{font-size:25px;max-width:260px}.btn{border:1px solid var(--line);background:white;color:var(--ink);min-height:44px;padding:10px 16px;border-radius:11px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.soft{background:var(--accent-soft);border-color:transparent}.btn.danger{color:var(--danger)}.btn.link{background:transparent;border:0;padding:4px 0;min-height:auto;text-decoration:underline;text-underline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:11px;background:white;padding:12px 13px;color:var(--ink);outline:none}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9f9aa9;box-shadow:0 0 0 3px rgba(52,48,70,.07)}.stack{display:grid;gap:16px}.stepper{display:flex;gap:7px;align-items:center;overflow:auto;padding-bottom:6px}.step-pill{white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}.step-pill.active{background:var(--accent);color:white;border-color:var(--accent)}.option-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 12px;font-size:13px}.chip.active{background:var(--accent);color:white;border-color:var(--accent)}.notice{padding:14px 16px;border-radius:12px;background:#f1f0ec;color:#5f5d57;font-size:13px;line-height:1.45}.notice.warn{background:#faf3e6;color:#79531d}.notice.ok{background:#eaf5ef;color:#256d4b}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aaa;margin-right:7px}.status-dot.ok{background:#2f8b60}.status-dot.warn{background:#c98629}.network{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.network:last-child{border-bottom:0}.network strong{display:block}.video-wrap{position:relative;aspect-ratio:9/16;max-height:64vh;max-width:360px;background:#151515;border-radius:18px;overflow:hidden;margin:0 auto}.video-wrap video{width:100%;height:100%;object-fit:cover}.video-wrap.mirror video{transform:scaleX(-1)}.look-natural video{filter:brightness(1.03) contrast(1.02) saturate(1.02)}.look-soft video{filter:brightness(1.06) contrast(.97) saturate(.98)}.look-flattering video{filter:brightness(1.08) contrast(.98) saturate(1.04)}.tele{position:absolute;left:8%;right:8%;bottom:12%;background:rgba(0,0,0,.5);color:#fff;border-radius:12px;padding:12px;text-align:center;font-size:clamp(17px,3vw,26px);line-height:1.28}.record-dot{display:inline-block;width:10px;height:10px;background:#d8473e;border-radius:50%;margin-right:6px}.media-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.scheduler{display:grid;grid-template-columns:1fr 1fr;gap:14px}.publication-item{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.publication-item:last-child{border:0}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);background:white;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{font-size:36px}.auth-tabs{display:flex;gap:5px;background:#f1f0ec;padding:4px;border-radius:12px;margin:22px 0}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px}.auth-tabs button.active{background:white;box-shadow:0 1px 4px rgba(0,0,0,.08)}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.mobile-nav{display:none}.hide{display:none!important}.spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.shell{display:block}.side{display:none}.main{padding:24px 18px 92px}.grid-2,.grid-3,.scheduler{grid-template-columns:1fr}.topbar{align-items:flex-start}.mobile-nav{position:fixed;z-index:20;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 12px 38px rgba(0,0,0,.13);backdrop-filter:blur(12px)}.mobile-nav button{border:0;background:transparent;min-height:48px;border-radius:11px;font-size:11px;color:var(--muted)}.mobile-nav button.active{background:var(--accent);color:white}.video-wrap{max-height:58vh}.field input,.field textarea,.field select{font-size:16px}.btn{min-height:46px}}
.resume{grid-column:1/-1;min-height:120px;background:#fcfbf8}.resume h2{margin-bottom:4px}.topping-list{display:grid;gap:8px}.topping{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfaf7}.topping span{display:grid;gap:3px}.topping small{color:var(--muted);font-size:12px}.topping input{width:19px;height:19px;accent-color:var(--accent)}.inline-input{display:grid;grid-template-columns:1fr auto;gap:8px}.inline-link{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:0;margin-left:4px}.primary-actions .btn{min-width:150px}.btn.primary-outline{background:white;border-color:var(--accent);color:var(--accent)}.secondary-save{align-self:start}.btn:disabled{opacity:.48;cursor:not-allowed}.render-progress{height:8px;border-radius:999px;background:#eceae3;overflow:hidden}.render-progress>span{display:block;height:100%;background:var(--accent);width:0}.safe-note{font-size:12px;color:var(--muted)}
@media(max-width:820px){.inline-input{grid-template-columns:1fr}.primary-actions{display:grid;grid-template-columns:1fr 1fr}.primary-actions .btn{min-width:0}.resume{grid-column:auto}}

/* V1 interface completion */
.duration-field label{display:flex;align-items:center;justify-content:space-between;gap:16px}.duration-range{padding:0!important;border:0!important;box-shadow:none!important;accent-color:var(--accent);height:28px}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:-4px}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2px}.compact-grid{gap:12px}.library-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.library-item:last-child{border-bottom:0}.library-item>div:first-child{min-width:0}.library-item strong{display:block;overflow-wrap:anywhere}.inspiration-result{border-color:#cfc9df;background:#fcfbff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.price-card{box-shadow:none}.price-card.featured{border-color:#a7a0bf;box-shadow:0 14px 40px rgba(52,48,70,.10)}.price{font-size:38px;font-weight:700;letter-spacing:-.04em;margin-top:8px}.price span{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:4px}.contact-price{font-size:31px}.price-card ul{margin:0;padding-left:20px;display:grid;gap:9px;color:#4f4d49;line-height:1.35}.public-page{min-height:100dvh;background:var(--bg)}.public-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(251,250,247,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.public-main{max-width:1180px;margin:0 auto;padding:56px clamp(20px,5vw,56px) 80px}.public-main h1{max-width:760px}.public-lead{max-width:720px;font-size:17px;line-height:1.55;margin:14px 0 34px}.color-field input[type=color]{height:48px;padding:5px}.settings-tabs .chip{background:#fff}.settings-tabs .chip.active{background:var(--accent);color:#fff}.price-card .btn{margin-top:auto}
@media(max-width:920px){.pricing-grid{grid-template-columns:1fr}.price-card{max-width:650px;width:100%;margin:0 auto}}
@media(max-width:820px){.settings-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.settings-tabs .chip{white-space:nowrap}.library-item{align-items:flex-start;flex-direction:column}.library-item .actions{width:100%}.library-item .actions .btn{flex:1}.duration-field label{align-items:flex-start;flex-direction:column;gap:4px}.public-main{padding-top:34px}}
.asset-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.asset-choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfaf7}.asset-choice input{width:18px;height:18px;accent-color:var(--accent)}.asset-choice span{display:grid;gap:2px;min-width:0;font-size:13px}.asset-choice small{font-size:11px;color:var(--muted)}
@media(max-width:820px){.asset-picker{grid-template-columns:1fr}}
/* KUNOTO beta: warm, restrained mobile-first interface */
:root{--bg:#f7f7f2;--panel:#fffefa;--ink:#193531;--muted:#5d6d68;--line:#dbe3db;--accent:#245e52;--accent-soft:#e7f0e9;--shadow:0 8px 26px rgba(22,61,52,.045)}
body{line-height:1.5}h1,h2,h3{color:var(--ink)}h1{font-weight:700;letter-spacing:-.055em}h2{font-weight:650}.side{background:#f3f5ef;padding:28px 16px}.nav button{font-weight:600;color:#4d625b;min-height:46px}.nav button.active{background:var(--accent-soft);color:var(--accent)}.brand-lockup{display:inline-flex;align-items:center;gap:8px;letter-spacing:.09em;font-weight:800;font-size:20px;color:var(--accent)}.mark{width:36px;height:36px;flex:none}.account-link{margin-top:auto;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--panel);padding:10px;border-radius:14px;color:var(--ink);width:100%;cursor:pointer}.account-link>span:last-child{display:grid;min-width:0}.account-link small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d5e8dd;color:var(--accent);font-weight:700;flex:none}.mobile-brand{display:none}.main{max-width:1240px}.topbar{margin-bottom:18px}.lead{font-size:17px;color:var(--muted);margin:0 0 22px;max-width:650px}.door-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.door{text-align:left;display:grid;gap:12px;min-height:192px;position:relative;box-shadow:none;transition:transform .18s ease,border-color .18s ease;color:var(--ink)}.door:hover{transform:translateY(-2px);border-color:#91b6a3}.door strong{font-size:clamp(19px,2vw,25px);line-height:1.17;letter-spacing:-.035em;max-width:280px}.door .muted{font-size:13px;max-width:290px}.door-arrow{position:absolute;right:20px;top:17px;color:var(--accent);font-size:22px}.choice-index{letter-spacing:.07em;font-weight:700;color:var(--accent)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:32px 0 14px;gap:12px}.section-heading h2{margin:0}.calendar-actions{margin:0 0 20px}.planner-card{max-width:720px}.option-list{display:grid;gap:8px}.selection{min-height:54px;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-weight:600}.selection:hover,.selection.active{background:var(--accent-soft);border-color:#a5c9b4}.selection span{color:var(--accent)}.step-progress{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:14px 0 8px}.step-progress span{color:var(--muted)}.step-pill{background:var(--panel);font:inherit;font-size:12px;cursor:pointer}.step-pill.done{color:var(--accent);border-color:#9cbfac}.step-pill:disabled{cursor:default;opacity:.55}.distribution{box-shadow:none;margin:16px 0}.distribution-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.goal-tag{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-size:11px;padding:5px 9px;border-radius:8px;background:var(--accent-soft);color:#245e52;font-weight:600}.goal-tag strong{font-size:12px}.calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.calendar-item{display:grid;align-content:start;gap:10px;box-shadow:none}.calendar-item>strong{line-height:1.35}.calendar-item .btn{margin-top:6px}.account-menu{display:grid;gap:10px;max-width:680px}.menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;min-height:78px;box-shadow:none;color:var(--ink)}.menu-row small{display:block;color:var(--muted);margin-top:3px}.library-tools{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(120px,1fr)) auto;gap:12px;align-items:end;margin:16px 0}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-grid.reference-list{grid-template-columns:1fr}.reference-item{padding:12px;box-shadow:none;display:grid;gap:10px;min-width:0}.reference-list .reference-item{grid-template-columns:80px 1fr auto;align-items:center}.reference-thumb{height:120px;background:linear-gradient(145deg,#dbe9db,#eff2e8);display:grid;place-items:center;border-radius:10px;font-size:27px;color:var(--accent)}.reference-list .reference-thumb{height:60px}.reference-details{display:grid;gap:5px;min-width:0}.reference-details strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-details .small{overflow:hidden;text-overflow:ellipsis}.reference-dialog{border:1px solid var(--line);border-radius:18px;padding:24px;max-width:min(560px,calc(100vw - 28px));width:100%;background:var(--panel);color:var(--ink)}.reference-dialog::backdrop{background:rgba(10,36,29,.5)}.reference-dialog video{max-height:58vh;width:100%;background:#222}.rescue-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a5c9b4;outline-offset:2px}
@media(max-width:1000px){.calendar-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.mobile-brand{display:block;margin:0 0 25px}.main{padding:19px 16px calc(115px + env(safe-area-inset-bottom))}.mobile-nav{left:0;right:0;bottom:0;border-radius:16px 16px 0 0;border-bottom:0;grid-template-columns:repeat(6,minmax(0,1fr));padding:5px 2px calc(6px + env(safe-area-inset-bottom));gap:0}.mobile-nav button{font-size:10px;line-height:1.15;min-width:0;padding:4px 1px;overflow-wrap:anywhere}.mobile-nav button.active{background:var(--accent-soft);color:var(--accent)}.door-grid{grid-template-columns:1fr}.door{min-height:145px;gap:6px}.door strong{font-size:21px}.calendar-grid,.reference-grid{grid-template-columns:1fr}.library-tools{grid-template-columns:1fr 1fr}.library-tools .field:first-child{grid-column:1/-1}.library-tools .actions{align-self:end}.reference-list .reference-item{grid-template-columns:54px 1fr}.reference-list .reference-item .actions{grid-column:1/-1}.reference-list .reference-thumb{height:54px}.rescue-options{grid-template-columns:1fr}.step-progress{display:grid}.auth-card{padding:22px}.auth-card h1{font-size:30px}.public-header{height:64px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}