:root{--bg: #ffffff;--bg-elevated: #f8fafc;--bg-muted: #f1f5f9;--text: #111827;--muted: #6b7280;--accent: #0ea5e9;--accent-2: #7c3aed;--border: #d4d4e0;--border-muted: #e6e6f0;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .18);--overlay-lg: rgba(0, 0, 0, .28);--primary: #f1f5f9;--primary-hover: #e2e8f0;--radius: 12px;--radius-sm: 4px;--radius-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--container-width: 1100px}[data-mode=dark]{--bg: #0b1220;--bg-elevated: #0f1726;--bg-muted: #08121a;--text: #e6eef8;--muted: #9aa6b2;--accent: #0ea5e9;--accent-2: #7c3aed;--border: #2a4a6a;--border-muted: #1a2a4a;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .5);--overlay-lg: rgba(0, 0, 0, .65);--primary: #1a2a3a;--primary-hover: #2a3a4a}[data-theme=solar]{--bg: #ffffff;--bg-elevated: #ffffff;--bg-muted: #f8f5f2;--text: #0f172a;--muted: #667085;--accent: #ffb86b;--accent-2: #ff7ab6;--border: #d9d4cd;--border-muted: #e9e6e1;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .18);--overlay-lg: rgba(0, 0, 0, .28);--primary: #f8f5f2;--primary-hover: #eee9e1}[data-theme=solar][data-mode=dark]{--bg: #0b1220;--bg-elevated: #0f1726;--bg-muted: #08121a;--text: #e6eef8;--muted: #9aa6b2;--accent: #ffb86b;--accent-2: #ff7ab6;--border: #2a4a6a;--border-muted: #1a2a4a;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .5);--overlay-lg: rgba(0, 0, 0, .65);--primary: #1a2a3a;--primary-hover: #2a3a4a}[data-theme=mint]{--bg: #ffffff;--bg-elevated: #fbfffd;--bg-muted: #f3faf7;--text: #0b1320;--muted: #5b6b68;--accent: #10b981;--accent-2: #06b6d4;--border: #c4dcd6;--border-muted: #e6f0ec;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .12);--overlay: rgba(0, 0, 0, .18);--overlay-lg: rgba(0, 0, 0, .28);--primary: #f3faf7;--primary-hover: #e6f0ec}[data-theme=mint][data-mode=dark]{--bg: #071018;--bg-elevated: #0b1a21;--bg-muted: #071617;--text: #e6f7f4;--muted: #9bb6b1;--accent: #10b981;--accent-2: #06b6d4;--border: #1a4a42;--border-muted: #0f2b2a;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--overlay: rgba(0, 0, 0, .5);--overlay-lg: rgba(0, 0, 0, .65);--primary: #0f2b2a;--primary-hover: #1a3a38}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}main{flex:1 0 auto}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--sp-3)}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow);background-color:var(--bg-elevated);padding:var(--sp-3)}.capsule{border-radius:999px;display:inline-flex;align-items:center;padding:var(--sp-2)}.header{background-color:var(--bg-elevated);box-shadow:0 2px 4px var(--shadow);position:sticky;top:0;z-index:100}.header-container{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;position:relative}.theme-toggle-wrapper{position:absolute;right:2rem;display:flex;align-items:center}.nav{display:flex;gap:2rem;justify-content:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.nav-link{text-decoration:none;color:var(--text);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover{background-color:var(--primary-hover);color:var(--text)}.nav-link.active{color:var(--text);background-color:var(--primary)}.theme-btn{color:var(--text);background-color:var(--primary);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);border-width:1px;border:var(--border)}.theme-toggle{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap}.boundry{position:relative;display:inline-flex;align-items:center;flex-wrap:nowrap}.selector{padding:var(--sp-2);background-color:var(--muted)}.current-item{background-color:var(--muted);padding:var(--sp-1);display:flex;align-items:center;justify-content:center;white-space:nowrap}.drop-button{display:flex;align-items:center;justify-content:center;cursor:pointer;content:none;height:2rem;width:2rem;border:none;border-radius:var(--radius-full)}.item-list{position:absolute;top:100%;left:0;z-index:999;min-width:100%;background-color:var(--accent);padding:var(--sp-2);list-style:none}.item{justify-content:center;background-color:var(--accent-2)}.toggle-accent{width:calc(45px * var(--toggle-size, 1));height:calc(25px * var(--toggle-size, 1));border-radius:var(--radius-full);display:flex;align-items:center;padding:calc(var(--sp-1) * var(--toggle-size, 1));cursor:pointer;background:var(--muted);transition:background .3s ease}.toggle-accent.on{background:var(--accent)}.toggle-dot{aspect-ratio:1;height:100%;background:var(--text);border-radius:50%;transition:transform .2s ease}.toggle-accent.on .toggle-dot{transform:translate(calc((45px - 25px) * var(--toggle-size, 1)))}.footer{display:flex;align-items:center;justify-content:center;background-color:var(--bg-elevated);box-shadow:0 -2px 4px var(--shadow)}.image-loader-wrapper{position:relative;display:block;width:100%;height:100%}.image-loader-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease;display:block;border-radius:inherit}.image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-elevated) 50%,var(--accent) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:inherit}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.title-banner{margin:0 auto;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);box-shadow:0 2px 8px var(--shadow)}.title-banner--left{flex-direction:row-reverse}.title-banner--right{flex-direction:row}.text-content{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.title{font-size:2rem;font-weight:700;margin:0;color:var(--text)}.subtitle{font-size:1.5rem;font-weight:600;margin:0;color:var(--muted)}.description{font-size:1rem;line-height:1.5;margin:0;color:var(--text)}.title-image{flex:1;max-width:40%;aspect-ratio:1 / 1;max-height:300px;position:relative;border-radius:var(--radius);overflow:hidden}.name-tag{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;min-height:2rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;font-weight:600;color:var(--text);line-height:1.2;white-space:nowrap}.name-tag--sm{gap:.25rem;padding:.22rem .5rem;min-height:1.5rem;font-size:.78rem}.name-tag--lg{gap:.55rem;padding:.55rem 1rem;min-height:2.25rem;font-size:1.05rem}.name-tag .icon{width:1.25rem;height:1.25rem;display:inline-flex;object-fit:contain;vertical-align:middle}.name-tag--sm .icon{width:1rem;height:1rem}.name-tag--lg .icon{width:1.5rem;height:1.5rem}.name-tag p{margin:0;line-height:1.2}.project-card{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;width:100%;height:100%}.project-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px var(--shadow-lg)}.project-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;width:100%}.thumbnail-image{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.project-card>.details{display:flex;flex-direction:column;gap:.45rem;padding:.7rem}.project-name{margin:0;font-size:1rem;font-weight:700;line-height:1.25}.project-summary{margin:0;font-size:.82rem;color:var(--muted);line-height:1.35;max-height:3.6rem;overflow:hidden;text-overflow:ellipsis}.meta-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.tag-section{display:flex;flex-direction:column;gap:.35rem;min-width:120px;flex:1 1 180px}.tag-section--type{flex:1 1 100%}.tag-section-heading{margin:0;font-size:.75rem;color:var(--muted);font-weight:700}.tag-row{display:flex;flex-wrap:wrap;gap:.25rem;margin:0}@media(max-width:620px){.tag-section,.tag-section--type{width:100%}}.page{display:flex;flex-direction:column;align-items:stretch;flex-grow:1;gap:var(--sp-4)}.content{flex-grow:1}.skill-card{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2rem auto;width:100%;max-width:var(--container-width)}.skill-section{flex:1 1 300px;min-width:250px;display:flex;flex-direction:column;align-items:center}.skill-heading{margin:0 0 1rem;font-size:1.05rem;font-weight:700;color:var(--text)}.skill-tags{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.social-links{transition:transform .18s ease,box-shadow .18s ease}.social-links:hover{transform:translateY(-2px);box-shadow:0 6px 14px var(--shadow-lg)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:start;padding:1rem}.project-grid>*{display:flex;flex-direction:column;height:100%}.carousel-container{display:flex;flex-direction:column;margin:2rem auto;justify-content:center;align-items:center}.description-container{display:block;margin:2rem auto;max-width:920px;width:100%}.meta-card-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:2.5rem auto 1.5rem;width:100%;max-width:1100px}.meta-card{flex:1 1 320px;min-width:280px;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px var(--shadow);padding:1.25rem}.meta-card h3{margin:0 0 1rem;font-size:1.05rem;font-weight:700;color:var(--text)}.project-type-card{max-width:400px;margin:0 auto 2.5rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 12px var(--shadow);padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-type-card p{margin:0;font-size:.95rem;font-weight:700;color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.65rem}@media(max-width:720px){.meta-card{flex:1 1 100%}.project-type-card{flex-direction:column;align-items:stretch}}.carousel-root{width:100%;max-width:900px}.window{position:relative;overflow:hidden;border-radius:var(--radius);background-color:var(--bg-muted);box-shadow:0 24px 42px var(--shadow-lg)}.track{display:flex;transition:transform var(--transition-ms, .3s) cubic-bezier(.77,0,.18,1)}.slide{position:relative;min-width:100%;flex-shrink:0;display:flex;flex-direction:column}.image-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.carousel-image{position:relative}.overlay{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-elevated);color:var(--text);padding:1rem 1.25rem;border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}.overlay h2,.overlay p{margin:0}.overlay h2{font-size:1rem;line-height:1.2}.overlay p{font-size:.92rem;opacity:.9}.arrow-button{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;background:var(--overlay);color:var(--text);padding:.75rem 1rem;border-radius:var(--radius-full);transition:background .2s ease}.arrow-button:hover{background:var(--overlay-lg)}.film-strip{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center}.thumbnail{height:60px;width:90px;overflow:hidden;border:none;border-radius:var(--radius);padding:0;background:none;flex-shrink:0;transition:opacity .25s ease,transform .25s ease}.thumbnail[aria-selected=true]{transform:scale(1.1)}.thumb-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}