:root{--terracotta: #b94a22;--terracotta-ink: #93401b;--cocoa: #3a2a1c;--sun: #dda141;--app-bg: #faf5ec;--pane-bg: #f7efe2;--card-bg: #ffffff;--border: #eadbc2;--muted: #8a7458;--muted-2: #6e5c44;--hairline: #f0e6d2;--disabled: #d8c9ac;--chip-warm: #f4e2ce;--success-bg: #f4f9f2;--success-border: #cbe3cf;--success-text: #1f7a48;--warn-bg: #fbf3e8;--warn-text: #b0483a;--link: #b0592a;--teal: #167f73;--teal-soft: #e6f3ef;--blue: #3479a6;--blue-soft: #e7f0f6;--honey: #a87516;--honey-soft: #fff2d7;--rose-soft: #fae8df;--font-display: "Comfortaa", system-ui, sans-serif;--font-ui: "Onest", system-ui, sans-serif;--ease: cubic-bezier(.2, .7, .3, 1);--dur: .16s;--shadow-1: 0 1px 2px rgba(58, 42, 28, .05), 0 6px 20px rgba(58, 42, 28, .06)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh;min-height:100dvh}body{margin:0;background:var(--app-bg);color:var(--cocoa);font-family:var(--font-ui)}.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--app-bg)}.app-content{flex:1;min-height:0;overflow-y:auto}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}button,a,[role=button],.tap{-webkit-tap-highlight-color:transparent}button{transition:transform var(--dur) var(--ease),filter var(--dur) var(--ease)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.55}.tap{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.tap:active{transform:scale(.985)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible,.tap:focus-visible{outline:2px solid var(--terracotta-ink);outline-offset:2px}.skeleton{background:linear-gradient(90deg,#efe6d6,#f8f1e4,#efe6d6);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:8px}.yuva-page{animation:screenIn .25s ease;padding:14px 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:12px}.yuva-page--flush{padding:0 0 calc(env(safe-area-inset-bottom) + 16px)}.yuva-hero{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-1)}.yuva-hero--warm{background:linear-gradient(180deg,#fffaf2,#fff)}.yuva-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.yuva-title{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.2}.yuva-sub{margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.45}.yuva-chip-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.yuva-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;border:1px solid var(--border);background:#fff;color:var(--muted-2);padding:4px 9px;font-size:11.5px;font-weight:700;white-space:nowrap}.yuva-chip--ai,.yuva-chip--teal{border-color:#c7ded8;background:var(--teal-soft);color:var(--teal)}.yuva-chip--blue{border-color:#c9dce9;background:var(--blue-soft);color:var(--blue)}.yuva-chip--honey{border-color:#ecd7a7;background:var(--honey-soft);color:var(--honey)}.yuva-chip--warm{border-color:#e8d1c2;background:var(--rose-soft);color:var(--terracotta-ink)}.yuva-mini-icon{width:24px;height:24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--chip-warm);color:var(--terracotta-ink);font-size:12px;font-weight:900}.yuva-mini-icon--teal{background:var(--teal-soft);color:var(--teal)}.yuva-mini-icon--blue{background:var(--blue-soft);color:var(--blue)}.yuva-mini-icon--honey{background:var(--honey-soft);color:var(--honey)}.yuva-section-title{color:#b0967a;font:800 10px ui-monospace,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}.yuva-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden}.yuva-panel--tinted{background:#fffaf2}.yuva-row{display:flex;gap:10px;align-items:flex-start;padding:11px 13px}.yuva-row+.yuva-row{border-top:1px solid var(--hairline)}.yuva-row__title{font-size:13.5px;font-weight:800;line-height:1.3}.yuva-row__sub{margin-top:2px;color:var(--muted);font-size:11.8px;line-height:1.35}.yuva-composer{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:11px;box-shadow:0 8px 24px #3a2a1c12}.yuva-composer:focus-within{border-color:#c36a3a;box-shadow:0 0 0 3px #b94a221c,0 8px 24px #3a2a1c12}.yuva-textarea,.yuva-input{width:100%;border:none;outline:none;background:transparent;color:var(--cocoa);font-family:var(--font-ui);font-size:15px;line-height:1.45}.yuva-textarea{min-height:112px;resize:none}.yuva-input{padding:4px 0 2px}.yuva-readiness{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:9px}.yuva-meter{height:7px;border-radius:20px;background:#f0e6d2;overflow:hidden}.yuva-meter>span{display:block;height:100%;width:var(--pct);border-radius:inherit;background:var(--honey);transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}.yuva-meter.is-ready>span{background:var(--teal)}.yuva-meter.is-steady>span{background:var(--terracotta)}.yuva-readiness__label{color:var(--muted-2);font-size:11.5px;font-weight:800;white-space:nowrap}.yuva-route{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;align-items:start;margin-top:12px}.yuva-route__step{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;color:var(--muted);font-size:10.8px;font-weight:800}.yuva-route__step:not(:last-child):after{content:"";position:absolute;left:calc(50% + 15px);right:calc(-50% + 15px);top:12px;height:2px;background:#eadbc2}.yuva-route__dot{z-index:1;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);color:var(--muted-2);font-size:11px;font-weight:900}.yuva-route__step.is-active{color:var(--teal)}.yuva-route__step.is-active .yuva-route__dot{background:var(--teal);color:#fff;border-color:var(--teal)}.yuva-ai-note{background:var(--teal-soft);border:1px solid #c7ded8;border-radius:14px;padding:11px 13px;color:#225f57;font-size:12.5px;line-height:1.45}.yuva-ai-note strong{color:var(--teal)}.yuva-action-grid{display:flex;flex-direction:column;gap:8px}.yuva-action{background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px;display:flex;gap:11px;align-items:flex-start;cursor:pointer}.yuva-action.is-primary{border-color:#c7ded8;background:#fbfffc}.yuva-action__text{flex:1;min-width:0}.yuva-action__title{font-size:14.5px;font-weight:800;line-height:1.25}.yuva-action__sub{margin-top:3px;color:var(--muted);font-size:12.3px;line-height:1.35}.yuva-button{border:none;border-radius:14px;padding:13px 14px;font:800 15px var(--font-ui);color:#fff;background:var(--terracotta);cursor:pointer}.yuva-button:disabled{background:#d6c6a8;color:#fff}.yuva-button--ghost{background:#fff;color:var(--terracotta-ink);border:1px solid var(--border)}.yuva-card-header{background:#fffaf2;border-bottom:1px solid var(--border);padding:16px}.yuva-completeness{margin-top:11px;display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.yuva-completeness__bar{height:8px;background:#f0e6d2;border-radius:20px;overflow:hidden}.yuva-completeness__bar>span{display:block;height:100%;width:var(--pct);background:var(--teal);border-radius:inherit}.yuva-completeness__text{color:var(--muted);font-size:11.5px;font-weight:800}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.devbar{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;pointer-events:none}.devbar-toggle{pointer-events:auto;align-self:center;margin-bottom:calc(70px + env(safe-area-inset-bottom));background:var(--pane-bg);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font:500 12px var(--font-ui);cursor:pointer;box-shadow:0 4px 14px #3a2a1c2e}.devbar-menu{pointer-events:auto;background:var(--card-bg);border-top:1px solid var(--border);max-height:45vh;overflow:auto;padding:8px calc(8px + env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.devbar-item{text-align:left;background:var(--pane-bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--cocoa);font:500 13px var(--font-ui);cursor:pointer}.devbar-item.on{border-color:var(--terracotta);color:var(--terracotta)}.devbar-item .muted{color:var(--muted);font-size:11px}