html{width:100%;max-width:100%;overflow-x:hidden}:root{color-scheme:light;font-family:Pretendard Variable,Pretendard,Noto Sans KR,sans-serif;line-height:1.5;font-weight:400;background:#f7f3ea;color:#171717}*{box-sizing:border-box}body{margin:0;width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden}#root{width:100%;max-width:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:720px;margin:0 auto;width:100%;overflow-x:hidden}.header{padding:16px 20px;border-bottom:1px solid #e0d9cc;background:#fffcf5f2;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.header-brand{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0}.header-title-row{display:inline-flex;align-items:flex-start;gap:8px;width:max-content;max-width:100%;min-width:0}.header h1{display:block;margin:0;min-width:0;flex:0 1 auto;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em;color:#8b6a3d}.header-about-button{flex:0 0 auto;align-self:flex-start;border:1px solid #d9d2c4;background:#fffcf5f2;color:#7a7064;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.header-about-button:hover{background:#f6efe4}.header .subtitle{margin:2px 0 0;font-size:.75rem;color:#9a9084}.clear-button{align-self:start;border:1px solid #d9d2c4;background:#fffcf5f2;color:#7a7064;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;font-family:inherit;font-size:.75rem;cursor:pointer;white-space:nowrap}.clear-button:disabled{opacity:.45;cursor:not-allowed}.messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.message{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message.user{align-self:flex-end;background:#4a3f2f;color:#faf8f4;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#fffcf5eb;border:1px solid #e0d9cc;border-bottom-left-radius:4px;color:#2a2520}.status-log{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.queue-summary{margin-bottom:4px;padding:8px 10px;border-radius:10px;font-size:.76rem;line-height:1.45;background:#f5ead5;color:#7a5c1f}.queue-summary.running{background:#e9f2e1;color:#49653a}.status-item{font-size:.75rem;line-height:1.45;color:#8f877d}.assistant-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.75rem;color:#9a9084}.stream-caret{margin-top:8px;font-size:.75rem;color:#8f877d}.message.assistant .citations{margin-top:10px;padding-top:8px;border-top:1px solid #e0d9cc;font-size:.8125rem;color:#7a7064}.message.assistant .citation-item{margin:2px 0}.message.thinking{align-self:flex-start;background:transparent;border:1px dashed #ccc5b8;color:#9a9084;font-size:.875rem}.input-area{padding:12px 20px;border-top:1px solid #e0d9cc;background:#fffcf5f2;position:sticky;bottom:0;backdrop-filter:blur(8px)}.input-row{display:flex;gap:8px}.input-meta{display:flex;justify-content:flex-end;margin-top:6px;font-size:.75rem;color:#9a9084}.input-meta .limit-reached{color:#8b6a3d;font-weight:600}.input-row textarea{flex:1;min-width:0;padding:10px 14px;border:1px solid #d9d2c4;border-radius:12px;background:#fff;font-family:inherit;font-size:1rem;line-height:1.5;resize:none;outline:none;min-height:44px;max-height:120px}.input-row textarea:focus{border-color:#8b6a3d}.input-row button{padding:0 18px;border:none;border-radius:12px;background:#4a3f2f;color:#faf8f4;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;white-space:nowrap;min-height:44px}.input-row button:disabled{opacity:.5;cursor:not-allowed}.input-row button:hover:not(:disabled){background:#3a3025}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9a9084;text-align:center}.empty-state h2{margin:0 0 8px;font-size:1.125rem;color:#6b6058}.empty-state p{margin:0;font-size:.875rem}.empty-state-copy{display:flex;flex-direction:column;align-items:center;gap:6px}.empty-state-description{margin:0}.empty-state-example{margin:0;padding:6px 10px;border-radius:999px;background:#8b6a3d1a;color:#7b613e;font-size:13px;max-width:min(100%,620px)}.modal-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;background:#2d231675;backdrop-filter:blur(10px)}.about-modal{position:relative;width:min(100%,680px);max-height:min(80dvh,760px);overflow-y:auto;border-radius:24px;padding:28px 24px 24px;background:linear-gradient(180deg,#fffcf6fc,#f7f0e4fc);border:1px solid rgba(180,156,117,.28);box-shadow:0 28px 80px #3a2d1b3d;color:#2e2419}.about-modal h2{margin:0;font-size:1.45rem;line-height:1.35;letter-spacing:-.03em;color:#5e482b}.about-modal-body{margin-top:18px;display:flex;flex-direction:column;gap:14px}.about-modal-body p{margin:0;font-size:.95rem;line-height:1.75;color:#514233}.about-modal-body strong{color:#5e482b;font-weight:700}.text-container{word-break:keep-all}.modal-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid rgba(181,156,118,.35);border-radius:999px;background:#fff9efe6;color:#7a6140;font-size:1.4rem;line-height:1;cursor:pointer}.modal-close:hover{background:#f8eedb}@media (max-width: 640px){.app-shell{max-width:100%}.header{width:100%;grid-template-columns:minmax(0,1fr) auto}.header,.messages,.input-area{padding-left:16px;padding-right:16px}.message{max-width:92%}.input-row textarea{font-size:16px}.about-modal{padding:24px 18px 20px;border-radius:20px}.about-modal h2{font-size:1.2rem}}