:root{--bg: #ffffff;--band: #f5f5f7;--ink: #1d1d1f;--muted: #55555c;--hairline: #d2d2d7;--accent: #1d4ed8;--accent-hover: #1a45c2;--accent-ink: #ffffff;--danger: #b3261e;--radius-card: 18px;--radius-control: 12px;--tap: 48px;--maxw: 62rem;--shadow-card: 0 1px 2px rgba(0, 0, 0, .05);--shadow-stage: 0 24px 48px -12px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .06);--frost: rgba(255, 255, 255, .75)}*{box-sizing:border-box}html{font-size:112.5%;scroll-padding-top:5.5rem;scroll-padding-bottom:8rem}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-text-size-adjust:100%}body:has(.builder-main){background:var(--band)}h1,h2,h3{line-height:1.12;margin:0 0 .5em;letter-spacing:-.02em;text-wrap:balance}p{margin:0 0 1em}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.site-header{padding:1rem 0}.wordmark{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:var(--tap)}.wordmark b{color:var(--accent)}.site-footer{border-top:1px solid var(--hairline);background:var(--bg);margin-top:0;padding:2.25rem 0 3rem;color:var(--muted);font-size:.95rem}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:.75rem 2rem;justify-content:space-between;align-items:center}.lang-switch{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.lang-switch a,.lang-switch [aria-current]{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 .75rem;border-radius:999px;text-decoration:none}.lang-switch [aria-current=true]{font-weight:700;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5ch;min-height:var(--tap);padding:.6rem 1.6rem;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;background:none;color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{transform:translateY(1px)}.btn-outline{border-color:var(--hairline);color:var(--ink);background:var(--bg)}.btn-outline:hover{border-color:#b8b8bf}.btn-quiet{color:var(--muted)}.btn-quiet:hover{color:var(--ink)}.btn-danger{color:var(--danger);border-color:var(--hairline);background:var(--bg)}.btn[disabled]{opacity:.6;cursor:default}.hero{text-align:center;padding:clamp(3rem,8vh,5.5rem) 0 clamp(2.5rem,6vh,4rem)}.hero h1{font-size:clamp(2.3rem,3.4vw + 1.1rem,3.6rem);letter-spacing:-.025em;max-width:21ch;margin-inline:auto}.hero .sub{font-size:1.25rem;color:var(--muted);max-width:44ch;margin:.75rem auto 0}.hero-cta{margin:2rem 0 0}.hero-cta .btn{font-size:1.15rem;padding:.8rem 2.4rem;width:min(100%,22rem)}.cta-note{color:var(--muted);font-size:.95rem;margin:.9rem 0 0}.stage{background:var(--band);padding:clamp(2.5rem,6vh,4rem) 1.5rem clamp(2rem,5vh,3rem)}.stage .preview-figure{margin:0 auto;max-width:794px}.stage figcaption{text-align:center;color:var(--muted);font-size:.95rem;padding-top:1.5rem}.preview-figure .cv-frame{max-height:min(72vh,820px);box-shadow:var(--shadow-stage)}.benefits-band{padding:clamp(3rem,8vh,4.5rem) 0;background:var(--bg)}.benefits{list-style:none;margin:0;padding:0;display:grid;gap:2.25rem}.benefits h2{font-size:1.2rem;margin-bottom:.3em}.benefits p{color:var(--muted);margin:0}@media(min-width:56rem){.benefits{grid-template-columns:repeat(3,1fr);gap:3rem}}.cv-frame{--cv-scale: .45;overflow:hidden}.cv-frame .cv-page{transform:scale(var(--cv-scale));transform-origin:top left}.builder-topbar{position:sticky;top:0;z-index:20;background:var(--frost);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--hairline)}.builder-topbar .wrap{max-width:88rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.3rem;padding-bottom:.3rem}.save-status{color:var(--muted);font-size:.9rem;text-align:right;margin:0}.tabs{display:flex;gap:0;background:#7878801f;border-radius:13px;padding:3px;margin:.75rem 1.5rem .25rem}.tabs button{flex:1;min-height:var(--tap);font:inherit;font-weight:600;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:10px}.tabs button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001f}.builder-main{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:88rem;margin:0 auto;padding:1.25rem 1.5rem calc(var(--tap) + 3rem + env(safe-area-inset-bottom,0px))}.pane-preview{min-width:0}.builder-main[data-view=form] .pane-preview,.builder-main[data-view=preview] .pane-form{display:none}.pane-preview .cv-frame{box-shadow:var(--shadow-stage)}fieldset{border:0;padding:1.5rem 1.5rem 1.25rem;margin:0 0 1.25rem;min-width:0;background:var(--bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}fieldset legend{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;float:left;width:100%;padding:0;margin-bottom:1rem}.field{display:block;margin-bottom:1.1rem;clear:both}.field>span{display:block;font-weight:600;margin-bottom:.35rem}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=month],.field select,.field textarea{width:100%;min-width:0;min-height:var(--tap);padding:.55rem .85rem;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--hairline);border-radius:var(--radius-control)}.field textarea{resize:vertical;min-height:6rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1d4ed826}.hint{color:var(--muted);font-size:.9rem;margin:-.4rem 0 1rem;clear:both}.field .hint{margin:.35rem 0 0;font-weight:400}.check{display:flex;align-items:center;gap:.6rem;min-height:var(--tap);font-weight:600}.check input{width:1.4rem;height:1.4rem;accent-color:var(--accent)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1rem}.item-card{background:var(--band);border-radius:var(--radius-control);padding:1.1rem 1.1rem .6rem;margin-bottom:1rem;clear:both}.item-card .field input,.item-card .field select,.item-card .field textarea{border-color:#e2e2e6}.item-card-foot{display:flex;justify-content:flex-end}.empty-note{color:var(--muted);background:var(--band);border-radius:var(--radius-control);padding:.9rem 1.1rem;margin:0 0 1rem;clear:both}.inline-add{display:flex;flex-wrap:wrap;gap:.6rem;align-items:stretch}.inline-add input,.inline-add select{flex:1 1 8rem;min-width:0;min-height:var(--tap);padding:.55rem .85rem;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--hairline);border-radius:var(--radius-control)}.inline-add input:focus,.inline-add select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1d4ed826}.inline-add .btn{flex:1 0 auto}.chip-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--band);border-radius:999px;padding:.4rem .55rem .4rem 1rem;font-weight:600}.chip button{border:0;background:none;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;min-width:2rem;min-height:2rem;border-radius:999px}.chip button:hover{color:var(--danger)}.row-list{list-style:none;padding:0;margin:0 0 1rem}.row-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--band);border-radius:var(--radius-control);padding:.4rem .5rem .4rem 1.1rem;margin-bottom:.5rem;font-weight:600}.row-list .level{color:var(--muted);font-weight:400;margin-left:.5ch}.photo-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.photo-thumb{width:76px;height:76px;object-fit:cover;border:1px solid var(--hairline);border-radius:8px;background:var(--bg)}.actionbar{position:fixed;inset:auto 0 0;z-index:30;background:var(--frost);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--hairline);padding:.6rem 1.5rem calc(.6rem + env(safe-area-inset-bottom,0px))}.actionbar-inner{max-width:88rem;margin:0 auto;display:flex;justify-content:center}.actionbar .btn{flex:1;max-width:26rem;font-size:1.1rem}.backup-actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;clear:both}@media(min-width:64rem){.tabs{display:none}.builder-main{grid-template-columns:minmax(0,34rem) minmax(0,44rem);justify-content:center;gap:clamp(2.5rem,4vw,4.5rem);padding-top:2rem}.builder-main[data-view=form] .pane-preview,.builder-main[data-view=preview] .pane-form{display:block}.pane-preview{position:sticky;top:5rem}.backup-actions{flex-direction:row;flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.btn,.tabs button,.field input,.field select,.field textarea{transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}}
