*,*:before,*:after{box-sizing:border-box}:root{--brand: #b5632a;--brand-light: #f9ede4;--brand-soft: #d4b8a8;--dark: #1a1208;--mid: #6b5744;--mid-muted: #7d6f62;--hint: #8c7d72;--light: #fdf8f4;--white: #ffffff;--card-shadow: 0 4px 28px rgba(26, 18, 8, .06);--card-shadow-accent: 0 8px 32px rgba(181, 99, 42, .12);--font-display: "Cormorant Garamond", "Georgia", "Times New Roman", serif;--font-ui: "Outfit", system-ui, sans-serif;--radius-lg: 18px;--radius-md: 12px;--ease-out: cubic-bezier(.22, 1, .36, 1)}html{color-scheme:light}body{margin:0;min-height:100vh;font-family:var(--font-ui);font-weight:400;background-color:var(--light);background-image:radial-gradient(ellipse 140% 90% at 100% -25%,rgba(181,99,42,.11),transparent 52%),radial-gradient(ellipse 100% 80% at -15% 70%,rgba(107,87,68,.07),transparent 48%),linear-gradient(180deg,var(--light) 0%,#faf6f1 55%,var(--light) 100%);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-page{position:relative;min-height:100vh;isolation:isolate}.app-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}.app-page>*{position:relative;z-index:1}.split-root{display:flex;flex-direction:row;min-height:100vh;width:100%;position:relative}.split-left{flex:1 1 100%;width:100%;min-width:0;transition:flex .42s var(--ease-out),width .42s var(--ease-out)}.split-root.split-root--open{height:100vh;max-height:100vh;overflow:hidden}.split-root.split-root--open .split-left{flex:1 1 50%;width:50%;max-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.split-left .app-page{min-height:min(100vh,100%)}.split-right{flex:0 0 0;width:0;min-width:0;max-height:100vh;overflow:hidden;opacity:0;visibility:hidden;transition:flex .42s var(--ease-out),width .42s var(--ease-out),opacity .22s ease,visibility 0s linear .42s;border-left:1px solid transparent;background:#f4f3f1;display:flex;flex-direction:column}.split-root--open .split-right{flex:1 1 50%;width:50%;opacity:1;visibility:visible;transition-delay:0s,0s,0s,0s;border-left-color:#1a12081f;box-shadow:-18px 0 56px #1a120814}.sop-panel{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.sop-panel__toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(26,18,8,.1);background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sop-panel__title{font-size:1.2rem;font-weight:600;color:var(--dark);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sop-panel__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sop-panel__link{font-size:12px;font-weight:600;color:var(--brand);text-decoration:none;padding:7px 12px;border-radius:8px;border:1px solid rgba(181,99,42,.35);transition:background .15s ease}.sop-panel__link:hover{background:var(--brand-light)}.sop-panel__close{font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:7px 14px;border-radius:8px;border:1px solid rgba(26,18,8,.14);background:var(--white);color:var(--dark);transition:border-color .15s ease,color .15s ease}.sop-panel__close:hover{border-color:var(--brand);color:var(--brand)}.sop-panel__frame{flex:1 1 auto;min-height:0;width:100%;border:0;background:#3d3d3d}.split-backdrop{display:none}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 820px){.split-root--open .split-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:197;border:none;padding:0;margin:0;background:#1a120873;cursor:pointer;animation:backdrop-fade .22s ease}.split-root.split-root--open{height:auto;max-height:none;overflow:visible}.split-root--open .split-left{flex:1 1 100%;width:100%;max-height:none;overflow:visible}.split-right{position:fixed;top:0;right:0;bottom:0;width:min(100vw,540px);max-width:100%;flex:none!important;z-index:200;transform:translate(108%);opacity:1;visibility:visible;transition:transform .38s var(--ease-out);border-left:1px solid rgba(26,18,8,.1);box-shadow:-24px 0 64px #1a120833;background:#f4f3f1}.split-root--open .split-right{transform:translate(0)}.split-root:not(.split-root--open) .split-right{pointer-events:none;visibility:hidden;transition:transform .38s var(--ease-out),visibility 0s linear .38s}}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}button:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}@keyframes fade-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-dot{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-7px);opacity:1}}.stagger{animation:fade-rise .62s var(--ease-out) backwards}.stagger-1{animation-delay:.06s}.stagger-2{animation-delay:.13s}.stagger-3{animation-delay:.2s}.stagger-4{animation-delay:.27s}.animate-fade-up{animation:fade-rise .42s var(--ease-out) backwards}@media (prefers-reduced-motion: reduce){.stagger,.animate-fade-up{animation:none!important;opacity:1!important;transform:none!important}.loading-dot{animation:none!important;opacity:.65!important}.split-left,.split-right{transition:none!important}.split-root--open .split-backdrop{animation:none!important}.btn-primary:hover:not(:disabled),.chip-btn:hover:not(:disabled),.copy-btn:hover:not(:disabled){transform:none}}.font-display{font-family:var(--font-display)}.section-label{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:.06em;color:var(--dark);margin-bottom:10px}.section-label--micro{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}.app-header{background:#ffffffd1;border-bottom:1px solid var(--brand-light);padding:0 clamp(16px,4vw,28px);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #b5632a0f}.app-header-inner{max-width:760px;margin:0 auto;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.app-brand-lockup{display:flex;align-items:center;gap:14px}.app-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--brand) 0%,#8f4a20 100%);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 6px 18px #b5632a47}.app-brand-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.8vw,1.55rem);font-weight:600;color:var(--dark);line-height:1.05;letter-spacing:.02em}.app-brand-tagline{font-size:11px;color:var(--mid);font-weight:500;letter-spacing:.04em;margin-top:3px}.sop-pdf-link{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 12px;border-radius:999px;font-size:12px;font-weight:600;font-family:inherit;color:var(--dark);text-decoration:none;background:var(--white);border:1px solid rgba(26,18,8,.12);box-shadow:0 2px 10px #1a12080d;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}.sop-pdf-link:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 4px 14px #b5632a1f;transform:translateY(-1px)}.sop-pdf-link__icon{font-size:14px;line-height:1}.app-badge{background:linear-gradient(135deg,var(--brand-light),#fff);border:1px solid rgba(181,99,42,.18);border-radius:999px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--brand);letter-spacing:.06em;flex-shrink:0}.app-main{max-width:760px;margin:0 auto;padding:clamp(22px,4vw,32px) clamp(14px,3vw,20px) 88px}.hero-intro{position:relative;background:var(--white);border-radius:var(--radius-lg);padding:clamp(20px,3vw,26px) clamp(22px,3vw,28px);margin-bottom:28px;border:1px solid rgba(181,99,42,.14);box-shadow:var(--card-shadow)}.hero-intro:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:5px;border-radius:0 6px 6px 0;background:linear-gradient(180deg,var(--brand),#d48952)}.hero-intro p{margin:0;padding-left:12px;font-size:15px;line-height:1.72;color:var(--mid)}.hero-intro strong{color:var(--dark);font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip-btn{background:var(--white);border:1.5px solid var(--brand-light);border-radius:999px;padding:8px 16px;font-size:12.5px;font-family:inherit;font-weight:600;color:var(--brand);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.chip-btn:hover:not(:disabled){background:var(--brand-light);border-color:var(--brand);transform:translateY(-1px)}.chip-btn:disabled{opacity:.55;cursor:wait}.panel{background:var(--white);border-radius:var(--radius-lg);padding:clamp(18px,3vw,24px);border:1px solid rgba(181,99,42,.12);margin-bottom:18px;box-shadow:var(--card-shadow)}.field-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:8px}.field-label--brand{color:var(--brand)}.field-label--mid{color:var(--mid)}.textarea-field{width:100%;resize:vertical;border-radius:var(--radius-md);padding:12px 14px;font-size:14px;font-family:inherit;line-height:1.6;color:var(--dark);outline:none;box-sizing:border-box;background:#fdf8f4a6;border:1.5px solid var(--brand-light);transition:border-color .18s ease,box-shadow .18s ease}.textarea-field:hover{border-color:#b5632a59}.textarea-field:focus{border-color:var(--brand);box-shadow:0 0 0 3px #b5632a1f}.textarea-field--secondary{font-size:13px;color:var(--mid);border-color:#e8e6e0;min-height:68px}.textarea-field--secondary:focus{border-color:var(--mid);box-shadow:0 0 0 3px #6b57441f}.field-group{margin-bottom:18px}.form-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.form-hint{font-size:12px;color:var(--hint)}.btn-primary{border:none;border-radius:var(--radius-md);padding:12px 30px;font-size:14px;font-weight:700;font-family:inherit;letter-spacing:.03em;cursor:pointer;background:linear-gradient(165deg,var(--brand),#9a5220);color:var(--white);box-shadow:0 6px 20px #b5632a47;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #b5632a57}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--brand-soft);box-shadow:none;cursor:not-allowed}.loading-panel{background:var(--white);border-radius:var(--radius-lg);padding:30px 24px;border:1px solid var(--brand-light);text-align:center;margin-bottom:20px}.loading-dots{display:inline-flex;gap:6px;align-items:center;padding:2px 0}.loading-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:bounce-dot 1.15s infinite ease-in-out}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.36s}.loading-panel p{margin:14px 0 0;font-size:13px;color:var(--mid)}.alert-error{background:#fcebeb;border-radius:var(--radius-md);padding:16px 20px;border:1px solid #f7c1c1;margin-bottom:20px;color:#a32d2d;font-size:14px;line-height:1.55}.response-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(181,99,42,.14);box-shadow:var(--card-shadow-accent)}.response-card__header{padding:14px 22px;display:flex;flex-direction:column;gap:6px}.response-card__meta{color:#ffffffeb;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.response-card__stage{color:var(--white);font-size:13px;font-weight:700;letter-spacing:.02em;line-height:1.38}.response-card__option{padding:22px 24px 18px}.response-card__option:not(:last-of-type){border-bottom:1px solid var(--brand-light)}.response-option-label{font-size:11px;font-weight:700;color:var(--mid);margin-bottom:12px;letter-spacing:.07em;text-transform:uppercase}.response-quote{background:var(--brand-light);border-radius:var(--radius-md);padding:16px 18px;border-left:4px solid var(--brand);margin-bottom:16px}.response-quote__tag{font-size:11px;font-weight:700;color:var(--brand);margin-bottom:8px;letter-spacing:.05em}.response-quote__text{margin:0;font-size:14.5px;line-height:1.68;color:var(--dark);white-space:pre-wrap}.response-rationale{margin-top:16px}.response-rationale__inner{background:#f1efe8;border-radius:10px;padding:12px 16px}.response-rationale__tag{font-size:11px;font-weight:700;color:var(--mid);margin-bottom:6px;letter-spacing:.05em}.response-rationale__text{margin:0;font-size:13px;color:var(--mid);line-height:1.62}.response-alert-wrap{padding:14px 24px 22px;border-top:1px solid var(--brand-light)}.response-alert{background:#faeeda;border-radius:10px;padding:12px 16px;border-left:3px solid #854f0b}.response-alert__tag{font-size:11px;font-weight:700;color:#854f0b;margin-bottom:6px;letter-spacing:.05em}.response-alert__text{margin:0;font-size:13px;color:#633806;line-height:1.62}.response-empty{background:var(--white);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--brand-light);color:var(--mid);font-size:14px}.copy-btn{border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease;background:var(--brand);color:var(--white);display:inline-flex;align-items:center;gap:6px}.copy-btn:hover:not(:disabled){transform:translateY(-1px)}.copy-btn--copied{background:#3b6d11}.history-stack{display:flex;flex-direction:column;gap:10px}.history-btn{background:var(--white);border:1px solid var(--brand-light);border-radius:var(--radius-md);padding:11px 17px;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease}.history-btn:hover{border-color:var(--brand);box-shadow:0 4px 14px #b5632a14}.history-stage{font-size:12px;color:var(--brand);font-weight:600;margin-bottom:3px}.history-msg{font-size:13px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-lg{margin-bottom:28px}.mb-md{margin-bottom:24px}