@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #1c2333;--bg-subtle: #21262d;--border-default: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .13);--accent-primary: #3b82f6;--accent-muted: #1d4ed8;--accent-glow: rgba(59, 130, 246, .15);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--hero-gradient: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #1c2333 100%);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--text-gradient: linear-gradient(135deg, #e6edf3 0%, #8b949e 100%);--glow-orb: radial-gradient(ellipse at center, rgba(59, 130, 246, .18) 0%, transparent 70%);--shadow-rest: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px var(--border-default);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px var(--border-hover);--shadow-glow: 0 0 24px rgba(59, 130, 246, .2);--radius-card: 12px;--radius-button: 8px;--radius-chip: 999px;--container: min(100% - 3rem, 64rem);--section-pad-y: 6rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg-base);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::selection{background:#3b82f64d;color:var(--text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-subtle);border-radius:999px;border:2px solid var(--bg-base)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}#root{min-height:100vh}.page-shell{position:relative;min-height:100vh;isolation:isolate}.web-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:#0d1117}.container{width:var(--container);margin:0 auto}.section{position:relative;padding:var(--section-pad-y) 0}.section:not(:last-of-type):after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:85%;max-width:var(--container);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.2) 50%,transparent 100%)}.section--base{background:transparent}.section--subtle{background:#ffffff04}.site-nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:40;width:calc(100% - 2rem);max-width:var(--container);margin:0;border-radius:999px;background:#0d1117bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);box-shadow:0 4px 30px #0003;padding:0 1rem}.site-nav__inner{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-nav__brand{display:inline-flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:700;letter-spacing:.02em}.site-nav__brand-mark{width:1.8rem;height:1.8rem;display:block;object-fit:contain;flex-shrink:0;opacity:.95}.site-nav__links{display:flex;align-items:center;gap:.35rem}.site-nav__link{position:relative;padding:.7rem .9rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color .2s ease,background-color .2s ease}.site-nav__link:after{content:"";position:absolute;left:50%;bottom:.3rem;width:.35rem;height:.35rem;border-radius:999px;background:var(--accent-primary);transform:translate(-50%) scale(0);transition:transform .2s ease}.site-nav__link:hover,.site-nav__link:focus-visible{color:var(--text-primary)}.site-nav__link:hover:after,.site-nav__link:focus-visible:after{transform:translate(-50%) scale(1)}.site-nav__menu-button{display:none;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;gap:.22rem;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-button);background:var(--bg-surface);cursor:pointer}.site-nav__menu-button span{display:block;width:1rem;height:1.5px;border-radius:999px;background:var(--text-primary)}.site-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117b3;z-index:39}.site-nav__drawer{position:fixed;top:0;right:0;z-index:40;width:min(82vw,18rem);height:100vh;padding:5rem 1.25rem 1.25rem;display:grid;align-content:start;gap:.4rem;background:var(--bg-surface);border-left:1px solid var(--border-default);box-shadow:var(--shadow-hover)}.site-nav__drawer-link{padding:.95rem 1rem;border-radius:.9rem;color:var(--text-secondary);font-weight:500;background:transparent;transition:background-color .2s ease,color .2s ease}.site-nav__drawer-link:hover,.site-nav__drawer-link:focus-visible{color:var(--text-primary);background:var(--bg-elevated)}.hero{background:transparent;overflow:hidden}.hero__inner{position:relative;z-index:1;display:grid;gap:1.5rem;min-height:100vh;align-content:center;padding:4rem 0 9rem}.hero__backdrop{position:absolute;inset:auto;pointer-events:none;z-index:0}.hero__backdrop--primary{top:-8rem;left:-6rem;width:24rem;height:24rem;background:var(--glow-orb);opacity:.9}.hero__backdrop--secondary{right:-8rem;bottom:-10rem;width:28rem;height:28rem;background:radial-gradient(ellipse at center,rgba(29,78,216,.18) 0%,transparent 70%)}.hero__chip{width:fit-content;padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero__title{margin:0;max-width:12ch;background:linear-gradient(135deg,#e6edf3,#3b82f6 35%,#93c5fd 65%,#8b949e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:.98;letter-spacing:-.03em;animation:gradient-shift 10s ease infinite}.hero__role{margin:0;color:var(--text-primary);font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:400;letter-spacing:-.02em}.hero__summary{margin:0;max-width:42rem;color:var(--text-secondary);font-size:1rem;line-height:1.75}.hero__socials{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem}.hero__social-link{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.85rem;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-muted);transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}.hero__social-link:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-hover);transform:translateY(-1px)}.hero__social-icon{width:1.05rem;height:1.05rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1.25rem;border-radius:var(--radius-button);font-size:.875rem;font-weight:600;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,filter .2s ease}.button:focus-visible,.site-nav__menu-button:focus-visible,.project-link:focus-visible,.footer__link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.button--primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow)}.button--primary:hover{filter:brightness(1.1);box-shadow:0 0 28px #3b82f647}.button--ghost{border:1px solid var(--border-default);background:transparent;color:var(--text-secondary)}.button--ghost:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-hover)}.button--full{width:100%}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem}.section-title__bar{width:.25rem;height:1.75rem;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.section-title__heading{margin:0;color:var(--text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.02em}.skills-columns{column-count:1;column-gap:1.25rem}.skills-columns__item{break-inside:avoid;margin-bottom:1.25rem}.break-inside-avoid{break-inside:avoid}.mb-5{margin-bottom:1.25rem}.skill-group-card{padding:1.5rem;border-radius:var(--radius-card);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-rest)}.skill-group-card__title{margin:0 0 .9rem;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skill-group-card__chips,.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:var(--radius-chip);border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:border-color .15s ease,color .15s ease,transform .15s ease,background-color .15s ease}.chip:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.chip--compact{padding-inline:.68rem;font-size:.7rem}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch}.project-card{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;padding:1.5rem;border-radius:var(--radius-card);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-rest);transition:transform .25s ease-out,background-color .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out,opacity .2s ease}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mouse-x, 0px) var(--mouse-y, 0px),rgba(59,130,246,.08),transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease}.project-card:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:var(--shadow-hover);opacity:1}.project-card:hover:after{opacity:1}.project-card--featured{padding:1.75rem}.project-card--featured:before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--accent-gradient)}.project-card--compact{opacity:.88}.project-card__body{display:flex;flex:1;flex-direction:column;position:relative;z-index:2}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-card__eyebrow{margin:0 0 .35rem;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-card__title{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.35;letter-spacing:-.01em}.project-card__duration,.project-card__role,.project-card__section-label,.timeline__section-label,.certificate-card__eyebrow{color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-card__duration{white-space:nowrap}.project-card__role{margin:.75rem 0 .2rem}.project-card__description{margin:.6rem 0 0;color:var(--text-secondary);font-size:1rem;line-height:1.7}.project-card__section{margin-top:1rem}.project-card__impact{margin:1rem 0 0;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.project-card__footer{display:flex;flex-direction:column;gap:.9rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border-default);position:relative;z-index:2}.project-card__links{display:flex;gap:.75rem;flex-wrap:wrap}.project-card__privacy{margin:0;color:var(--text-muted);font-size:.875rem}.project-card__actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%}.project-card__toggle-btn{background:transparent;border:1px solid rgba(59,130,246,.3);color:var(--accent-primary);border-radius:var(--radius-button);padding:.35rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.project-card__toggle-btn:hover{background:var(--accent-glow);border-color:var(--accent-primary);transform:translateY(-1px)}.project-card__section--expanded{margin-top:1.25rem;border-top:1px solid var(--border-default);padding-top:1rem}.project-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:.5rem .9rem;border-radius:var(--radius-button);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:600;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.project-link:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text-primary)}.projects-actions{display:grid;place-items:center;gap:.75rem;margin-top:1.5rem}.projects-actions__hint{margin:0;color:var(--text-secondary);font-size:.875rem}.timeline{position:relative;display:grid;gap:1rem;padding-left:.5rem}.timeline__line{position:absolute;top:.5rem;bottom:.5rem;left:.95rem;width:2px;border-radius:999px;background:var(--border-default)}.timeline__line-progress{position:absolute;top:.5rem;bottom:.5rem;left:.95rem;width:2px;border-radius:999px;background:var(--accent-gradient);box-shadow:0 0 12px var(--accent-primary);transform-origin:top}.timeline__item{position:relative;display:grid;grid-template-columns:1rem minmax(0,1fr);gap:1rem}.timeline__node{position:relative;z-index:1;width:.625rem;height:.625rem;margin-top:1rem;border-radius:999px;background:var(--accent-primary);box-shadow:0 0 0 4px var(--bg-base)}.timeline__node--latest{animation:subtle-pulse 2s ease-in-out infinite}.timeline__card{padding:1.5rem;border-radius:var(--radius-card);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-rest)}.timeline__title{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.timeline__meta{margin:.35rem 0 0;color:var(--text-secondary);font-size:.875rem}.timeline__meta--spaced{margin-top:.5rem}.education-entry__exam{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:baseline;margin-top:.85rem;padding:.85rem 1rem;border-radius:.9rem;background:var(--bg-subtle);border:1px solid var(--border-default)}.education-entry__label{color:var(--text-primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.education-entry__value{color:var(--text-secondary);font-size:.92rem;font-weight:500}.timeline__section{margin-top:1rem}.detail-list{margin:.6rem 0 0;padding-left:1.1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.detail-list--tight{margin-top:.45rem}.detail-list--accent li::marker{color:var(--accent-primary)}.achievement-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--surface-subtle);transition:all .3s ease}.achievement-card:hover{border-color:var(--accent-primary);background:var(--surface-emphasis)}.achievement-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.achievement-card__eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0}.achievement-card__icon{font-size:1.5rem;color:var(--accent-primary)}.achievement-card__title{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.achievement-card__description{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.6}.achievement-card__link{margin-top:.5rem}.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.certificate-card{display:flex;flex-direction:column;height:auto;align-self:start;padding:1.25rem;border-radius:var(--radius-card);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-rest)}.certificate-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.certificate-card__icon{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;background:#3b82f61f;color:var(--accent-primary);font-size:.875rem;font-weight:700}.certificate-card__title{margin:.85rem 0 0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.certificate-link-stack{margin-top:1rem}.contact-section{max-width:52rem}.contact-section__subtext{margin:-.5rem 0 2.25rem;color:var(--text-secondary);font-size:1rem;line-height:1.75}.contact-form{display:grid;gap:1rem}.form-field{display:grid;gap:.4rem}.form-field label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-field input,.form-field textarea{width:100%;padding:.85rem 1rem;border-radius:.9rem;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.form-field textarea{min-height:8rem;resize:vertical}.form-field__error,.contact-form__error{margin:0;color:#f87171;font-size:.8125rem}.contact-form__submit{justify-content:center;margin-top:.25rem}.button__spinner{width:1rem;height:1rem;animation:spin 1s linear infinite}.contact-success{display:grid;place-items:center;gap:.9rem;padding:2.25rem 1.5rem;border-radius:var(--radius-card);border:1px solid var(--border-default);background:var(--bg-surface);text-align:center}.contact-success__icon{width:2rem;height:2rem;color:var(--accent-primary)}.contact-success__title{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600}.footer{padding:2.25rem 0 2.5rem;background:transparent;border-top:1px solid var(--border-default)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-secondary);font-size:.875rem}.footer__link{color:var(--text-primary);font-weight:600}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 4px var(--bg-base),0 0 #3b82f63d}50%{box-shadow:0 0 0 4px var(--bg-base),0 0 0 8px #3b82f614}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 821px) and (max-width: 1100px){.skills-columns{column-count:2}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1101px){.skills-columns{column-count:3}}@media (max-width: 820px){.skills-columns{column-count:1}:root{--container: min(100% - 2rem, 64rem);--section-pad-y: 4rem}.site-nav__links{display:none}.site-nav__menu-button{display:inline-flex}.hero__inner{min-height:auto;padding-top:6.5rem}.hero__title{max-width:100%}.projects-grid,.certificate-grid{grid-template-columns:1fr}.footer__inner{flex-direction:column;align-items:flex-start}}@media (max-width: 560px){.hero__inner{gap:1.25rem}.section-title{margin-bottom:2rem}.section-title__heading{font-size:1.9rem}.skill-group-card,.project-card,.timeline__card,.certificate-card{padding:1.1rem}.project-card--featured{padding:1.25rem}}.typewriter__cursor{animation:typewriter-blink .8s infinite;color:var(--accent-primary);margin-left:2px;font-weight:400}@keyframes typewriter-blink{0%,to{opacity:1}50%{opacity:0}}.dragon-fixed-wrapper{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:center;pointer-events:none;will-change:left,top}.dragon-container{width:96px;height:104px;overflow:hidden;position:relative;cursor:grab;pointer-events:auto;user-select:none;-webkit-user-select:none;image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:bottom center}.dragon-container:active{cursor:grabbing}.dragon-img{width:768px!important;height:auto!important;max-width:none!important;max-height:none!important;display:block;position:absolute;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}.dragon-controls{display:flex;gap:.35rem;padding:.3rem .5rem;background:#0d1117d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-default);border-radius:999px;opacity:0;transform:translateY(5px);pointer-events:auto;transition:all .25s ease;margin-bottom:-15px;z-index:10}.dragon-fixed-wrapper:hover .dragon-controls{opacity:1;transform:translateY(0)}.dragon-ctrl-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.dragon-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-2px);padding:.25rem .45rem;background:#0d1117f2;border:1px solid var(--border-default);color:var(--text-primary);font-size:.62rem;font-weight:500;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 4px 10px #0000004d;z-index:1000}.dragon-ctrl-btn:hover .dragon-tooltip{opacity:1;transform:translate(-50%) translateY(-6px)}.dragon-ctrl-btn:hover{color:var(--text-primary);background:#ffffff14}.dragon-ctrl-btn.active{color:var(--accent-primary);background:#3b82f626}.dragon-ctrl-btn.close:hover{color:#ef4444;background:#ef44441a}.dragon-chat-window{position:absolute;bottom:120px;right:0;width:320px;max-height:420px;background:#161b22d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.25);border-radius:12px;box-shadow:0 10px 30px #00000080,0 0 20px #3b82f61a;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;z-index:100}.dragon-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-default);background:#0d111780;font-size:.85rem;font-weight:600;color:var(--text-primary)}.dragon-chat-header button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.dragon-chat-header button:hover{color:var(--text-primary)}.dragon-chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;max-height:220px}.chat-bubble{max-width:85%;padding:.6rem .8rem;border-radius:10px;font-size:.85rem;line-height:1.4;white-space:pre-wrap}.chat-bubble.dragon{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.chat-bubble.user{align-self:flex-end;background:var(--accent-gradient);color:#fff}.dragon-chat-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--border-default);background:#0d111733}.dragon-chat-suggestions button{padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:.72rem;cursor:pointer;transition:all .2s ease}.dragon-chat-suggestions button:hover{border-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-subtle)}.dragon-chat-input-bar{display:flex;padding:.75rem;border-top:1px solid var(--border-default);gap:.5rem;background:#0d111766}.dragon-chat-input-bar input{flex:1;padding:.45rem .75rem;border-radius:8px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-size:.82rem}.dragon-chat-input-bar input:focus{outline:none;border-color:var(--accent-primary)}.dragon-chat-input-bar button{width:2.25rem;height:2.25rem;border-radius:8px;border:none;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease}.dragon-chat-input-bar button:hover{opacity:.9}.dragon-flame-particle{position:fixed;z-index:10000;pointer-events:none;font-size:20px;line-height:1}.summon-dragon-btn{position:fixed;bottom:2rem;right:2rem;z-index:9999;width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid #ef4444;background:#0d1117e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #ef44444d,0 0 15px #ef444433;transition:all .3s cubic-bezier(.4,0,.2,1);animation:flame-pulse 2s infinite ease-in-out}.summon-dragon-btn:hover{transform:scale(1.1);box-shadow:0 4px 25px #ef444499,0 0 25px #f9731666}.summon-dragon-text{font-size:1.6rem;line-height:1;animation:dragon-float 2.5s infinite ease-in-out;display:block}.summon-dragon-tooltip{position:absolute;bottom:120%;right:50%;transform:translate(50%) translateY(2px);padding:.3rem .6rem;background:#0d1117f2;border:1px solid rgba(255,77,77,.45);color:#ff6b6b;font-size:.72rem;font-weight:700;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000080;text-shadow:0 0 8px rgba(255,107,107,.9),0 0 3px rgba(249,115,22,.7);z-index:1000}.summon-dragon-btn:hover .summon-dragon-tooltip{opacity:1;transform:translate(50%) translateY(-4px)}@keyframes flame-pulse{0%{box-shadow:0 4px 20px #ef44444d,0 0 10px #ef444433;border-color:#ef4444}50%{box-shadow:0 4px 25px #ef444499,0 0 25px #f9731666;border-color:#f97316}to{box-shadow:0 4px 20px #ef44444d,0 0 10px #ef444433;border-color:#ef4444}}@keyframes dragon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}