@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;600;700&display=swap";
:root{--color-bg-primary:#fff;--color-bg-secondary:#f7f7f8;--color-bg-tertiary:#ececf1;--color-text-primary:#1a2124;--color-text-secondary:#676767;--color-text-tertiary:#8e8ea0;--color-border-light:#e5e5e5;--color-border-medium:#d1d1d6;--color-bubble-user:#e6f6f2;--color-bubble-assistant:#fff;--color-bubble-system:#fff4e5;--color-accent-primary:#1d5759;--color-accent-hover:#164a4b;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xlg:24px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 20px #0000001f;--header-shadow:0 6px 18px #0a14190f;--page-gradient-start:#fbfbfc;--page-gradient-end:#f0f1f3;--container-max-width:900px;--container-padding-mobile:8px;--container-padding-tablet:24px;--container-padding-desktop:40px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-heading:"Playfair Display",Georgia,serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--line-height-normal:1.5;--z-sticky:200;--transition-base:.2s ease}:root[data-theme=dark]{--color-bg-primary:#0b1220;--color-bg-secondary:#0f1720;--color-text-primary:#e6eef0;--color-border-light:#193038;--color-bubble-user:#0f2120;--shadow-sm:0 2px 8px #00000059}*,:before,:after{box-sizing:border-box}html,body,#__next{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:linear-gradient(180deg,var(--page-gradient-start)0%,var(--page-gradient-end)100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base),color var(--transition-base);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0}a{color:var(--color-accent-primary);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit}.theme-root{flex-direction:column;min-height:100vh;display:flex}.app-header{padding:24px var(--container-padding-mobile);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky);background:var(--color-bg-primary);box-shadow:var(--header-shadow);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header h1{font-family:var(--font-family-heading);margin:0;font-size:20px;font-weight:600}.app-header .header-left{align-items:center;display:flex}.app-header .brand{font-family:var(--font-family-heading);color:var(--color-text-primary);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.app-header .header-right{align-items:center;gap:12px;display:flex}.traditional-portfolio{border:1px solid var(--color-border-light);color:var(--color-text-secondary);background:0 0;border-radius:8px;padding:8px 12px;font-size:14px}.traditional-portfolio:hover{background:var(--color-bg-secondary)}.download-wrapper{align-items:center;margin-left:8px;display:inline-flex;position:relative}.download-btn{background:var(--color-accent-primary);color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:14px}.download-btn:focus{outline-offset:2px;outline:2px solid #ffffff1f}.download-panel{background:var(--color-bg-primary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg);z-index:300;border-radius:8px;flex-direction:column;gap:8px;min-width:220px;max-height:260px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.download-panel.open{display:flex}.download-panel .question-chip{border-radius:8px;padding:8px 12px;display:inline-block}.resume-icon{vertical-align:middle;width:18px;height:18px;margin-right:8px}.download-panel::-webkit-scrollbar{width:8px}.download-panel::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:9999px}.brand-logo{object-fit:cover;border-radius:8px;width:40px;height:40px}.brand-text{font-size:22px;font-weight:700;line-height:1}@media (min-width:768px){.app-header{padding:24px var(--container-padding-tablet)}.app-header h1{font-size:24px}}.main-wrapper{width:100%;max-width:var(--container-max-width);padding:24px var(--container-padding-mobile);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (min-width:768px){.main-wrapper{padding:32px var(--container-padding-tablet)}}.main-wrapper h1{text-align:center;margin:0 0 18px}.chat-container{gap:var(--spacing-lg);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.chat-messages{gap:var(--spacing-md);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-lg) + var(--composer-height,120px) + env(safe-area-inset-bottom));scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:9999px}.chat-messages.is-empty{text-align:center;min-height:60vh;transition:all .36s var(--transition-base);justify-content:center;align-items:center;display:flex}.chat-container .chat-messages{transition:padding .36s var(--transition-base),transform .36s var(--transition-base)}.chat-container.is-initial{justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.chat-container.is-initial .chat-messages{width:100%;max-width:720px;padding:24px}.chat-container.is-initial .chat-messages.is-empty{min-height:auto;padding-top:8px;padding-bottom:0}.composer{transition:top .36s,bottom .36s,transform .36s,max-width .36s,box-shadow .36s}.composer.initial{z-index:600;max-width:720px;top:50%;bottom:auto;transform:translateY(-50%)}.chat-bubble{width:100%;scroll-margin-bottom:calc(var(--composer-height,120px) + 12px);display:flex}.chat-bubble.user{justify-content:flex-end}.chat-bubble.assistant{justify-content:flex-start}.chat-bubble.system{justify-content:center}.bubble-content{border-radius:var(--radius-lg);max-width:84%;font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:var(--shadow-sm);word-wrap:break-word;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;min-width:0;padding:14px 18px}.chat-bubble.user .bubble-content{background:var(--color-accent-primary);color:#fff;border:none}.chat-bubble.assistant .bubble-content{background:var(--color-bubble-assistant);border:1px solid var(--color-border-light)}.chat-bubble.system .bubble-content{background:var(--color-bubble-system);color:var(--color-text-secondary);text-align:center}.bubble-content{font-family:var(--font-family-base)}.bubble-content img{max-width:100%;height:auto;display:block}.bubble-content pre{white-space:pre;border-radius:8px;max-width:100%;overflow:auto}.bubble-content code{word-break:break-word;white-space:pre-wrap}.chat-bubble.user .bubble-content a{color:#fff}.chat-bubble.user .bubble-content code{color:#fff;background:#ffffff0f;border-radius:6px;padding:2px 6px}@media (min-width:768px){.bubble-content{max-width:72%}}.chat-bubble.pending .bubble-content .thinking{color:#666;align-items:center;gap:6px;font-style:normal;display:inline-flex}.chat-bubble.pending .bubble-content .dot{opacity:.2;background:currentColor;border-radius:50%;width:8px;height:8px;animation:1s linear infinite pulse;display:inline-block}.chat-bubble.pending .bubble-content .dot:nth-child(2){animation-delay:.15s}.chat-bubble.pending .bubble-content .dot:nth-child(3){animation-delay:.3s}@keyframes pulse{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.suggested-questions{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0;display:flex}.question-chip{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);cursor:pointer;transition:background-color .22s var(--transition-base),color .22s var(--transition-base),transform .18s ease;border-radius:9999px;padding:6px 12px;font-size:14px}.question-chip:focus{outline-offset:2px;outline:2px solid #1d57591f}.question-chip:hover,.question-chip:active{color:var(--color-text-primary);background-color:#ffc369;border-color:#0000000f;transform:translateY(-2px)}.more-wrapper{display:inline-flex;position:relative}.question-chip-more{background:linear-gradient(180deg,var(--color-bg-secondary),var(--color-bg-tertiary));font-weight:600}.question-chip-more:hover,.question-chip-more:active{color:var(--color-text-primary);background-color:#ffc369;transform:translateY(-2px)}.suggested-panel{bottom:calc(100% + var(--spacing-sm));background:var(--color-bg-primary);border:1px solid var(--color-border-light);min-width:220px;box-shadow:var(--shadow-lg);padding:var(--spacing-sm);gap:var(--spacing-sm);z-index:var(--z-fixed);border-radius:12px;flex-direction:column;display:flex;position:absolute;right:0}.suggested-panel .question-chip{text-align:left;width:100%}.composer{bottom:var(--spacing-md);z-index:var(--z-sticky);width:calc(100% - 2*var(--container-padding-mobile));max-width:calc(var(--container-max-width) - 2*var(--container-padding-mobile));background:var(--color-bg-primary);border-radius:var(--radius-xlg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);flex-direction:column;gap:8px;margin:0 auto;padding:16px 48px;display:flex;position:fixed;top:auto;left:0;right:0;transform:none}@media (min-width:768px){.composer{width:calc(100% - 2*var(--container-padding-tablet));max-width:calc(var(--container-max-width) - 2*var(--container-padding-tablet))}}@media (min-width:1024px){.composer{width:calc(100% - 2*var(--container-padding-desktop));max-width:calc(var(--container-max-width) - 2*var(--container-padding-desktop))}}.chat-input-form{align-items:center;gap:12px;width:100%;display:flex}.chat-textarea{height:48px;font-size:var(--font-size-base);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:9999px;outline:none;flex:1;width:100%;min-width:0;padding:8px 20px}.chat-textarea:focus{border-color:var(--color-accent-primary);background:var(--color-bg-primary);box-shadow:0 0 0 4px #10a37f0f}.chat-send{background:var(--color-accent-primary);color:#fff;border:none;border-radius:9999px;flex:none;justify-content:center;align-items:center;min-width:52px;height:52px;padding:0 16px;display:inline-flex}.chat-send:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.composer{width:calc(100% - 24px);padding:16px 8px}.chat-textarea{min-height:48px}.chat-send{min-width:48px;height:48px}.chat-messages{padding-left:6px;padding-right:6px}.bubble-content{border-radius:12px;max-width:100%;padding:12px 14px}.chat-bubble.user{justify-content:flex-end}.chat-bubble.assistant{justify-content:flex-start}.chat-bubble.user .bubble-content{margin-left:auto}.chat-bubble.assistant .bubble-content{margin-right:auto}}.typing-indicator{color:var(--color-text-tertiary);font-size:var(--font-size-sm);align-items:center;gap:6px;display:flex}.typing-indicator .dot{background:var(--color-text-tertiary);border-radius:9999px;width:6px;height:6px;animation:1.4s infinite typingBounce}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.animated-line{opacity:0;animation:.3s forwards lineIn;transform:translateY(6px)}@keyframes lineIn{to{opacity:1;transform:none}}:focus-visible{outline-offset:2px;outline:2px solid #10a37f1f}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}.info-widget{z-index:1000;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.info-btn{background:var(--color-accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 8px 24px #0d28282e}.info-btn:focus{outline-offset:3px;outline:3px solid #1d57592e}.info-btn-label{font-family:var(--font-family-heading);color:#fff;font-size:20px;font-weight:700;line-height:1}.info-panel{background:var(--color-bg-primary);border:1px solid var(--color-border-light);width:320px;max-width:calc(100vw - 56px);box-shadow:var(--shadow-lg);color:var(--color-text-primary);border-radius:12px;padding:12px;position:absolute;bottom:calc(100% + 12px);right:0}.info-panel-inner h3{margin:0 0 6px;font-size:16px}.info-panel-inner h4{margin:8px 0 6px;font-size:14px}.info-panel-inner p{margin:6px 0}.info-panel .muted{color:var(--color-text-secondary);font-size:13px}