:root{--bg:#09090a;--surface:#111113;--surface2:#18181b;--surface3:#1f1f24;--border:hsla(0,0%,100%,.06);--border2:hsla(0,0%,100%,.1);--gold:#c9a84c;--gold-light:#e2c57a;--gold-dim:rgba(201,168,76,.12);--gold-glow:rgba(201,168,76,.06);--cream:#f8f4ee;--muted:#a09890;--muted2:#706860;--text:#f8f4ee;--red:#c0392b;--green:#2e7d52;--radius:2px;--nav-h:60px;--sidebar-w:280px;--shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-nav:0 1px 0 var(--border);--grain-opacity:0.4}[data-theme=light]{--bg:#faf7f2;--surface:#fff;--surface2:#f4f0ea;--surface3:#ede8df;--border:rgba(26,20,16,.08);--border2:rgba(26,20,16,.14);--gold:#a8762a;--gold-light:#c9943e;--gold-dim:rgba(168,118,42,.1);--gold-glow:rgba(168,118,42,.05);--cream:#1a1410;--muted:#6b5d52;--muted2:#9c8c7e;--text:#1a1410;--red:#b53025;--green:#276643;--shadow-card:0 4px 24px rgba(60,40,20,.1);--shadow-nav:0 1px 0 var(--border),0 2px 8px rgba(60,40,20,.06);--grain-opacity:0.18}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body,html{overflow-x:hidden;max-width:100vw}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-weight:400;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}body:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");z-index:9999;opacity:var(--grain-opacity);transition:opacity .5s ease}[data-theme=light] body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}[data-theme=light] body:after{background:radial-gradient(ellipse 55% 45% at 10% 15%,rgba(201,168,76,.09) 0,transparent 65%),radial-gradient(ellipse 45% 55% at 90% 80%,rgba(168,118,42,.07) 0,transparent 65%),radial-gradient(ellipse 35% 35% at 55% 45%,hsla(39,80%,90%,.15) 0,transparent 70%);z-index:0;animation:lightOrbsDrift 18s ease-in-out infinite alternate}@keyframes lightOrbsDrift{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:2px}.btn-gold{background:var(--gold);border:1px solid var(--gold);color:#000;padding:7px 18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;border-radius:var(--radius)}.btn-gold:hover{background:var(--gold-light)}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--muted);padding:7px 16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s;border-radius:var(--radius)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface2);border:1px solid var(--border2);border-left:3px solid var(--gold);padding:12px 20px;font-size:12px;color:var(--text);letter-spacing:.04em;z-index:9998;transform:translateX(calc(100% + 32px));transition:transform .3s cubic-bezier(.16,1,.3,1);max-width:280px;border-radius:var(--radius);box-shadow:var(--shadow-card)}.toast.show{transform:translateX(0)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-14px) scale(1.06)}66%{transform:translate(-7px,8px) scale(.96)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-12px,10px) scale(1.08)}70%{transform:translate(6px,-6px) scale(.95)}}@keyframes themeBurst{0%{box-shadow:0 0 0 0 var(--gold-dim)}40%{box-shadow:0 0 0 10px var(--gold-dim)}to{box-shadow:0 0 0 20px rgba(201,168,76,0)}}@keyframes thumbSlideIn{0%{transform:translateX(24px) scale(.7) rotateY(90deg);opacity:0}60%{transform:translateX(24px) scale(1.1) rotateY(0deg);opacity:1}to{transform:translateX(24px) scale(1) rotateY(0deg)}}@keyframes thumbSlideOut{0%{transform:translateX(0) scale(1) rotateY(0deg)}to{transform:translateX(0) scale(1) rotateY(0deg)}}@keyframes sunRaysExpand{0%{opacity:0;transform:rotate(0deg) scale(.5)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes sunSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-toggle-btn{position:relative;background:transparent;border:1px solid var(--border2);border-radius:20px;cursor:pointer;padding:0;width:52px;height:28px;flex-shrink:0;outline:none;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.theme-toggle-btn.theme-burst{animation:themeBurst .55s ease-out forwards}.theme-toggle-track{display:flex;align-items:center;width:100%;height:100%;padding:0 3px;position:relative;background:var(--surface2);border-radius:20px;transition:background .3s ease}.theme-toggle-track:before{content:"✦ ✦";position:absolute;right:5px;font-size:4px;color:var(--gold-light);letter-spacing:3px;opacity:.7;transition:opacity .3s ease;pointer-events:none}[data-theme=light] .theme-toggle-track:before{opacity:0}.theme-toggle-track:after{content:"☀";position:absolute;left:6px;font-size:8px;color:var(--gold);opacity:0;transition:opacity .3s ease;pointer-events:none}[data-theme=light] .theme-toggle-track:after{opacity:.5}.theme-toggle-thumb{position:absolute;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s ease,color .3s ease,box-shadow .3s ease;z-index:2;perspective:200px}.theme-toggle-thumb.dark{background:var(--surface3);color:#c9a84c;transform:translateX(0);box-shadow:0 2px 6px rgba(0,0,0,.4)}.theme-toggle-thumb.light{background:linear-gradient(135deg,#fff3c4,#ffe066);color:#a8762a;transform:translateX(24px);box-shadow:0 2px 8px rgba(168,118,42,.4),0 0 12px rgba(201,168,76,.3)}[data-theme=light] .theme-toggle-thumb.light svg{animation:sunSpin 10s linear infinite}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:500;width:340px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border2);border-radius:4px;box-shadow:0 16px 48px rgba(0,0,0,.5),var(--shadow-card);overflow:hidden;transition:background .4s ease,border-color .3s ease}[data-theme=light] .notif-dropdown{background:#fff;border-color:rgba(26,20,16,.12);box-shadow:0 8px 32px rgba(60,40,20,.14),0 2px 8px rgba(60,40,20,.08)}@media (max-width:480px){.notif-dropdown{right:auto;left:50%;transform:translateX(-50%);width:calc(100vw - 24px);max-width:360px;margin-left:max(-50vw + 50%,-160px)}}[data-theme=light] .app-sidebar{background:linear-gradient(180deg,#fff,#f8f4ef)!important;border-right:1px solid rgba(26,20,16,.09)!important;box-shadow:2px 0 24px rgba(60,40,20,.07);overflow:hidden}[data-theme=light] .app-sidebar:before{content:"";position:absolute;top:50px;right:-50px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.15) 0,transparent 70%);pointer-events:none;animation:orbFloat1 14s ease-in-out infinite;z-index:0}[data-theme=light] .app-sidebar:after{content:"";position:absolute;bottom:80px;left:-35px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(168,118,42,.1) 0,transparent 70%);pointer-events:none;animation:orbFloat2 18s ease-in-out infinite;z-index:0}[data-theme=light] .app-sidebar>*{position:relative;z-index:1}[data-theme=light] nav.top-nav{background:hsla(38,44%,96%,.95)!important;border-bottom:1px solid rgba(26,20,16,.09)!important;box-shadow:0 2px 12px rgba(60,40,20,.06)!important}[data-theme=light] .page-pad>div[style*="border: 1px"],[data-theme=light] .page-pad>div[style*="border:"]{transition:transform .25s ease,box-shadow .25s ease}[data-theme=light] .page-pad>div[style*="border: 1px"]:hover,[data-theme=light] .page-pad>div[style*="border:"]:hover{transform:translateY(-2px) perspective(600px) rotateX(.8deg);box-shadow:0 8px 28px rgba(60,40,20,.1),0 2px 8px rgba(60,40,20,.05)}.desktop-only{display:flex!important}.mobile-only{display:none!important}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:190}[data-theme=light] .sidebar-backdrop{background:rgba(20,12,5,.45)}.sidebar-backdrop.open{display:block}.app-sidebar{transition:transform .25s cubic-bezier(.16,1,.3,1),background .4s ease}.page-pad{padding:40px 36px}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-sidebar{position:fixed!important;top:var(--nav-h)!important;left:0!important;height:calc(100vh - var(--nav-h))!important;z-index:195;transform:translateX(-100%)}.app-sidebar.open{transform:translateX(0)}.app-main{width:100%}.page-pad{padding:24px 16px}.top-nav-logo-text{display:none}.top-nav-auth-full{display:none!important}.top-nav-auth-icon{display:flex!important}}.generate-layout{display:grid;grid-template-columns:440px 1fr;height:calc(100vh - var(--nav-h));overflow:hidden}.generate-form-side{overflow-y:auto;padding:32px 28px;border-right:1px solid var(--border);background:var(--bg);min-width:0}.generate-preview-side{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);min-width:0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.export-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.export-modal{max-height:90vh;overflow-y:auto}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border2);z-index:300;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-bottom-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;border-top:2px solid transparent;color:var(--muted);font-size:9px!important;letter-spacing:.06em!important;text-transform:uppercase;font-family:DM Mono,monospace;cursor:pointer;position:relative;transition:color .15s,border-color .15s;white-space:nowrap;overflow:hidden;padding:0 4px}.mobile-bottom-btn.active{background:var(--gold-dim)}.top-nav-logo-text{display:block}@media (max-width:1024px){.generate-layout{grid-template-columns:380px 1fr}.generate-form-side{padding:28px 24px 60px}}@media (max-width:900px) and (min-width:769px){.top-nav-auth-full>a,.top-nav-auth-full>button{padding:0 6px!important;font-size:10px!important}.plan-badge-desktop{display:none!important}}@media (max-width:768px){.generate-layout{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - var(--nav-h));padding-bottom:64px}.generate-form-side{border-right:none;border-bottom:1px solid var(--border);padding:24px 16px;width:100%;height:auto;overflow-y:visible}.generate-form-side.mobile-hidden,.generate-preview-side.mobile-hidden{display:none!important}.generate-preview-side{flex:1 1;width:100%;height:auto;min-height:60vh}.mobile-bottom-nav{display:flex}.form-grid-2{grid-template-columns:1fr!important}.export-grid-2{grid-template-columns:1fr}.top-nav-logo-text{display:none}.page-pad{padding:24px 16px}div[style*=border-bottom]>button[style*=borderBottom]{white-space:nowrap}.page-pad>div[style*="border-bottom: 1px solid var(--border)"]{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.page-pad>div[style*="border-bottom: 1px solid var(--border)"]::-webkit-scrollbar{display:none}div[class=form-grid-2]{grid-template-columns:1fr!important}input:not([type]),input[type=email],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}}@media (max-width:480px){.page-pad{padding:20px 12px}.generate-form-side{padding:18px 12px}.export-modal{margin:0 8px!important;padding:20px 16px!important}.export-grid-2{grid-template-columns:1fr!important}.page-pad h1{font-size:clamp(22px,6vw,32px)!important;line-height:1.2;word-break:break-word}.page-pad p{font-size:12px}.page-pad>div[style*="flex-wrap: wrap"],.page-pad>div[style*="flexWrap: 'wrap'"]{gap:4px}.page-pad span[style*=textOverflow]{max-width:160px}.portfolio-save-row{flex-direction:column!important}.portfolio-save-row>*{text-align:center;justify-content:center}}@media (max-width:390px){.page-pad{padding:20px 12px}.generate-form-side{padding:18px 12px}}.app-sidebar,.generate-form-side,.generate-preview-side,.mobile-bottom-nav{min-width:0}.preview-status-label{max-width:48px}.app-sidebar a,.app-sidebar button,.preview-status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar a,.app-sidebar button{min-width:0}.generate-preview-side [style*="overflow-x: auto"]{scrollbar-width:none}.generate-preview-side [style*="overflow-x: auto"]::-webkit-scrollbar{display:none}.pv-edit-bar{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.pv-edit-bar::-webkit-scrollbar{display:none}.resume-font-bar{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.resume-font-bar::-webkit-scrollbar{display:none}.theme-switcher-chips{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;white-space:nowrap}.theme-switcher-chips::-webkit-scrollbar{display:none}@media (max-width:960px){.portfolio-edit-grid{grid-template-columns:1fr!important}}@media (max-width:600px){.portfolio-edit-grid .form-grid-2,.pv_work_grid{grid-template-columns:1fr!important}.pv_hero_content{padding:20px 16px 16px!important}.pv_hero_content h2{font-size:clamp(18px,6vw,28px)!important}.pv_hero_content p{font-size:11px!important}.pv_nav_links{display:none!important}}.pv_skills_ticker{overflow:hidden!important;max-width:100vw}@media (max-width:380px){.page-pad div[style*=auto-fill]{grid-template-columns:1fr!important}}@media (max-width:340px){.my-work-actions{flex-direction:column!important}.my-work-actions>*{border-right:none!important;border-bottom:1px solid var(--border)!important}}[data-theme=light] [style*="background: rgba(0,0,0,0.7)"],[data-theme=light] [style*="background: rgba(0,0,0,0.75)"],[data-theme=light] [style*="background: rgba(0,0,0,0.8)"]{background:rgba(30,18,8,.55)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff!important;color:var(--text)!important;border-color:var(--border2)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--muted2)!important}[data-theme=light] .app-main,[data-theme=light] .generate-form-side,[data-theme=light] .generate-preview-side{background:var(--bg);transition:background .4s ease}[data-theme=light] .mobile-bottom-nav{background:hsla(38,44%,96%,.96);border-top-color:rgba(26,20,16,.1);box-shadow:0 -2px 12px rgba(60,40,20,.06)}[data-theme=light] .toast{box-shadow:0 4px 20px rgba(60,40,20,.12)}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(26,20,16,.18)}.desktop-preview-panel{display:flex!important;flex-direction:column!important}@media (max-width:640px){.gen-picker-grid{grid-template-columns:1fr!important}}@media (max-width:1024px){.portfolio-edit-grid{grid-template-columns:1fr!important}.desktop-preview-panel{display:none!important}.desktop-preview-panel.mobile-show{display:flex!important;height:clamp(400px,70vh,700px)!important;position:static!important}}@media (max-width:900px){.portfolio-edit-grid{grid-template-columns:1fr!important}.desktop-preview-panel{display:none!important}.desktop-preview-panel.mobile-show{display:flex!important;height:clamp(400px,70vh,700px)!important;position:static!important}}@media (min-width:1025px){.pv-tab-switcher{display:none!important}}.live-preview-iframe-wrap{flex:1 1;position:relative;overflow:hidden;min-height:400px}.gen-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.gen-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}[data-theme=light] .gen-card:hover{box-shadow:0 8px 24px rgba(60,40,20,.1)}@media (min-width:1025px){.portfolio-edit-left{display:block!important}}