:root{--bg:#f7f1e9;--bg-accent:#efe4d1;--panel-border:#755d3a24;--text:#5f5144;--text-strong:#1f2937;--muted:#63584d;--muted-strong:#82694a;--mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--sans:"Pretendard", "Segoe UI", sans-serif;--heading:"SUIT", "Pretendard", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:radial-gradient(circle at top, #fae1babf, transparent 24%), linear-gradient(180deg, #fbf7f0, var(--bg));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 10% 10%, #f5b55433, transparent 20%), radial-gradient(circle at 90% 0%, #2f6fed29, transparent 18%), linear-gradient(180deg, #fefbf7, var(--bg));margin:0}button,input,textarea{font:inherit}#root{min-height:100vh}h1,h2,h3{color:var(--text-strong);font-family:var(--heading);margin:0}h1{letter-spacing:-.04em;margin-top:12px;font-size:clamp(2.2rem,4.5vw,4.1rem);line-height:1.04}h2{font-size:1.35rem;line-height:1.2}p{margin:0}input,textarea{color:var(--text-strong);background:#ffffffe0;border:1px solid #755d3a2e;border-radius:16px}button{border:none}.auth-shell,.auth-loading-shell{align-items:center;gap:24px;min-height:100vh;padding:24px;display:grid}.auth-shell{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.auth-panel,.auth-loading-card{background:radial-gradient(circle at 100% 0,#ffcb8a33,#0000 32%),#ffffffd6;border:1px solid #755d3a1f;border-radius:32px;box-shadow:0 24px 60px #5c433614}.auth-panel-copy{padding:42px}.auth-panel-form,.auth-loading-card{width:100%;max-width:520px;padding:28px}.auth-loading-shell{justify-items:center}.auth-kicker{color:#c86657;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:.84rem;font-weight:700}.auth-copy{max-width:54ch;color:var(--muted);margin-top:16px;font-size:1.02rem}.auth-copy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.auth-copy-grid div{background:#fff8f0d1;border-radius:24px;flex-direction:column;gap:8px;padding:18px;display:flex}.auth-copy-grid strong{color:var(--text-strong)}.auth-copy-grid span{color:var(--muted);font-size:.94rem}.auth-tab-row{gap:10px;margin-bottom:24px;display:flex}.auth-tab{color:var(--text-strong);cursor:pointer;background:#eee3d3cc;border-radius:999px;flex:1;padding:13px 16px;font-weight:700}.auth-tab-active{color:#fff;background:linear-gradient(135deg,#f27d68,#ff9f7e)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form-copy{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.auth-form-copy p{color:var(--muted)}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field span{color:var(--text-strong);font-size:.95rem;font-weight:700}.auth-field input{padding:15px 16px}.auth-error{color:#a33f36;white-space:pre-wrap;background:#ffe8e8e6;border-radius:16px;padding:12px 14px}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f27d68,#ff9f7e);border-radius:18px;padding:15px 18px;font-weight:800}.auth-submit:disabled{cursor:wait;opacity:.7}@media (width<=960px){.auth-shell,.auth-copy-grid{grid-template-columns:1fr}}.studio-shell{min-height:100vh;padding:32px 24px 48px}.studio-account-bar{background:#ffffffb8;border:1px solid #755d3a1f;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto 20px;padding:18px 22px;display:flex;box-shadow:0 16px 32px #5c43360f}.studio-account-bar>div{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.studio-account-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.studio-account-bar strong{color:var(--text-strong);font-size:1rem}.studio-account-bar span{color:var(--muted);font-family:var(--mono);font-size:.92rem}.studio-hero{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:stretch;gap:24px;max-width:1320px;margin:0 auto 24px;display:grid}.studio-kicker,.panel-kicker,.modal-kicker{color:#c86657;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.85rem;font-weight:700}.studio-hero-copy{max-width:720px;color:var(--muted);margin-top:18px;font-size:1.05rem}.studio-highlight{background:radial-gradient(circle at 100% 0,#ffbcad8c,#0000 38%),linear-gradient(145deg,#fff6f0f2,#ffffffeb);border:1px solid #c4786a29;border-radius:32px;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px;display:grid;box-shadow:0 24px 50px #6e4f3e14}.studio-highlight div{background:#ffffffb8;border-radius:24px;flex-direction:column;gap:6px;padding:18px 16px;display:flex}.studio-highlight strong{color:var(--text-strong);font-size:1.6rem}.studio-highlight span{color:var(--muted);font-size:.95rem}.studio-tabs{gap:12px;max-width:1320px;margin:0 auto 24px;display:flex}.tab-chip{color:var(--text-strong);cursor:pointer;background:#ffffffb8;border:1px solid #856f6129;border-radius:999px;padding:13px 22px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s}.tab-chip:hover{transform:translateY(-1px);box-shadow:0 14px 28px #5c433614}.tab-chip-active{color:#fff;background:linear-gradient(135deg,#f27d68,#ff9f7e);border-color:#0000}.studio-grid,.live-grid,.friend-grid{max-width:1320px;margin:0 auto}.studio-grid{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}.clone-section-stack{flex-direction:column;gap:28px;display:flex}.clone-list-section{flex-direction:column;gap:16px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.live-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.friend-grid{grid-template-columns:minmax(320px,.95fr) minmax(0,1.3fr);align-items:start;gap:24px;display:grid}.friend-panel-stack{flex-direction:column;gap:24px;display:flex}@media (width<=1120px){.studio-hero,.studio-grid,.live-grid,.friend-grid{grid-template-columns:1fr}}@media (width<=720px){.studio-shell{padding:20px 16px 36px}.studio-account-bar{flex-direction:column;align-items:flex-start}.studio-highlight{grid-template-columns:1fr}.studio-tabs{flex-direction:column;align-items:stretch}}.create-clone-card,.clone-card,.action-card{text-align:left;cursor:pointer;width:100%}.create-clone-card{background:linear-gradient(160deg,#ffcdbfe0,#ffeed6f0),#fff;border:none;border-radius:34px;flex-direction:column;gap:14px;padding:30px;display:flex;box-shadow:0 24px 60px #6e4f3e1a}.create-clone-card strong{color:var(--text-strong);font-size:1.35rem}.create-clone-card p{color:var(--muted)}.create-clone-icon{color:#d66b57;background:#ffffffd6;border-radius:22px;place-items:center;width:62px;height:62px;font-size:2rem;font-weight:500;display:inline-grid}.clone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.clone-card,.empty-card,.live-panel,.history-panel,.question-card,.voice-upload-card,.voice-card,.debate-turn-card,.bubble,.action-card{background:#ffffffd1;border:1px solid #7c60491f;border-radius:28px;box-shadow:0 20px 44px #654a3b14}.clone-card{border:none;gap:18px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex}.clone-card:hover,.action-card:hover,.voice-card:hover{transform:translateY(-2px);box-shadow:0 28px 50px #654a3b1f}.clone-avatar{color:#6d5145;background:linear-gradient(140deg,#f7bca8,#c8efe6);border-radius:24px;place-items:center;width:64px;min-width:64px;height:64px;font-size:1.05rem;font-weight:700;display:grid}.clone-card-copy{min-width:0}.clone-card-topline{color:var(--muted-strong);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.9rem;display:flex}.clone-card h2{margin-bottom:10px;font-size:1.1rem}.clone-card p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.empty-card{flex-direction:column;justify-content:center;gap:10px;padding:28px;display:flex}.empty-inline{min-height:160px}.live-panel{padding:28px}.asset-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.asset-badge{color:#355f57;background:#e7f4f0eb;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.asset-badge-public{color:#8b5b14;background:#ffe8c9f5}.asset-owner{color:var(--muted-strong);font-size:.86rem}.history-sidebar{flex-direction:column;gap:20px;display:flex}.history-panel{padding:22px}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{text-align:left;cursor:pointer;background:#fffcf9e0;border:1px solid #7c60491f;border-radius:22px;width:100%;padding:16px 18px}.history-item strong,.history-item span,.history-item p{display:block}.history-item span{color:var(--muted-strong);margin-top:6px;font-size:.83rem}.history-item p{color:var(--muted);margin-top:10px}.history-item-active{background:linear-gradient(160deg,#ffece4f0,#ffffffeb);border-color:#f27d6857}.friend-search-panel{position:sticky;top:20px}.friend-item-card{background:#fffcf9e0;border:1px solid #7c60491f;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.friend-item-card strong,.friend-item-card span{display:block}.friend-item-card span{color:var(--muted-strong);margin-top:6px;font-size:.84rem}.friend-item-card-stack{flex-direction:column;align-items:stretch}.friend-item-actions{flex-wrap:wrap;gap:12px;display:flex}.panel-heading{justify-content:space-between;gap:16px;margin-bottom:22px;display:flex}.conversation-shell{flex-direction:column;gap:18px;display:flex}.conversation-log{flex-direction:column;gap:16px;max-height:62vh;padding-right:6px;display:flex;overflow-y:auto}.bubble,.debate-turn-card{padding:20px}.bubble-user{background:linear-gradient(160deg,#ffe4d6e6,#ffffffdb)}.bubble-assistant{background:linear-gradient(160deg,#e0f7f1eb,#ffffffe6)}.bubble-role,.debate-turn-topline span{color:var(--muted-strong);font-size:.85rem;font-weight:700}.bubble p,.debate-turn-card p{color:var(--text-strong);white-space:pre-wrap;margin:12px 0 0}.bubble audio,.debate-turn-card audio{width:100%;margin-top:14px}.composer{background:#fffbf7eb;border-radius:26px;flex-direction:column;gap:12px;padding:18px;display:flex}.composer-label,.field-stack span{color:var(--text-strong);font-weight:700}.composer-input,.field-stack select,.field-stack textarea,.voice-upload-card input[type=text],.voice-upload-card input[type=file]{width:100%;color:var(--text-strong);background:#ffffffdb;border:1px solid #7c604924;border-radius:22px;padding:16px 18px}.composer-input:focus,.field-stack select:focus,.field-stack textarea:focus{outline-offset:2px;outline:2px solid #f27d6852}.composer-actions,.modal-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.composer-send-actions{align-items:center;gap:12px;display:flex}.primary-button,.secondary-button,.mic-button{cursor:pointer;border:none;border-radius:999px;padding:13px 22px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,#f27d68,#ff9f7e)}.secondary-button{color:#355f57;background:#e7f4f0eb}.mic-button{color:#a64d39;background:#ffefe9f0;min-width:88px}.mic-button-listening{color:#fff;background:linear-gradient(135deg,#d85c4b,#f27d68);box-shadow:0 12px 28px #d85c4b3d}.primary-button:disabled,.secondary-button:disabled,.mic-button:disabled{opacity:.6;cursor:wait}.debate-summary,.debate-turn-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.debate-summary{color:var(--text-strong);background:#f8efffb8;border-radius:22px;padding:16px 18px;font-weight:700}.live-empty{min-height:300px}.muted-copy,.modal-footer span{color:var(--muted)}.inline-error{color:#a43b2b;white-space:pre-wrap}@media (width<=1120px){.clone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.clone-grid{grid-template-columns:1fr}.composer-actions,.composer-send-actions,.modal-footer,.debate-summary,.clone-card-topline{flex-direction:column;align-items:stretch}.clone-card{flex-direction:column}.clone-avatar{width:56px;min-width:56px;height:56px}}.modal-shell{z-index:40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#41302a47;position:absolute;inset:0}.modal-card{background:radial-gradient(circle at 100% 0,#ffc5b452,#0000 28%),linear-gradient(#fffaf6fa,#fffffff5);border:1px solid #7c60491f;border-radius:34px;width:min(920px,100%);max-height:min(92vh,980px);position:relative;overflow:hidden;box-shadow:0 40px 80px #48332a2e}.modal-header{padding:22px 24px 12px}.modal-header-actions{justify-content:space-between;margin-bottom:12px;display:flex}.icon-button{cursor:pointer;background:#ffffffd6;border:none;border-radius:14px;place-items:center;width:42px;height:42px;display:inline-grid}.icon-button-ghost{opacity:0}.modal-copy h2{font-size:1.55rem}.modal-subtitle{color:var(--muted);margin-top:10px}.modal-body{max-height:calc(92vh - 140px);padding:0 24px 24px;overflow-y:auto}.modal-stack{flex-direction:column;gap:18px;display:flex}.modal-note{color:var(--muted);margin:0;font-size:.96rem;line-height:1.5}.questionnaire-scroll{flex-direction:column;gap:16px;display:flex}.question-card{padding:18px}.question-card legend{color:var(--text-strong);margin-bottom:14px;font-weight:700}.question-card legend span{color:#d66b57;margin-right:10px;display:inline-block}.choice-grid{flex-wrap:wrap;gap:10px;display:flex}.choice-pill,.voice-card{position:relative}.choice-pill{cursor:pointer;background:#fff;border:1px solid #7c604924;border-radius:999px;align-items:center;gap:10px;padding:12px 14px;display:inline-flex}.choice-pill input,.voice-card input{opacity:0;pointer-events:none;position:absolute}.choice-pill-active{color:var(--text-strong);background:linear-gradient(135deg,#f27d6829,#c8efe694);border-color:#0000}.action-card{border:none;padding:22px}.action-card strong{color:var(--text-strong);margin-bottom:8px;font-size:1.15rem;display:block}.action-card p,.voice-upload-card p{color:var(--muted)}.voice-list{gap:12px;display:grid}.voice-group{flex-direction:column;gap:10px;display:flex}.voice-group-title{color:var(--text-strong);font-size:1rem}.voice-card{cursor:pointer;flex-direction:column;gap:8px;padding:18px;display:flex}.voice-card-button{text-align:left;border:1px solid #7c60491f;width:100%}.voice-card-active{background:linear-gradient(160deg,#c9f0e7eb,#fff6f0f2);border-color:#0000}.voice-card strong{color:var(--text-strong)}.voice-card span{color:var(--muted);word-break:break-all;font-size:.92rem}.voice-upload-card{flex-direction:column;gap:14px;padding:20px;display:flex}.field-stack{flex-direction:column;gap:10px;display:flex}@media (width<=720px){.modal-shell{padding:12px}.modal-card{max-height:94vh}}