:root{--color-background:#0f172a;--color-sidebar:#111827;--color-surface:#1e293b;--color-surface-hover:#273449;--color-primary:#f59e0b;--color-primary-hover:#d97706;--color-user-message:#1d4ed8;--color-assistant-message:#1e293b;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-border:#334155;--color-danger:#ef4444;--color-danger-hover:#dc2626;--border-radius-small:8px;--border-radius-medium:12px;--border-radius-large:16px;--sidebar-width:clamp(260px, 25vw, 360px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:var(--color-background);min-width:320px;color:var(--color-text);margin:0;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}.app-layout{background-color:var(--color-background);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--color-sidebar);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:28px;height:100vh;padding:28px 20px;display:flex;overflow-y:auto}.sidebar-user{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:16px}.sidebar-user span{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;display:block}.sidebar-user strong{overflow-wrap:anywhere;display:block}.session-summary,.resource-list{flex-direction:column;gap:12px;display:flex}.session-summary h2,.resource-list h2{margin:0;font-size:18px}.summary-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:16px}.summary-card span{color:var(--color-text-secondary);margin-bottom:8px;font-size:13px;display:block}.summary-card strong{font-size:24px;display:block}.summary-card p{overflow-wrap:anywhere;margin:0;line-height:1.5}.resource-list ul{margin:0;padding-left:20px}.resource-list li{color:var(--color-text-secondary);margin-bottom:10px}.sidebar-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.clear-chat-button,.logout-button{width:100%;color:var(--color-text);border-radius:var(--border-radius-small);background-color:#0000;padding:12px 16px}.clear-chat-button{border:1px solid var(--color-border);transition:background-color .2s,border-color .2s}.clear-chat-button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.logout-button{border:1px solid var(--color-danger);transition:background-color .2s,color .2s}.logout-button:hover{color:#fff;background-color:var(--color-danger)}.chat-page{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.chat-header{width:100%;max-width:900px;margin:0 auto;padding:32px 24px 20px}.chat-header h1{margin:0;font-size:32px}.chat-header p{color:var(--color-text-secondary);margin:8px 0 0}.usage-tips{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);width:calc(100% - 48px);max-width:900px;margin:0 auto 20px;padding:24px}.usage-tips h2{margin:0 0 16px;font-size:20px}.usage-tips ul{margin:0;padding-left:20px}.usage-tips li{color:var(--color-text-secondary);margin-bottom:8px}.chat-history{flex-direction:column;flex:1;gap:20px;width:100%;max-width:900px;margin:0 auto;padding:0 24px 24px;display:flex;overflow:hidden auto}.chat-message{align-items:flex-start;gap:12px;width:100%;display:flex}.chat-message--user{flex-direction:row-reverse}.chat-message__avatar{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.chat-message__avatar--assistant{background-color:var(--color-primary)}.chat-message__avatar--user{background-color:var(--color-danger)}.chat-message__content{border-radius:var(--border-radius-medium);max-width:70%;padding:14px 16px}.chat-message--assistant .chat-message__content{background-color:var(--color-assistant-message);border:1px solid var(--color-border)}.chat-message--user .chat-message__content{background-color:var(--color-user-message)}.chat-message__content p{overflow-wrap:anywhere;margin:0;line-height:1.5}.chat-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);gap:12px;width:calc(100% - 48px);max-width:900px;margin:0 auto 24px;padding:14px;display:flex}.chat-input input{min-width:0;color:var(--color-text);background-color:#0000;border:0;outline:none;flex:1;padding:14px 16px}.chat-input input::placeholder{color:var(--color-text-secondary)}.chat-input button{color:#111827;background-color:var(--color-primary);border-radius:var(--border-radius-medium);border:0;padding:14px 22px;font-weight:700;transition:background-color .2s}.chat-input button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-page{background:radial-gradient(circle at top, var(--color-surface), var(--color-background) 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background-color:var(--color-sidebar);border:1px solid var(--color-border);border-radius:var(--border-radius-large);width:100%;max-width:440px;padding:32px;box-shadow:0 24px 70px #0000004d}.login-card__brand{text-align:center;margin-bottom:28px}.login-card__icon{background-color:var(--color-primary);border-radius:var(--border-radius-medium);place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;display:grid}.login-card__brand h1{margin:0;font-size:26px}.login-card__brand p{color:var(--color-text-secondary);margin:10px 0 0;line-height:1.5}.login-form{flex-direction:column;gap:18px;display:flex}.login-form__field{flex-direction:column;gap:8px;display:flex}.login-form__field label{font-size:14px;font-weight:600}.login-form__field input{width:100%;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);outline:none;padding:14px 16px}.login-form__field input:focus{border-color:var(--color-primary)}.login-form__field input::placeholder{color:var(--color-text-secondary)}.login-form__error{color:#fecaca;border:1px solid var(--color-danger);border-radius:var(--border-radius-small);background-color:#7f1d1d59;margin:0;padding:12px;font-size:14px}.login-form button{color:#111827;background-color:var(--color-primary);border-radius:var(--border-radius-medium);border:0;padding:14px 18px;font-weight:700;transition:background-color .2s}.login-form button:hover{background-color:var(--color-primary-hover)}.login-form__notice{color:var(--color-text-secondary);text-align:center;margin:0;font-size:12px;line-height:1.5}@media (width<=800px){.app-layout{flex-direction:column;min-height:100vh}.sidebar{width:100%;height:auto;min-height:auto;overflow:visible}.sidebar-actions{margin-top:0}.chat-page{height:auto;min-height:100vh;overflow:visible}.chat-header{max-width:none;padding:24px 20px 16px}.chat-header h1{font-size:26px}.usage-tips{width:calc(100% - 40px);max-width:none;margin:0 auto 20px}.chat-history{max-width:none;min-height:400px;padding:0 20px 20px;overflow-y:visible}.chat-message__content{max-width:82%}.chat-input{width:calc(100% - 40px);max-width:none;margin-bottom:20px}.login-card{padding:24px}}