*{box-sizing:border-box}:root{--skill-red:#d16060;--skill-red-dark:#b74a4a;--skill-red-text:#5b0d0d;--skill-bg:#f8cccc;--skill-card:hsla(0,0%,100%,.9);--skill-border:rgba(209,96,96,.24);--skill-shadow:0 12px 28px rgba(91,13,13,.18)}body{background:radial-gradient(circle at top left,hsla(0,0%,100%,.24),transparent 42%),var(--skill-bg);color:#2a2a2a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input,select{font:inherit}.screen{min-height:100vh}.login{display:grid;padding:24px;place-items:center}.detail,.login form,.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--skill-card);border:1px solid var(--skill-border);border-radius:18px;box-shadow:var(--skill-shadow)}.login form{display:grid;gap:14px;padding:32px 36px;width:min(380px,100%)}.login h1{color:var(--skill-red-text);font-size:1.8rem;margin:0 0 8px}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.app.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.nav{background:linear-gradient(155deg,var(--skill-red),var(--skill-red-dark));box-shadow:10px 0 28px #5b0d0d38;color:#fff;padding:18px;transition:padding .18s ease}.nav-header{gap:8px;justify-content:space-between;margin-bottom:18px}.nav h1,.nav-header{align-items:center;display:flex}.nav h1{font-size:18px;gap:9px;margin:0;overflow:hidden}.nav-brand{color:inherit;text-decoration:none}.nav-brand:focus-visible,.nav-brand:hover{border-radius:10px;outline:2px solid hsla(0,0%,100%,.7);outline-offset:3px}.nav-brand-icon{background:#ffffffeb;border:1px solid hsla(0,0%,100%,.58);border-radius:10px;color:var(--skill-red-dark);display:none;flex:0 0 34px;font-size:14px;font-weight:800;height:34px;letter-spacing:-.08em;place-items:center;width:34px}.nav-brand-word{white-space:nowrap}.nav-brand-word sup{font-size:.55em;font-weight:600;margin-left:2px;vertical-align:super}.nav button{align-items:center;background:#ffffff1f;border:1px solid hsla(0,0%,100%,.4);border-radius:999px;color:#fff;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;min-height:38px;text-align:left;width:100%}.nav .nav-toggle{font-size:24px;justify-content:center;margin:0;min-width:32px;padding:0;width:32px}.nav-icon{display:inline-grid;flex:0 0 22px;font-weight:700;place-items:center}.nav.collapsed{padding-inline:10px}.nav.collapsed .nav-label{display:none}.nav.collapsed .nav-brand-icon{display:inline-grid}.nav.collapsed .nav-brand-word{display:none}.nav.collapsed .nav-header{flex-direction:column;justify-content:center}.nav.collapsed>button:not(.nav-toggle){justify-content:center;padding-inline:0}.nav button.active{background:#ffffffeb;box-shadow:0 6px 14px #5b0d0d33;color:var(--skill-red-dark)}.nav button:focus-visible,.nav button:hover{background:#ffffff3d;outline:none;transform:translate(2px)}.content{align-content:start;display:grid;gap:16px;padding:clamp(18px,3vw,36px)}.form-grid,.grid,.match-row,.row,.toolbar{display:grid;gap:10px}.toolbar{align-items:center;grid-template-columns:minmax(220px,420px) auto auto;justify-content:start}.grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.detail,.panel{padding:24px}.detail h2,.panel h2{color:var(--skill-red-text);font-size:18px;margin:0 0 12px}.panel h2.section-heading{margin-top:0}.panel h2.section-heading.after-create,.panel h2.section-heading.separated{border-top:1px solid var(--skill-border);margin-top:34px;padding-top:22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}label{color:#4a5563;display:grid;font-size:13px;gap:5px}input,select{background:#ffffffeb;border:1px solid rgba(183,74,74,.3);border-radius:10px;color:#20252b;min-height:36px;padding:6px 8px}input[type=range]{padding:0}button.primary{background:linear-gradient(135deg,var(--skill-red),var(--skill-red-dark));border:0;border-radius:999px;box-shadow:0 6px 14px #b74a4a47;color:#fff;cursor:pointer;min-height:36px;padding:0 12px}.list{display:grid;gap:8px}.row{align-items:center;background:#ffffff9e;border:1px solid var(--skill-border);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.row button{background:#ffffffe0;border:1px solid var(--skill-border);border-radius:999px;cursor:pointer;min-height:32px}.muted{color:#765b5b;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{background:color-mix(in srgb,var(--skill-color,var(--skill-red)) 10%,#fff);border:1px solid color-mix(in srgb,var(--skill-color,var(--skill-red)) 45%,transparent);border-left:5px solid var(--skill-color,var(--skill-red));border-radius:999px;font-size:12px;padding:3px 6px}.match-row{border-top:1px solid var(--skill-border);padding-top:10px}.error{color:#b42318}.integration-warning{background:color-mix(in srgb,#f6c445 16%,var(--skill-panel));border:1px solid #d6a63b;border-radius:9px;color:#714d00;font-size:13px;margin:0;padding:9px 12px}@media(max-width:820px){.app,.form-grid,.grid,.toolbar{grid-template-columns:1fr}.nav{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.nav h1,.nav-header{grid-column:1/-1}.nav h1{margin-bottom:4px}.app.sidebar-collapsed,.nav.collapsed{grid-template-columns:1fr}.nav.collapsed>button:not(.nav-toggle){display:none}}.skill-name{align-items:center;display:inline-flex;gap:8px}.skill-color-dot{background:var(--skill-color);border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--skill-color) 18%,transparent);height:12px;width:12px}.skill-color-field{border:1px solid var(--skill-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:10px}.skill-color-toggle{align-items:center;background:#fffc;border:1px solid var(--skill-border);border-radius:999px;color:var(--skill-red-text);cursor:pointer;display:inline-flex;gap:9px;justify-content:center;min-height:36px}.skill-color-field legend{color:#765b5b;font-size:13px;padding:0 5px}.skill-color-swatch{background:var(--skill-color);border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #00000029;cursor:pointer;height:25px;padding:0;width:25px}.skill-color-swatch.selected{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--skill-color)}.collapsible-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.collapsible-heading h2{margin:0}.employee-form-toggle{background:#fffc;border:1px solid var(--skill-border);border-radius:999px;color:var(--skill-red-text);cursor:pointer;min-height:34px;padding:0 14px}.employee-form-section+.section-heading:not(.after-create){margin-top:12px}.project-workspace{display:grid;gap:14px;width:100%}.project-tabs{background:#ffffff70;border:1px solid rgba(120,90,90,.14);border-radius:11px;display:inline-flex;gap:6px;justify-self:start;max-width:100%;overflow-x:auto;padding:5px}.project-tabs button{background:transparent;border:0;border-radius:7px;color:#765b5b;cursor:pointer;flex:0 0 auto;min-height:30px;padding:0 10px;transition:background-color .16s ease,color .16s ease}.project-tabs button:focus-visible,.project-tabs button:hover{background:#d1606014;outline:none}.project-tabs button.active{background:#fff;box-shadow:0 2px 8px #4623231a;color:var(--skill-red-text)}.project-workspace>.detail,.project-workspace>.panel{width:100%}.project-panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.project-panel-heading h2{margin-bottom:0}.project-panel-heading button{background:#d1606012;border:1px solid rgba(183,74,74,.25);border-radius:7px;color:var(--skill-red-text);cursor:pointer;min-height:34px;padding:0 12px}.project-row{cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.project-row:focus-visible,.project-row:hover{background:#ffffffdb;border-color:#b74a4a66;outline:none;transform:translateY(-1px)}.project-open-items-panel .open-items{border-top:0;margin-top:0;padding-top:0}.project-visibility{align-items:center;display:flex;gap:8px}.project-visibility input{accent-color:var(--skill-red-dark);margin:0;min-height:18px;width:18px}@media(max-width:680px){.project-tabs{display:flex;justify-self:stretch}.project-tabs button{flex-basis:auto}}html[data-theme=dark]{color-scheme:dark;--skill-red:#9f4650;--skill-red-dark:#713039;--skill-red-text:#ffb8bd;--skill-bg:#171315;--skill-card:rgba(38,31,34,.94);--skill-border:rgba(221,112,121,.3);--skill-shadow:0 12px 28px rgba(0,0,0,.38)}html[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(159,70,80,.18),transparent 42%),var(--skill-bg);color:#f3eaec}html[data-theme=dark] input,html[data-theme=dark] select{background:#191517f0;border-color:var(--skill-border);color:#f3eaec}html[data-theme=dark] .matching-heading>span,html[data-theme=dark] .muted,html[data-theme=dark] .open-item-award,html[data-theme=dark] .open-item-list small,html[data-theme=dark] .open-items-count,html[data-theme=dark] .rating,html[data-theme=dark] .rating-detail small,html[data-theme=dark] label{color:#cbbdc1}html[data-theme=dark] .collapsible-heading button,html[data-theme=dark] .color-toggle,html[data-theme=dark] .match-row,html[data-theme=dark] .matching-heading button,html[data-theme=dark] .open-item-form,html[data-theme=dark] .open-item-list li,html[data-theme=dark] .open-items-heading button,html[data-theme=dark] .project-tabs,html[data-theme=dark] .reward-level,html[data-theme=dark] .row{background:#30272ae0}html[data-theme=dark] .skill-color-toggle{background:#30272a;border-color:#ffb8bd7a;color:#ffd6d9}html[data-theme=dark] .skill-color-toggle:focus-visible,html[data-theme=dark] .skill-color-toggle:hover{background:#3b2e32;border-color:#ffb8bd;outline:none}html[data-theme=dark] .skill-color-field{background:#191517b8;border-color:#ffb8bd66}html[data-theme=dark] .skill-color-field legend{color:#f3dadd}html[data-theme=dark] .skill-color-swatch{border-color:#f3eaec;box-shadow:0 0 0 1px #ffffff59}html[data-theme=dark] .skill-color-swatch.selected{box-shadow:0 0 0 1px #171315;outline:3px solid #ffb8bd;outline-offset:2px}html[data-theme=dark] .project-tabs button.active,html[data-theme=dark] .rating-detail,html[data-theme=dark] .row button{background:#30272a;color:var(--skill-red-text)}html[data-theme=dark] .project-row:focus-visible,html[data-theme=dark] .project-row:hover{background:#382c30}html[data-theme=dark] .chip{background:color-mix(in srgb,var(--skill-color,var(--skill-red)) 18%,#282124)}html[data-theme=dark] .open-item-list li.done .open-item-content>span:first-child{color:#a99ca0}.profile-panel{max-width:760px}.profile-export,.profile-skills{margin-top:1.5rem}.profile-export{border-top:1px solid var(--border,#ddd5d8);padding-top:1rem}.profile-export-actions{display:flex;flex-wrap:wrap;gap:.75rem}.login-divider{align-items:center;color:#74686d;display:flex;gap:.75rem;margin:.25rem 0}.login-divider:after,.login-divider:before{background:var(--skill-border);content:"";flex:1;height:1px}.google-login{align-items:center;display:flex;gap:.7rem;justify-content:center;width:100%}.google-login span{color:#4285f4;font-size:1.1rem;font-weight:800}.resume-editor{border-top:1px solid var(--skill-border);margin-top:1.5rem;padding-top:1rem}.resume-editor header{align-items:center;display:flex;justify-content:space-between}.language-switch{display:flex;gap:.3rem}.language-switch button{min-width:46px}.language-switch button.active{background:var(--skill-red);color:#fff}.global-language{background:var(--skill-card);border:1px solid var(--skill-border);border-radius:999px;box-shadow:0 5px 14px #1e14142e;display:flex;padding:3px;position:fixed;right:128px;top:12px;z-index:51}.global-language button{background:transparent;border:0;border-radius:999px;color:inherit;cursor:pointer;font-size:11px;font-weight:800;min-height:28px;min-width:35px;padding:0 8px}.global-language button.active{background:var(--skill-red);color:#fff}.contact-grid{margin-bottom:1rem}.resume-section{border-top:1px solid var(--skill-border);margin-top:1.25rem;padding-top:.75rem}.resume-entry{background:color-mix(in srgb,var(--skill-card) 85%,var(--skill-red) 4%);border:1px solid var(--skill-border);border-radius:12px;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.75rem;padding:1rem}.resume-entry textarea{min-height:64px}.success{color:#15803d;font-weight:700}@media(max-width:700px){.resume-entry{grid-template-columns:1fr}}.storymaster-ai-button[data-v-b98ed416]{background:#f6c445;border:1px solid #d69e13;border-radius:999px;bottom:24px;box-shadow:0 12px 35px #925e0852;color:#251500;cursor:pointer;font:800 14px/1 system-ui;min-height:46px;min-width:58px;padding:0 16px;position:fixed;right:24px;z-index:60}.storymaster-ai-button[data-v-b98ed416]:focus-visible,.storymaster-ai-button[data-v-b98ed416]:hover{background:#ffd76a;border-color:#f8d66d;outline:2px solid #d69e13;outline-offset:2px}@media(max-width:640px){.storymaster-ai-button[data-v-b98ed416]{bottom:16px;right:16px}}