#start-screen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f7f8fb;color:#182641;overflow:auto}#start-screen::backdrop{background:#f7f8fb}.start-shell{max-width:1240px;margin:auto;padding:30px 42px 24px}.start-brand{display:flex;align-items:center;gap:10px}.start-brand strong{font-size:27px;letter-spacing:-1px}.start-mark{width:34px;height:36px;display:grid;place-items:center;background:#254bef;color:white;border-radius:10px;font:italic 28px Georgia}.start-brand>span:last-child{font-size:10px;letter-spacing:2px;margin-left:12px;color:#8894a8}.start-intro{padding:46px 0 30px}.start-intro>p{font-size:10px;letter-spacing:2px;font-weight:700;color:#254bef;margin:0 0 14px}.start-intro h1{font:42px Georgia,serif;letter-spacing:-1.1px;margin:0 0 14px}.start-intro>div{font-size:15px;color:#78869c;line-height:1.6}.start-resume{display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border:1px solid #dce4f5;border-radius:14px;padding:20px 24px;margin:0 0 32px}.start-resume>div{display:flex;flex-direction:column;gap:7px;min-width:0}.start-resume small{color:#74829a;font-size:9px;letter-spacing:1.4px}.start-resume strong{font-size:16px;overflow-wrap:anywhere}.start-resume>div>span{color:#8a96a8;font-size:12px}.start-resume button{flex-shrink:0;font-size:13px}.start-resume button span{margin-left:14px}.start-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.start-section-heading h2{font-size:15px;font-weight:600;margin:0}.start-section-heading>span{font-size:11px;color:#8a96a8}.start-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.start-card{border:1px solid #e1e6f0;border-radius:12px;background:white;padding:0;overflow:hidden;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s;cursor:pointer}.start-card:hover,.start-card:focus-visible{transform:translateY(-4px);border-color:#254bef;box-shadow:0 8px 22px #254bef12}.start-card:focus-visible{outline:3px solid #aabcff;outline-offset:3px}.start-preview{height:225px;background:#edf0f6;display:flex;align-items:center;justify-content:center;padding:17px;overflow:hidden}.start-preview>svg,.blank-sheet{width:auto;height:100%;max-width:100%;aspect-ratio:794/1123;box-shadow:0 3px 8px #18264118;background:white;pointer-events:none}.start-blank .start-preview{background:#eef2ff}.blank-sheet{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px dashed #bac8f5;box-shadow:none}.blank-sheet>span{color:#254bef;font-size:36px;font-weight:300}.blank-sheet>small{font-size:11px;color:#a2adc2}.start-card-copy{padding:16px 14px 18px}.start-card-copy strong{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:4px;min-height:32px;line-height:1.4}.start-card-copy strong span{color:#254bef}.start-card-copy p{font-size:11px;color:#8793a6;line-height:1.5;min-height:33px;margin:5px 0 0}.start-note{font-size:11px;color:#8b97a9;margin-top:18px}.start-footer{margin-top:38px;padding-top:18px;border-top:1px solid #e4e8f0;color:#8a97aa;font-size:11px}#start-confirm{padding:24px;background:white;border:1px solid #dce4f5;border-radius:12px}#start-confirm h2{font-size:20px;margin:0 0 12px}#start-confirm p{font-size:14px;line-height:1.7;color:#718099;max-width:700px}.start-confirm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:1000px){.start-shell{padding:24px}.start-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.start-preview{height:215px}.start-intro{padding-top:32px}}
@media(max-width:600px){.start-shell{padding:22px 18px}.start-intro h1{font-size:32px}.start-intro>div{font-size:14px}.start-resume{padding:18px;align-items:stretch;flex-direction:column;gap:18px}.start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.start-preview{height:190px;padding:14px}.start-card-copy{padding:12px}.start-card-copy strong{font-size:12px}.start-section-heading>span{display:none}.start-section-heading h2{font-size:14px}.start-footer{line-height:1.7}.start-confirm-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.start-card{transition:none}}