:root{color-scheme:dark;--app-bg:#0d1426;--app-paper:#1b2439;--app-ink:#f5f7ff;--app-muted:#b0bad0;--app-green:#367cfb;--app-line:#38435d;--app-soft:#242f48;--night-blue:#3783ff;--night-orange:#fa9357;--night-radius:20px;--night-border:#ffffff20;--night-text:#f5f7ff;--night-muted:#b0bad0;--night-bg:#0d1426}body{background:var(--night-bg);color:var(--night-text)}.app-topbar{background:var(--night-bg);border:0;padding:20px 24px 0}.app-topbar-inner{background:#1c253c;border:1px solid #ffffff20;border-radius:22px;max-width:1200px;min-height:76px;padding-inline:28px}.app-topbar .logo img{filter:brightness(0) invert(1)}.app-topbar .text-btn,.app-topbar .lang{color:var(--night-muted)}.app-topbar .text-btn:hover,.app-topbar .lang:hover{color:white}.app-topbar .lang{background:transparent;border-color:var(--night-border)}.app-topbar .desktop-account{background:#2164dc;color:white;padding:14px 22px;border-radius:14px}.btn{background:#2164dc;border-color:#2164dc;color:white;border-radius:14px;font-size:16px;min-height:50px;box-shadow:none;transition:background .18s,border-color .18s,opacity .18s}.btn:hover{background:#2a69df;transform:none}.btn.secondary{background:#ffffff08;border:1px solid #ffffff25;color:var(--night-text)}.btn.secondary:hover{background:#ffffff13}.text-btn,.muted,.mini-help{color:var(--night-muted)}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bb9ff;outline-offset:4px}.btn:active,button:active{opacity:.78;transform:none}h1,h2,h3{color:inherit}.night-home{max-width:1256px;padding:0 28px;margin:auto;isolation:isolate;position:relative}.night-home:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:30px;left:50%;transform:translateX(-50%);width:min(140vw,1800px);height:940px;background:radial-gradient(ellipse at 30% 38%,#2358c345,transparent 49%),radial-gradient(ellipse at 78% 48%,#a54a2836,transparent 46%)}.night-home h1,.night-home h2{font-family:inherit;letter-spacing:-.035em;font-weight:650;line-height:1.12;text-wrap:balance}.night-hero{text-align:center;padding:34px 0 72px}.night-capabilities{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}.night-capabilities span{font-size:14px;line-height:1.4;border:1px solid var(--night-border);border-radius:30px;background:#ffffff07;padding:9px 18px;color:#d2daeb}.night-wordmark{font-size:clamp(60px,6.5vw,96px);font-weight:750;letter-spacing:-.045em;line-height:1.1;display:inline-block;background:linear-gradient(100deg,#2676ff 10%,#528cfa 52%,#ed8954 94%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px}.night-hero h1{font-size:clamp(42px,5vw,68px);margin:0 auto;max-width:1000px}.night-hero>p{font-size:21px;line-height:1.65;max-width:720px;margin:28px auto 36px;color:var(--night-muted)}.night-actions{display:flex;justify-content:center;gap:16px;align-items:center}.night-actions .btn{display:flex;align-items:center;justify-content:center;gap:32px;min-height:60px;padding:16px 28px;font-size:18px}.night-hero .night-price{font-size:14px;margin:24px auto 0}.night-price>span{margin:0 8px}.night-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:64px auto 0;max-width:1000px}.night-facts>div{border:1px solid var(--night-border);background:#202a3ec2;border-radius:20px;padding:26px 14px;display:flex;align-items:center;flex-direction:column;gap:12px}.night-facts svg{color:#5594ff}.night-facts strong{font-size:36px;font-weight:650;line-height:1.1;color:#80aaff}.night-facts span{font-size:15px;color:#c1cbde}.night-section-heading{text-align:center;max-width:720px;margin:0 auto 40px}.night-home h2{font-size:42px;margin:0 0 20px}.night-section-heading p,.night-ai>div>p,.night-close>p{font-size:18px;line-height:1.65;color:var(--night-muted)}.night-designs{padding:64px 0 96px}.night-design-browser{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;background:#182238;border:1px solid var(--night-border);border-radius:24px;padding:40px}.night-design-picker p{font-size:17px;line-height:1.6;color:var(--night-muted);margin:24px 0}.night-design-options{display:grid;gap:12px}.night-design-options button{font:inherit;min-height:72px;border-radius:14px;border:1px solid var(--night-border);background:#ffffff04;color:var(--night-text);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start;cursor:pointer}.night-design-options button[aria-pressed=true]{background:#236be326;border-color:#568eff}.night-design-options button>span{font-size:20px}.night-design-options strong{font-size:16px;font-weight:500;color:#b8cfff;white-space:nowrap}.night-use{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px}.night-design-picker .night-design-note{font-size:14px}.night-preview{margin:0;background:#0d1426;padding:24px;border-radius:16px}.night-preview img{display:block;width:100%;height:auto;border-radius:3px;color-scheme:light}.night-preview figcaption{color:var(--night-muted);font-size:13px;text-align:center;margin-top:16px}.night-ai{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:32px 0 96px}.night-ai-icon{display:flex;align-items:center;color:#7baaff;margin-bottom:20px}.night-ai-icon svg{width:32px;height:32px}.night-ai-example{padding:24px;background:#172136;border:1px solid var(--night-border);border-radius:20px;margin-top:28px}.night-ai-example span{font-size:14px;color:#99bfff}.night-ai-example p{font-size:18px;line-height:1.5;margin:12px 0 24px}.night-ai-example p:last-child{margin-bottom:0}.night-credit-card{border-radius:24px;border:1px solid #669aff50;background:linear-gradient(135deg,#20365c80,#172035);padding:36px;text-align:center}.night-credit-card>p{font-size:16px;color:var(--night-muted);line-height:1.6}.night-credit-card>strong{font-size:76px;line-height:1.1;color:#80aaff;font-weight:650;display:block;margin:28px 0}.night-credit-card>strong>span{display:block;font-size:18px;color:var(--night-text);font-weight:400;margin-top:8px}.night-credit-price{font-size:30px;margin-bottom:28px}.night-credit-card .btn{width:100%;font-size:16px}.night-credit-card>p:last-child{font-size:14px;margin:24px 0 0}.night-close{text-align:center;padding:56px 24px 64px;border:1px solid var(--night-border);border-radius:24px;background:#172238;margin-bottom:48px}.night-close h2{max-width:760px;margin-inline:auto}.night-close p{margin:20px auto 28px}.night-close .btn{display:inline-flex;align-items:center;gap:28px;padding:16px 28px}.app-footer{background:transparent;color:var(--night-muted);border-top:1px solid var(--night-border);padding-top:24px}.app-tabs{background:#111b2d;border-top:1px solid var(--night-border)}.app-tabs button{color:#b0bed6}.app-tabs button[aria-current=page]{color:#8cb7ff!important;background:#2e6ad929!important;border-radius:12px!important}.panel,.cv-card,.finish-card,.section-card,.entry-card,.credits-package,.credits-explain,.notice,.account-history{background:#182238;border-color:#35425c;color:var(--night-text)}.account-history{background:transparent}.field input,.field textarea,.field select,input,textarea,select{background:#0e182b;color:var(--night-text);border-color:#41506d;color-scheme:dark}.field input::placeholder,.field textarea::placeholder,input::placeholder,textarea::placeholder{color:#94a5bf}.account-grid input[readonly]{background:#222e45;color:#bdc9dc}.checkbox input{accent-color:#4d8dff}.credit-chip,.tag,.skill-chips>span{background:#273e65;color:#c5dcff}.dialog{background:#182238;color:var(--night-text);border:1px solid var(--night-border)}.dialog p,.dialog .field,.auth-switch{color:var(--night-muted)}.dialog .divider{color:var(--night-muted)}.editor-section,.entry-card,.editor-controls .panel,.preview-pane,.preview-toolbar,.stage-nav,.mobile-editor-tabs,.template-card{background:#182238;border-color:#35425c;color:var(--night-text)}.preview-toolbar small,.preview-language,.save-indicator,.preview-caption{color:#bdc9dc}.stage-nav button{color:#b2bed4}.stage-nav button.active,.mobile-editor-tabs button.active{background:#233f68;color:white}.editor-section summary,.entry-header{color:var(--night-text)}#preview-viewport{background:#0c1423}.preview-pane{border-color:#35425c}.template-meta small,.template-meta .price{color:var(--night-muted)}.template-preview{color:#173a32}.design-thumb{color:#173a32;background:white}.cv-page{color-scheme:light}.cv-page .cv-sheet{color:#244137}.credits-heading>p,.credits-explain p,.credits-package>p{color:var(--night-muted)}.credits-price,.credits-package h2,.credits-explain h2{color:var(--night-text)}.credits-package{border-color:#41506d}.credit-balance{background:#213a62}.summary-row{border-color:#35425c}.skill-adder input{background:#0e182b}.night-home [dir=rtl],html[dir=rtl] .night-home h1,html[dir=rtl] .night-home h2{letter-spacing:0;line-height:1.35}
@media(max-width:767px){.app-topbar{padding:0;padding-top:env(safe-area-inset-top);background:#111a2d}.app-topbar-inner{border:0;border-radius:0;min-height:64px;padding-inline:20px;background:transparent}.app-topbar .logo img{width:116px}.app-top-actions .lang{font-size:14px;color:#d0daeb}.night-home{padding:0 20px;overflow:clip}.night-home:before{height:760px;top:0;width:200vw;background:radial-gradient(ellipse at 32% 34%,#2358c33d,transparent 50%),radial-gradient(ellipse at 80% 52%,#a54a2828,transparent 45%)}.night-hero{padding:24px 0 40px}.night-capabilities{gap:7px;margin-bottom:26px}.night-capabilities span{font-size:13px;padding:7px 12px}.night-wordmark{font-size:56px;line-height:1.15;margin-bottom:18px}.night-hero h1{font-size:38px;line-height:1.18;max-width:360px}.night-hero>p{font-size:16px;line-height:1.65;margin:20px auto 28px;max-width:380px}.night-actions{display:grid;grid-template-columns:1fr;gap:12px}.night-actions .btn{font-size:16px;min-height:52px;justify-content:space-between;width:100%;padding:14px 20px}.night-actions .btn.secondary{justify-content:center}.night-hero .night-price{font-size:13px;line-height:1.7;margin:20px auto 0}.night-facts{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.night-facts>div{padding:20px 10px;gap:10px;border-radius:16px}.night-facts strong{font-size:30px}.night-facts span{font-size:13px;line-height:1.4}.night-facts svg{width:22px;height:22px}.night-home h2{font-size:30px;line-height:1.2}.night-section-heading{margin-bottom:24px}.night-section-heading p,.night-ai>div>p,.night-close>p{font-size:16px;line-height:1.65}.night-designs{padding:32px 0 48px}.night-design-browser{display:flex;flex-direction:column;gap:24px;padding:20px;border-radius:20px}.night-design-picker{width:100%;display:contents}.night-design-options{width:100%;gap:8px;order:0}.night-design-options button{min-height:58px;padding:14px 16px}.night-design-options button>span{font-size:16px}.night-design-options strong{font-size:14px}.night-design-picker>p{margin:0;font-size:14px;order:1;text-align:center}.night-preview{width:100%;padding:16px;order:2}.night-use{order:3;font-size:15px}.night-design-picker>.night-design-note{order:4;font-size:13px;text-align:start}.night-ai{grid-template-columns:1fr;gap:28px;padding:16px 0 48px}.night-ai-example{padding:20px}.night-ai-example p{font-size:16px}.night-credit-card{padding:28px 24px}.night-credit-card>strong{font-size:64px;margin:24px 0}.night-close{padding:32px 20px;margin-bottom:32px}.night-close .btn{width:100%;justify-content:space-between;padding:14px 20px;font-size:16px}.app-footer{font-size:12px;margin-top:0}.app-tabs button{min-height:54px}.credits-page{padding-top:28px}.editor-container{padding-top:20px}.night-home h1,.night-home h2{overflow-wrap:normal}html[dir=rtl] .night-hero h1{font-size:35px}.dialog{max-height:calc(100dvh - 24px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.night-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:black}.app-topbar,.app-tabs,.app-footer{display:none!important}.cv-page{color-scheme:light}}

.night-home{overflow:clip}

/* Mobile-first refinement: reference typography and persistent bottom navigation. */
@font-face{font-family:DM Sans;src:url('/assets/dmsans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('/assets/spacegrotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Noto Sans Arabic;src:url('/assets/notosansarabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
body{font-family:'DM Sans',sans-serif;padding-bottom:calc(108px + env(safe-area-inset-bottom))}button,input,textarea,select{font-family:inherit}
html[lang=ckb] body{font-family:'Noto Sans Arabic',sans-serif;line-height:1.8}
.night-home h1,.night-home h2,h1,h2,h3,.night-wordmark{font-family:'Space Grotesk','DM Sans',sans-serif}
html[lang=ckb] h1,html[lang=ckb] h2,html[lang=ckb] h3,html[lang=ckb] .night-home h1,html[lang=ckb] .night-home h2{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.55;font-weight:700}
.night-wordmark{font-family:'Space Grotesk',sans-serif!important;font-weight:700}
.desktop-app-nav,.desktop-account{display:none!important}.app-topbar{position:relative}.app-topbar-inner{min-height:66px;max-width:1120px}.app-topbar .logo img{width:128px}.app-topbar .lang{min-width:80px;min-height:44px}
.app-tabs{position:fixed;inset:auto 16px 16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:repeat(4,1fr);max-width:520px;margin-inline:auto;padding:8px;border:1px solid #4a5872;border-radius:24px;background:#182238f5;box-shadow:0 12px 36px #0005;backdrop-filter:blur(16px)}
.app-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;border:0;background:transparent;color:#b9c6dd;font:inherit;font-size:12px;border-radius:16px;cursor:pointer}.app-tabs svg{width:23px;height:23px}.app-tabs button[aria-current=page]{background:#294b80!important;border-radius:16px!important;color:#fff!important}.app-tabs button[aria-current=page] span{font-weight:700}
html{scroll-padding-top:24px;scroll-padding-bottom:120px}.night-hero{padding-top:36px}.night-capabilities{margin-bottom:28px}.night-hero>p{max-width:650px}.night-facts{max-width:960px}.night-facts>div{background:#ffffff06;border-color:#ffffff20}.night-design-browser{background:#ffffff04}.night-section-heading{max-width:680px}.night-preview img{box-shadow:0 12px 32px #0004}.night-close{background:linear-gradient(130deg,#23416b55,#1b2339)}
@media(max-width:767px){
body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.app-topbar{background:transparent;padding:12px 16px 0}.app-topbar-inner{min-height:56px;padding:0 14px;border:1px solid #ffffff20;border-radius:18px;background:#1c253c99}.app-topbar .logo img{width:106px}.app-topbar .lang{border:0;font-size:13px;padding:8px}.night-home{padding-inline:20px}.night-hero{padding:28px 0 24px}.night-capabilities{gap:6px;margin-bottom:22px}.night-capabilities span{font-size:11px;padding:5px 10px}.night-wordmark{font-size:clamp(44px,13vw,60px);margin-bottom:12px}.night-hero h1{font-size:34px;line-height:1.16;max-width:360px}html[dir=rtl] .night-hero h1{font-size:29px;line-height:1.6;max-width:360px}.night-hero>p{font-size:15px;line-height:1.8;margin:16px auto 22px;max-width:360px}.night-actions{gap:10px}.night-actions .btn{min-height:52px;font-size:15px;padding:12px 18px}.night-actions .btn.secondary{min-height:46px;background:transparent;border-color:#ffffff30}.night-hero .night-price{font-size:11px;margin-top:14px}.night-facts{margin-top:28px;gap:8px}.night-facts>div{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:16px 12px;text-align:start;align-items:center}.night-facts svg{grid-row:1/3;width:22px}.night-facts strong{font-size:24px}.night-facts span{font-size:11px;line-height:1.6}.night-designs{padding:32px 0 40px}.night-home h2{font-size:27px}.night-section-heading p,.night-ai>div>p,.night-close>p{font-size:14px;line-height:1.85}.night-design-browser{padding:14px;gap:18px}.night-design-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.night-design-options button{flex-direction:column;justify-content:center;gap:4px;padding:10px 3px;min-height:68px}.night-design-options button>span{font-size:12px}.night-design-options strong{font-size:11px}.night-preview{padding:12px;max-width:340px}.night-ai{gap:20px}.night-ai-example p{font-size:15px}.night-credit-card{padding:24px}.night-credit-card>strong{font-size:52px}.night-close{padding:28px 18px}.app-tabs{inset-inline:10px;bottom:calc(8px + env(safe-area-inset-bottom));padding:5px;border-radius:21px}.app-tabs button{min-height:56px;font-size:11px;gap:3px}.app-tabs svg{width:21px;height:21px}.field input,.field select,.field textarea{font-size:16px}.app-footer{padding-bottom:24px}
}
@media(max-width:360px){.night-home{padding-inline:16px}html[dir=rtl] .night-hero h1{font-size:26px}.night-facts span{font-size:10px}.app-tabs button{font-size:10px}}
@media print{.app-tabs{display:none!important}body{padding-bottom:0}}

/* Credits page: explicit typography and balanced responsive panels. */
.credits-page{max-width:1040px;padding-top:40px;padding-bottom:48px}.credits-heading{max-width:760px;margin-bottom:32px}.credits-heading>svg{color:#8cb7ff;width:28px;height:28px}.credits-page h1,.credits-page h2{font-family:'Space Grotesk','DM Sans',sans-serif;letter-spacing:normal;word-spacing:normal;font-weight:600}.credits-heading h1{font-size:clamp(30px,3.5vw,44px);line-height:1.25;margin:16px 0;max-width:720px;text-wrap:balance}.credits-heading>p{margin:0;max-width:620px;line-height:1.7}.credits-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;max-width:none;align-items:stretch}.credits-package,.credits-explain{min-width:0;padding:28px;border:1px solid #35425c;border-radius:20px;background:#182238}.credits-package{display:flex;flex-direction:column;align-items:stretch}.credits-package>p:first-child{margin:0;color:#c3d2e9}.credits-package h2{font-size:64px;line-height:1.1;margin:24px 0 20px;color:#96bcff;font-variant-numeric:tabular-nums}.credits-package h2 span{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5;color:#d7e2f3;margin-top:8px}.credits-price{display:flex;align-items:baseline;gap:8px;font-size:28px;line-height:1.4;margin:0 0 24px}.credits-price span{font-size:14px;color:#b9c6dd}.credits-package .btn{width:100%;min-height:52px;margin-top:auto}.credits-package>p:last-child{font-size:13px;line-height:1.7;margin:16px 0 0}.credits-explain h2{font-size:24px;line-height:1.4;margin:0 0 16px}.credits-explain p{font-size:15px;line-height:1.8;margin:0 0 18px}.credits-explain .text-btn{min-height:44px;color:#9bc1ff;font-size:14px}.credit-balance{padding:14px 16px;margin-bottom:24px;gap:16px;font-size:14px;flex-wrap:wrap;background:#22385b}.credit-balance strong{white-space:nowrap}
html[lang=ckb] .credits-page h1,html[lang=ckb] .credits-page h2,html[lang=ckb] .credits-package h2 span{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.6}html[lang=ckb] .credits-package h2{line-height:1.2}
@media(max-width:767px){.credits-page{padding:28px 20px 32px}.credits-heading{margin-bottom:24px}.credits-heading h1{font-size:30px;line-height:1.3;margin:12px 0}.credits-heading>p{font-size:14px;line-height:1.8}.credits-layout{grid-template-columns:minmax(0,1fr);gap:16px}.credits-package,.credits-explain{padding:22px;border-radius:18px}.credits-package h2{font-size:56px;margin:18px 0}.credits-explain h2{font-size:22px}.credits-price{margin-bottom:18px}.credits-explain p{font-size:14px}html[lang=ckb] .credits-heading h1{font-size:27px}.credits-package>p:last-child{text-align:center}}

/* Viewport-wide atmosphere, independent of the content column. */
body:has(.night-home){background-color:#0d1426;background-image:radial-gradient(ellipse at 28% 35%,#205bc34d 0%,transparent 53%),radial-gradient(ellipse at 82% 60%,#a84c2342 0%,transparent 55%);background-size:100% max(100svh,1000px);background-position:center top;background-repeat:no-repeat}
.night-home:before{content:none}.app-topbar{background:transparent}
@media(max-width:767px){body:has(.night-home){background-image:radial-gradient(ellipse at 5% 25%,#205bc34d 0%,transparent 60%),radial-gradient(ellipse at 100% 55%,#a84c2338 0%,transparent 60%);background-size:100% max(100svh,900px)}}
@media print{body:has(.night-home){background:white}}

/* Payment QR quiet zone and readable payment identifier. */
.dialog .payment-qr{display:block;width:264px;max-width:100%;height:auto;margin:24px auto 20px;padding:16px;background:#fff;border:2px solid #c9d5e8;border-radius:12px;box-sizing:border-box}
.dialog .payment-code{background:#eef3fa;color:#14243b;border:1px solid #b8c8de;border-radius:12px;padding:16px 12px;margin:0 0 16px;font-family:ui-monospace,Consolas,monospace;font-size:20px;font-weight:700;letter-spacing:.06em;line-height:1.5;text-align:center;direction:ltr;unicode-bidi:isolate;user-select:all;overflow-wrap:anywhere}
@media(max-width:380px){.dialog .payment-code{font-size:17px;letter-spacing:.03em}}

/* My CVs responsive layout and dark-theme readability. */
.dashboard{padding-top:32px;padding-bottom:32px;min-width:0}.dashboard .dash-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0}.dashboard .dash-head>div{min-width:0}.dashboard .dash-head h1{font-family:'Space Grotesk','DM Sans',sans-serif;font-size:36px;line-height:1.25;letter-spacing:normal;margin:0 0 12px}.dashboard .dash-head p{margin:0;color:#b9c6dd}.dashboard .dash-head>.btn{flex-shrink:0;white-space:nowrap}.dashboard .notice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #35425c;border-radius:16px}.dashboard .notice button{min-height:44px}.dashboard-actions{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.dashboard-actions .text-btn{min-height:44px;color:#c2d3ed}.dashboard .cv-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;align-items:stretch}.dashboard .cv-card{min-width:0;padding:24px;border:1px solid #35425c;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;overflow-wrap:anywhere}.dashboard .cv-card h3{font-family:inherit;font-size:21px;line-height:1.5;margin:16px 0 8px;color:#f5f7ff}.dashboard .cv-card p{font-size:14px;line-height:1.7;color:#b9c6dd;margin:0 0 12px}.dashboard .cv-card .tag{font-size:12px;line-height:1.5;padding:5px 10px}.dashboard .cv-card .btn{margin-top:auto;min-height:48px;width:100%}html[lang=ckb] .dashboard .dash-head h1{font-family:'Noto Sans Arabic',sans-serif;line-height:1.6}
@media(max-width:767px){.dashboard{padding:24px 20px 32px}.dashboard .dash-head{align-items:stretch;flex-direction:column;gap:18px;margin:24px 0 16px}.dashboard .dash-head h1{font-size:29px}.dashboard .dash-head>.btn{width:100%;min-height:50px}.dashboard .notice{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.dashboard .notice .btn{width:100%;white-space:normal}.dashboard-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.dashboard-actions .credit-chip{justify-self:start;max-width:100%;white-space:normal}.dashboard-actions .text-btn{text-align:start;overflow-wrap:anywhere}.dashboard .cv-cards{grid-template-columns:minmax(0,1fr);gap:16px}.dashboard .cv-card{padding:20px}.dashboard .cv-card h3{font-size:20px}html[lang=ckb] .dashboard .dash-head h1{font-size:27px}}

@font-face{font-family:Samsung;src:url('/assets/SamsungOneArabic-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Samsung;src:url('/assets/SamsungOneArabic-700.woff2') format('woff2');font-weight:700;font-display:swap}
html[lang=ckb] body,html[lang=ar] body{font-family:Samsung,'Noto Sans Arabic',sans-serif;line-height:1.8}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .night-home h1,html[dir=rtl] .night-home h2,html[dir=rtl] .credits-page h1,html[dir=rtl] .credits-page h2,html[dir=rtl] .dashboard .dash-head h1,html[dir=rtl] .credits-package h2 span{font-family:Samsung,'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.55}
/* Shared gutters must win over old dashboard padding shorthand at every width. */
main.container.dashboard{width:100%;max-width:1180px;margin-inline:auto;padding:32px clamp(20px,4vw,48px) 40px;box-sizing:border-box}
#account-content .account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#account-content .account-grid>div,#account-content .panel{min-width:0}#account-content .panel{padding:24px;border:1px solid #35425c;border-radius:18px}#account-content .field input{width:100%;min-width:0}#account-content .account-history{gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}#account-content .dash-head{flex-wrap:wrap}
.ai-offer{background:#203350;border:1px solid #45648e;border-radius:16px;padding:20px;color:#f5f7ff}.ai-offer h3,.ai-offer .checkbox,.ai-offer .checkbox span{color:#f5f7ff}.ai-offer p{color:#c5d5eb}.checkbox{display:flex;gap:12px;align-items:flex-start;line-height:1.7}.checkbox input{flex:0 0 20px;width:20px;height:20px;margin:4px 0 0;accent-color:#5595ff}.field,.field-grid>*{min-width:0}.field input,.field textarea,.field select{max-width:100%;min-width:0}.finish-card .notice{color:#d7e2f3;background:#1d2c44;border-color:#415878}.entry-card .field-grid{min-width:0}.dialog .notice.warning{background:#3d321f;color:#ffe4ae}.dialog h2{font-family:inherit;letter-spacing:normal}
.header-credit{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #4f6f9a;border-radius:14px;background:#243b60;color:#eaf2ff;font-size:14px;white-space:nowrap}.header-credit svg{width:18px;height:18px}.site-language select{min-height:44px;max-width:120px;border:1px solid #42516c;border-radius:12px;background:#182238;color:#eaf2ff;padding:8px;font-size:14px;font-family:'DM Sans',Samsung,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-top-actions{gap:10px}.app-topbar-inner{gap:12px}
.template-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;width:100%;min-width:0}.template-categories button{min-height:44px;border:1px solid #455571;border-radius:12px;padding:9px 14px;background:#162238;color:#c5d5eb;font:inherit;font-size:13px}.template-categories button[aria-pressed=true]{background:#274d85;color:white;border-color:#79a9f2}.night-design-options{max-height:350px;overflow-y:auto;padding:3px}.night-design-picker>.template-categories{order:0}.template-document{display:block;width:100%;height:240px;object-fit:contain;background:#e2e7ef;padding:16px;border-radius:12px 12px 0 0}.template-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.template-card{min-width:0}.template-meta{gap:12px}.template-meta h3{font-family:inherit}.night-design-picker .night-design-options{order:1}.night-design-picker>p{order:2}.night-preview{order:3}.night-use{order:4}.night-design-picker>.night-design-note{order:5}
@media(max-width:767px){main.container.dashboard{padding:24px 20px 32px}#account-content .account-grid{grid-template-columns:minmax(0,1fr);gap:16px}#account-content .panel{padding:20px}#account-content .dash-head>.btn{width:100%}.header-credit-label{display:none}.header-credit{padding:8px;gap:4px}.app-top-actions{gap:6px}.site-language select{font-size:12px;width:86px;padding:6px}.app-topbar-inner{padding-inline:10px}.app-topbar .logo img{width:90px}.night-capabilities{gap:5px}.night-capabilities span{padding:5px 8px}.template-categories{gap:6px}.template-categories button{font-size:12px;padding:8px 10px;flex:1 1 auto}.night-design-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:260px}.studio-templates{grid-template-columns:minmax(0,1fr)}.ai-offer{padding:16px}.checkbox{gap:10px}.app-topbar{padding-inline:12px}}

.editor-heading p,.finish-card>p,.mobile-editor-tabs button,.mini-help{color:#b9c6dd}.editor-controls .field{color:#d5e1f3}.editor-heading p,.finish-card>p{font-size:14px;line-height:1.8}.mobile-editor-tabs button.active{color:#fff}.ai-offer p{font-size:13px}.ai-offer .checkbox{font-size:13px}

.credit-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.credit-package-grid .credits-package{padding:24px 18px}.credit-package-grid .credits-package h2{font-size:52px}.credit-package-grid .credits-package .btn{padding:12px 8px;font-size:14px}.credit-package-help{margin-top:24px}.credit-package-help p{max-width:760px}@media(max-width:1000px){.credit-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.credit-package-grid{grid-template-columns:minmax(0,1fr)}.credit-package-grid .credits-package{padding:24px}.credit-package-grid .credits-package h2{margin:16px 0}.credit-package-help{padding:22px}}

/* Featured package and stable responsive previews */
.credit-package-grid .featured-package{border:2px solid #5994ff;background:linear-gradient(155deg,#253f6c,#19243b);box-shadow:0 0 0 3px #387bf51a}.featured-package>p:first-child{color:#b8d5ff;font-weight:700}.night-preview picture{display:block;width:100%}.app-footer{flex-wrap:wrap;gap:18px}.checkout-policy-links a{text-decoration:underline;text-underline-offset:3px}
/* Credit bundles: clear hierarchy, generous tap targets, restrained accent. */
.credit-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}.credit-package-grid .credits-package{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:28px;border-radius:24px;background:#182237}.credit-package-grid .featured-package{border:2px solid #75a4ff;background:radial-gradient(ellipse at top right,#3366b855,transparent 65%),#1d2d4b;box-shadow:0 10px 34px #0003}.package-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#bdcbe0;min-height:24px}.featured-package .package-kicker{color:#d3e3ff}.package-symbol{font-size:38px;line-height:1;color:#91b8ff;margin:28px 0 18px}.credits-package h2{margin:0!important;font-size:64px!important;line-height:1.1}.credits-package h2 span{font-size:15px!important;font-weight:400;margin-top:10px}.credits-package h3{font-size:22px;margin:26px 0 8px}.credits-package .package-purpose{font-size:15px;line-height:1.65;margin:0 0 24px;color:#becbe0}.package-bottom{margin-top:auto}.package-bottom .credits-price{margin:0 0 18px}.package-bottom .btn{display:flex;justify-content:space-between;align-items:center}.ai-output{background:#101d32!important;color:#f2f6ff!important;border:1px solid #425875!important;white-space:pre-wrap;overflow-wrap:anywhere}.ai-chat{margin:20px 0 28px;padding:24px;border:1px solid #4c6490;border-radius:22px;background:linear-gradient(125deg,#1b2d49,#182238);color:#eef4ff;min-width:0}.ai-chat-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.ai-chat-top>div{display:flex;align-items:center;gap:12px}.ai-chat h2{font:700 22px/1.4 inherit;margin:0}.ai-chat-icon{font-size:30px;color:#a7c9ff}.ai-chat>p,.ai-chat>small{color:#c1cfe3;line-height:1.6}.ai-chat .credit-chip{cursor:pointer;color:#e9f2ff;background:#2c4770;border:1px solid #607eaa;white-space:nowrap}.ai-chat-compose{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:18px;align-items:start}.ai-chat .field{color:#d3e1f5;min-width:0}.ai-chat textarea,.ai-chat select{background:#0e1a2d!important;color:#f5f8ff!important;border:1px solid #526787!important;width:100%;font:inherit}.ai-chat textarea::placeholder{color:#aebdd2}.ai-chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0}.ai-chat-bottom .btn{min-width:180px;white-space:normal}.ai-chat-bottom [role=status]{font-size:14px;color:#d8e7ff}.ai-chat button:disabled{opacity:.55;cursor:not-allowed}.chat-request{padding:12px 16px;border-radius:14px;background:#2b4871;color:#fff;margin:16px 0;white-space:pre-wrap}.chat-changes{max-height:420px;overflow:auto;overscroll-behavior:contain}.chat-changes article{padding:12px 0;border-top:1px solid #415370}.chat-changes h3{font-size:16px;margin:0 0 10px}.chat-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chat-diff>div{background:#101a2d;border:1px solid #394b69;border-radius:12px;padding:14px;min-width:0}.chat-diff>div:last-child{background:#193849;border-color:#497d83}.chat-diff p{color:#f3f8ff;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:8px 0 0}.chat-diff small{color:#becfe4}.chat-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.ai-chat :focus-visible{outline:3px solid #9fc5ff;outline-offset:3px}@media(max-width:700px){.credit-package-grid{grid-template-columns:1fr;gap:16px}.credit-package-grid .credits-package{padding:22px}.package-symbol{margin:16px 0 12px;font-size:30px}.credits-package h2{font-size:50px!important}.credits-package h3{margin-top:18px}.ai-chat{padding:18px;margin-top:16px}.ai-chat-top{align-items:flex-start}.ai-chat-top h2{font-size:18px}.ai-chat-top .credit-chip{font-size:12px;padding:8px}.ai-chat-compose,.chat-diff{grid-template-columns:1fr}.ai-chat-bottom{align-items:stretch;flex-direction:column}.chat-actions .btn{width:100%}.ai-chat>small{display:block;font-size:12px}}
.ai-chat textarea{min-height:88px;max-height:240px;resize:vertical}.ai-chat h2{font-family:inherit;font-size:22px;font-weight:700;line-height:1.4}@media(max-width:700px){.ai-chat h2{font-size:18px}.ai-chat>p{font-size:13px;margin:12px 0}.ai-chat-compose{gap:10px}.ai-chat .field{margin-bottom:8px}.ai-chat textarea{min-height:88px}}

.evaluation-output{padding:20px;border-radius:14px;line-height:1.85;max-height:520px;overflow:auto;margin-bottom:12px}

.premium-badge{display:inline-block;border:1px solid #bca46b;background:#bca46b20;color:#efdba8;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;vertical-align:middle;line-height:1.4}.template-meta h3{margin-bottom:6px}
/* CV workspace with a persistent conversational sidebar. */
.editor-container{max-width:1900px}.studio-grid{grid-template-columns:minmax(250px,.75fr) minmax(350px,1.15fr) minmax(310px,.85fr);gap:20px}.studio-grid>.ai-chat{margin:0;position:sticky;top:18px;height:calc(100dvh - 130px);min-height:480px;max-height:900px;display:flex;flex-direction:column;padding:18px;overflow:hidden}.ai-chat-top{flex-shrink:0}.ai-chat-top h2{font-size:18px}.chat-intro{font-size:12px;line-height:1.6;color:#becde3;margin:12px 0}.ai-chat>[data-chat=evaluate]{align-self:flex-start;min-height:34px;font-size:12px;margin-bottom:12px}.chat-transcript{flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain;padding:8px 3px;scroll-behavior:smooth}.chat-request{margin-inline-start:22px;background:#315b96;border-radius:15px 15px 4px 15px;font-size:13px;line-height:1.6}.chat-transcript>p{font-size:11px;color:#adbed6;margin:8px 0}.assistant-bubble{padding:14px;background:#142137;border-radius:14px;font-size:13px;color:#dae8fa}.chat-transcript .chat-changes{max-height:none;overflow:visible}.chat-transcript .chat-diff{grid-template-columns:1fr}.chat-transcript .chat-diff>div:first-child{background:#152137}.chat-transcript .chat-diff p{font-size:12px}.chat-transcript .chat-diff small{font-size:10px}.chat-transcript .evaluation-output{font-size:13px;padding:14px;max-height:none;overflow:visible}.chat-transcript .chat-actions{gap:8px}.chat-transcript .chat-actions .btn{font-size:12px;min-height:38px;padding:9px 12px}.chat-composer{flex-shrink:0;border-top:1px solid #425675;padding-top:12px;margin-top:8px}.chat-composer .ai-chat-compose{display:flex;flex-direction:column;gap:8px}.chat-composer .field{width:100%;margin:0;font-size:11px;gap:5px}.chat-composer select{padding:8px 10px;font-size:12px}.chat-composer textarea{min-height:76px;max-height:130px;font-size:13px;padding:10px}.chat-composer .ai-chat-bottom{flex-direction:column;align-items:stretch;gap:8px;margin:8px 0}.chat-composer .ai-chat-bottom .btn{min-height:40px;font-size:13px}.chat-composer #chat-estimate{font-size:11px}.chat-composer>small{display:block;font-size:10px;line-height:1.5;color:#aebfd6}.chat-transcript:empty:before{content:'✧';display:block;text-align:center;font-size:48px;color:#6c8cb4;padding:32px}
@media(min-width:801px) and (max-width:1250px){.studio-grid{grid-template-columns:minmax(0,1fr) 330px}.studio-grid>.editor-controls{grid-column:1;grid-row:1}.studio-grid>.preview-pane{grid-column:1;grid-row:2;display:block!important}.studio-grid>.ai-chat{grid-column:2;grid-row:1 / span 2}.mobile-editor-tabs{display:none!important}.studio-grid>.editor-controls{display:block!important}}
@media(max-width:800px){.studio-grid{display:block}.mobile-editor-tabs{display:flex}.mobile-editor-tabs button{flex:1}.studio-grid>.editor-controls,.studio-grid>.preview-pane,.studio-grid>.ai-chat{display:none!important}.studio-grid[data-mobile-pane=details]>.editor-controls{display:block!important}.studio-grid[data-mobile-pane=preview]>.preview-pane{display:block!important}.studio-grid[data-mobile-pane=chat]>.ai-chat{display:flex!important;position:relative;top:auto;height:calc(100dvh - 180px);min-height:460px;max-height:none;padding:16px}.chat-composer .ai-chat-compose{gap:7px}.chat-composer textarea{min-height:70px}.chat-intro{font-size:11px}.chat-composer .ai-chat-bottom{gap:6px}.chat-composer .ai-chat-bottom .btn{min-height:42px}.ai-chat-top h2{font-size:16px}}
@media print{.studio-grid>.ai-chat{display:none!important}}
@media(min-width:801px){.studio-grid>.ai-chat{height:clamp(480px,calc(100dvh - 390px),760px)}}