html{color-scheme:light dark;background:light-dark(#f5f6f8,#12151b)}
body{margin:0;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:0.1875rem solid #638eea;outline-offset:0.1875rem}
[hidden]{display:none!important}
#character-path-preview{max-width:90rem;margin:0 auto}
#character-path-preview{--cp-bg:light-dark(#f5f6f8,#12151b);--cp-panel:light-dark(#fff,#1b2029);--cp-text:light-dark(#192334,#edf1f8);--cp-secondary:light-dark(#576477,#aebbd0);--cp-line:light-dark(#e3e8ef,#303847);--cp-soft:light-dark(#eef2f7,#252d3b);--cp-accent:light-dark(#2458d3,#93b8ff);--cp-on-accent:light-dark(#fff,#102345);--cp-tint:light-dark(#edf3ff,#253753);--cp-good:light-dark(#226746,#93d8b1);--cp-good-bg:light-dark(#eaf5ee,#1d392d);--cp-warn:light-dark(#8b5614,#f5c476);--cp-warn-bg:light-dark(#fff4df,#403322);--cp-danger:light-dark(#ad3937,#ffaaa5);--cp-danger-bg:light-dark(#fceeee,#432a2c);--cp-radius:1.125rem;--cp-gap:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:0.875rem;line-height:1.5;color:var(--cp-text);background:transparent}
#character-path-preview *{box-sizing:border-box}
#character-path-preview button,#character-path-preview input,#character-path-preview select,#character-path-preview textarea{font:inherit}
#character-path-preview button{color:inherit}
#character-path-preview button:disabled{opacity:.45;cursor:not-allowed}
#character-path-preview .cp-app{display:grid;grid-template-columns:11.25rem minmax(0,1fr);background:var(--cp-bg);min-height:50.625rem;isolation:isolate;border:1px solid var(--cp-line);border-radius:1.375rem;overflow:hidden}
#character-path-preview .cp-sidebar{background:var(--cp-panel);padding:1.75rem 1rem 1.25rem;display:flex;flex-direction:column;border-right:1px solid var(--cp-line)}
#character-path-preview .cp-brand{display:flex;gap:0.625rem;align-items:center;padding:0 0.5rem 1.75rem;font-weight:650;letter-spacing:-.4px;line-height:1.2}
#character-path-preview .cp-logo{background:var(--cp-text);color:var(--cp-panel);width:2rem;height:2rem;border-radius:0.625rem;display:grid;place-items:center;font-size:0.9375rem;letter-spacing:-0.125rem;padding-right:0.125rem}
#character-path-preview .cp-brand small{display:block;font-weight:450;font-size:0.6875rem;letter-spacing:0.08125rem;text-transform:uppercase;color:var(--cp-secondary);margin-top:0.3125rem}
#character-path-preview .cp-nav{display:grid;gap:0.3125rem}
#character-path-preview .cp-nav button{display:flex;align-items:center;gap:0.6875rem;border:0;background:transparent;padding:0.75rem;border-radius:0.625rem;text-align:left;color:var(--cp-secondary);font-weight:500;min-height:2.75rem}
#character-path-preview .cp-nav button[aria-current="page"]{color:var(--cp-accent);background:var(--cp-tint)}
#character-path-preview .cp-nav button:hover{background:var(--cp-soft)}
#character-path-preview .cp-sidebar-foot{margin-top:auto;padding:1.875rem 0.5rem 0;color:var(--cp-secondary);font-size:0.75rem}
#character-path-preview .cp-person{display:flex;gap:0.5625rem;align-items:center;margin-top:1.125rem;padding-top:1.125rem;border-top:1px solid var(--cp-line)}
#character-path-preview .cp-avatar{width:1.875rem;height:1.875rem;background:var(--cp-soft);border-radius:50%;display:grid;place-items:center;color:var(--cp-text);font-weight:600}
#character-path-preview .cp-main{min-width:0}
#character-path-preview .cp-topbar{padding:1.125rem 1.75rem;display:flex;justify-content:space-between;align-items:center;gap:0.875rem;border-bottom:1px solid var(--cp-line);background:var(--cp-panel)}
#character-path-preview .cp-breadcrumb{color:var(--cp-secondary);font-size:0.75rem;display:flex;align-items:center;gap:0.5625rem;flex-wrap:wrap}
#character-path-preview .cp-breadcrumb strong{color:var(--cp-text);font-weight:550}
#character-path-preview .cp-example{font-size:0.6875rem;font-weight:550;border:1px solid var(--cp-line);border-radius:0.375rem;padding:0.1875rem 0.4375rem;white-space:nowrap}
#character-path-preview .cp-content{padding:1.75rem;min-width:0}
#character-path-preview h1,#character-path-preview h2,#character-path-preview h3,#character-path-preview p{margin:0}
#character-path-preview h1{font-size:1.8125rem;line-height:1.18;font-weight:600;letter-spacing:-0.065625rem}
#character-path-preview h2{font-size:1.1875rem;line-height:1.3;font-weight:600;letter-spacing:-.4px}
#character-path-preview h3{font-size:0.9375rem;font-weight:600;line-height:1.35;letter-spacing:-.15px}
#character-path-preview .cp-muted{color:var(--cp-secondary)}
#character-path-preview .cp-small{font-size:0.75rem}
#character-path-preview .cp-eyebrow{font-size:0.6875rem;letter-spacing:0.075rem;text-transform:uppercase;font-weight:650;color:var(--cp-secondary)}
#character-path-preview .cp-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.125rem;margin-bottom:1.5rem}
#character-path-preview .cp-page-head p{color:var(--cp-secondary);margin-top:0.5rem}
#character-path-preview .cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-height:2.5rem;padding:0.5625rem 0.9375rem;border:1px solid var(--cp-line);border-radius:0.5625rem;background:var(--cp-panel);font-weight:550;text-decoration:none;white-space:normal}
#character-path-preview .cp-btn:hover{filter:brightness(.96)}
#character-path-preview .cp-btn.cp-primary{background:var(--cp-accent);color:var(--cp-on-accent);border-color:transparent}
#character-path-preview .cp-btn.cp-quiet{border-color:transparent;background:transparent;color:var(--cp-accent);padding:0.4375rem 0}
#character-path-preview .cp-btn.cp-small{min-height:2.125rem;padding:0.375rem 0.6875rem}
#character-path-preview .cp-panel{background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:var(--cp-radius)}
#character-path-preview .cp-focus{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(12.5rem,1fr);gap:1.125rem}
#character-path-preview .cp-next{padding:1.5625rem;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0.875rem;background:var(--cp-text);color:var(--cp-panel);border:0;min-height:16.25rem}
#character-path-preview .cp-next h2{font-size:1.6875rem;font-weight:550;line-height:1.2;letter-spacing:-.8px;max-width:21.25rem;position:relative}
#character-path-preview .cp-next .cp-eyebrow,#character-path-preview .cp-next p{color:light-dark(#c7d4e8,#394b64);position:relative}
#character-path-preview .cp-next p{font-size:0.8125rem;max-width:20.625rem}
#character-path-preview .cp-next .cp-btn{margin-top:auto;background:light-dark(#bad2ff,#2458d3);color:light-dark(#192b4b,#fff);border:0;position:relative}
#character-path-preview .cp-phase-number{position:absolute;right:0.9375rem;bottom:-1.4375rem;font-size:8.4375rem;font-weight:600;letter-spacing:-0.75rem;line-height:1;color:light-dark(#25354e,#d5deec);user-select:none}
#character-path-preview .cp-week{padding:1.4375rem;display:flex;flex-direction:column;gap:0.8125rem}
#character-path-preview .cp-week-value{display:flex;align-items:baseline;gap:0.4375rem;margin-top:0.375rem;font-variant-numeric:tabular-nums}
#character-path-preview .cp-week-value strong{font-size:2.0625rem;line-height:1;font-weight:550;letter-spacing:-0.09375rem}
#character-path-preview .cp-week-value span{color:var(--cp-secondary);font-size:0.75rem}
#character-path-preview .cp-track{height:0.3125rem;background:var(--cp-soft);border-radius:0.625rem;overflow:hidden}
#character-path-preview .cp-track>span{display:block;height:100%;background:var(--cp-accent);border-radius:0.625rem;transition:width .25s ease}
#character-path-preview .cp-status{display:inline-flex;align-items:center;gap:0.3125rem;font-size:0.6875rem;font-weight:600;border-radius:0.375rem;padding:0.25rem 0.4375rem;white-space:normal;width:fit-content;color:var(--cp-secondary);background:var(--cp-soft)}
#character-path-preview .cp-status.good{color:var(--cp-good);background:var(--cp-good-bg)}
#character-path-preview .cp-status.warn{color:var(--cp-warn);background:var(--cp-warn-bg)}
#character-path-preview .cp-status.bad{color:var(--cp-danger);background:var(--cp-danger-bg)}
#character-path-preview .cp-status.active{color:var(--cp-accent);background:var(--cp-tint)}
#character-path-preview .cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.375rem 0 1.8125rem;background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:1.25rem 0}
#character-path-preview .cp-stat{padding:0 1.1875rem;border-right:1px solid var(--cp-line)}
#character-path-preview .cp-stat:last-child{border:0}
#character-path-preview .cp-stat .cp-stat-value{font-size:1.6875rem;line-height:1.3;font-weight:550;letter-spacing:-.7px;font-variant-numeric:tabular-nums;display:block;margin:0.375rem 0 0.1875rem}
#character-path-preview .cp-stat .cp-stat-date{font-size:1.3125rem;line-height:1.66}
#character-path-preview .cp-section-title{display:flex;align-items:center;justify-content:space-between;gap:0.875rem;margin-bottom:0.875rem}
#character-path-preview .cp-phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.625rem}
#character-path-preview .cp-phase{padding:0.9375rem 0.8125rem;text-align:left;background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:0.75rem;min-height:7.25rem;display:flex;flex-direction:column;gap:0.5625rem}
#character-path-preview .cp-phase.is-current{border-color:var(--cp-accent);box-shadow:inset 0 0 0 1px var(--cp-accent)}
#character-path-preview .cp-phase .cp-phase-top{display:flex;align-items:center;justify-content:space-between;color:var(--cp-secondary);font-size:0.6875rem}
#character-path-preview .cp-phase h3{font-size:0.8125rem}
#character-path-preview .cp-phase .cp-small{font-size:0.6875rem}
#character-path-preview .cp-lower{margin-top:1.5rem;padding:1.125rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:0.9375rem;background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:0.75rem}
#character-path-preview .cp-footer-note{margin-top:1.375rem;color:var(--cp-secondary);font-size:0.6875rem}
#character-path-preview .cp-chips{display:flex;flex-wrap:wrap;gap:0.4375rem;margin-bottom:1.375rem}
#character-path-preview .cp-chip{border:1px solid var(--cp-line);border-radius:0.5rem;padding:0.4375rem 0.6875rem;background:var(--cp-panel);font-size:0.75rem;min-height:2.125rem}
#character-path-preview .cp-chip[aria-pressed="true"]{background:var(--cp-text);color:var(--cp-panel);border-color:transparent}
#character-path-preview .cp-task-group{margin-bottom:1.4375rem}
#character-path-preview .cp-task-group h3{margin-bottom:0.6875rem;display:flex;justify-content:space-between;gap:0.625rem}
#character-path-preview .cp-task-list{border:1px solid var(--cp-line);border-radius:0.75rem;overflow:hidden;background:var(--cp-panel)}
#character-path-preview .cp-task-row{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;gap:0.75rem;align-items:center;border-bottom:1px solid var(--cp-line);padding:1rem}
#character-path-preview .cp-task-row:last-child{border:0}
#character-path-preview .cp-task-row p{font-size:0.75rem;color:var(--cp-secondary);margin-top:0.25rem}
#character-path-preview .cp-task-symbol{display:grid;place-items:center;width:1.5625rem;height:1.5625rem;border-radius:50%;background:var(--cp-soft);color:var(--cp-secondary)}
#character-path-preview .cp-task-symbol.done{color:var(--cp-good);background:var(--cp-good-bg)}
#character-path-preview .cp-task-tail{text-align:right;font-size:0.75rem;min-width:5.1875rem}
#character-path-preview .cp-task-tail .cp-btn{margin-top:0.3125rem}
#character-path-preview .cp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
#character-path-preview .cp-field{display:flex;flex-direction:column;gap:0.4375rem;min-width:0;font-size:0.8125rem;font-weight:500}
#character-path-preview .cp-field.full{grid-column:1/-1}
#character-path-preview .cp-field input,#character-path-preview .cp-field select,#character-path-preview .cp-field textarea{width:100%;border:1px solid var(--cp-line);border-radius:0.5625rem;padding:0.6875rem 0.75rem;background:var(--cp-panel);color:var(--cp-text);min-height:2.75rem;font-weight:400}
#character-path-preview .cp-field textarea{min-height:5.375rem;resize:vertical}
#character-path-preview .cp-field small{font-size:0.75rem;font-weight:400;color:var(--cp-secondary)}
#character-path-preview .cp-form-panel{padding:1.5rem}
#character-path-preview .cp-form-panel h3{margin-bottom:1.25rem}
#character-path-preview .cp-form-actions{display:flex;gap:0.75rem;justify-content:flex-end;margin-top:1.4375rem;align-items:center;flex-wrap:wrap}
#character-path-preview .cp-error{color:var(--cp-danger);font-size:0.75rem;margin-right:auto}
#character-path-preview .cp-review-layout{display:grid;grid-template-columns:9.6875rem minmax(0,1fr);gap:1.125rem}
#character-path-preview .cp-review-nav{display:grid;align-content:start;gap:0.375rem}
#character-path-preview .cp-review-nav button{border:0;background:transparent;color:var(--cp-secondary);text-align:left;padding:0.6875rem 0.75rem;border-radius:0.5625rem;display:flex;gap:0.5625rem;align-items:center;min-height:2.75rem}
#character-path-preview .cp-review-nav button[aria-pressed="true"]{background:var(--cp-tint);color:var(--cp-accent)}
#character-path-preview .cp-review-card{padding:1.5rem}
#character-path-preview .cp-review-card h2{margin:0.5rem 0 0.625rem}
#character-path-preview .cp-checklist{margin:1.3125rem 0;display:grid;gap:0}
#character-path-preview .cp-check{display:flex;gap:0.6875rem;align-items:flex-start;padding:0.8125rem 0;border-bottom:1px solid var(--cp-line);font-size:0.8125rem}
#character-path-preview input[type=checkbox]{accent-color:var(--cp-accent);width:1.0625rem;height:1.0625rem;flex:0 0 1.0625rem;margin:0.125rem 0 0}
#character-path-preview .cp-notice{display:flex;gap:0.625rem;padding:0.8125rem 0.9375rem;border-radius:0.5625rem;background:var(--cp-tint);color:var(--cp-accent);font-size:0.75rem;margin:0.9375rem 0}
#character-path-preview .cp-notice.warning{background:var(--cp-warn-bg);color:var(--cp-warn)}
#character-path-preview .cp-check-summary{padding-top:0.625rem;color:var(--cp-secondary);font-size:0.75rem}
#character-path-preview .cp-setup-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(11.25rem,1fr);gap:1.25rem;align-items:start}
#character-path-preview .cp-estimate{padding:1.4375rem}
#character-path-preview .cp-estimate .cp-estimate-value{font-size:2.1875rem;letter-spacing:-1px;margin:0.9375rem 0 0.25rem;font-weight:550;font-variant-numeric:tabular-nums}
#character-path-preview .cp-estimate dl{margin:1.375rem 0 0;font-size:0.75rem}
#character-path-preview .cp-estimate dl div{display:flex;justify-content:space-between;gap:0.625rem;margin:0.6875rem 0}
#character-path-preview .cp-estimate dt{color:var(--cp-secondary)}
#character-path-preview .cp-estimate dd{margin:0;font-weight:500}
#character-path-preview .cp-week-row{display:grid;grid-template-columns:5.9375rem minmax(0,1fr) 4.0625rem;gap:1.125rem;align-items:center;padding:1.0625rem 1.25rem;border-bottom:1px solid var(--cp-line);font-size:0.75rem}
#character-path-preview .cp-week-row:last-child{border:0}
#character-path-preview .cp-week-row .cp-track{height:0.5rem}
#character-path-preview .cp-week-row strong{font-weight:550}
#character-path-preview .cp-empty{padding:2rem;text-align:center;color:var(--cp-secondary)}
#character-path-preview .cp-history{margin-top:1.625rem}
#character-path-preview .cp-history-row{padding:0.9375rem 0;border-bottom:1px solid var(--cp-line);display:flex;justify-content:space-between;gap:0.9375rem;font-size:0.75rem}
#character-path-preview .cp-guide{display:grid;gap:0.875rem}
#character-path-preview .cp-guide article{padding:1.375rem}
#character-path-preview .cp-guide p{margin-top:0.625rem;color:var(--cp-secondary);font-size:0.8125rem}
#character-path-preview .cp-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#character-path-preview [hidden]{display:none!important}
#character-path-preview [data-lucide]{width:1rem;height:1rem;display:inline-block;flex-shrink:0}
#character-path-preview[data-density="compact"] .cp-content{padding:1.375rem}
#character-path-preview[data-density="compact"] .cp-task-row{padding:0.6875rem 0.9375rem}
@media(max-width:51.25rem){#character-path-preview .cp-app{grid-template-columns:8.875rem minmax(0,1fr)}#character-path-preview .cp-sidebar{padding:1.5rem 0.625rem 1.125rem}#character-path-preview .cp-brand{padding:0 0.25rem 1.5rem;font-size:0.75rem;gap:0.4375rem}#character-path-preview .cp-brand small{font-size:0.625rem;letter-spacing:.6px}#character-path-preview .cp-content{padding:1.375rem}#character-path-preview .cp-topbar{padding:0.9375rem 1.375rem}#character-path-preview .cp-focus{grid-template-columns:1fr}#character-path-preview .cp-week{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0.625rem 1.125rem}#character-path-preview .cp-week .cp-week-value{margin:0}#character-path-preview .cp-stats{grid-template-columns:repeat(2,1fr);row-gap:1.25rem}#character-path-preview .cp-stat:nth-child(2){border:0}#character-path-preview .cp-phases{grid-template-columns:repeat(2,1fr)}#character-path-preview .cp-review-layout{grid-template-columns:1fr}#character-path-preview .cp-review-nav{display:flex;flex-wrap:wrap}#character-path-preview .cp-review-nav button{font-size:0.75rem;padding:0.4375rem 0.625rem}#character-path-preview .cp-setup-layout{grid-template-columns:1fr}}
@media(max-width:35rem){#character-path-preview .cp-app{display:block;border-radius:0.875rem;min-height:0}#character-path-preview .cp-sidebar{padding:1rem;border-right:0;border-bottom:1px solid var(--cp-line)}#character-path-preview .cp-brand{padding:0 0 0.9375rem;font-size:0.875rem}#character-path-preview .cp-brand small{display:none}#character-path-preview .cp-sidebar-foot{display:none}#character-path-preview .cp-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0.3125rem}#character-path-preview .cp-nav button{justify-content:center;padding:0.5rem 0.1875rem;gap:0.3125rem;font-size:0.75rem;min-height:2.4375rem}#character-path-preview .cp-nav button svg{width:0.875rem;height:0.875rem}#character-path-preview .cp-topbar{padding:0.75rem 1rem;align-items:flex-start}#character-path-preview .cp-topbar .cp-btn{font-size:0.75rem;min-height:2.1875rem;padding:0.4375rem 0.625rem}#character-path-preview .cp-breadcrumb{font-size:0.6875rem;gap:0.3125rem}#character-path-preview .cp-content,#character-path-preview[data-density="compact"] .cp-content{padding:1.25rem 1rem}#character-path-preview h1{font-size:1.5625rem}#character-path-preview .cp-page-head{align-items:flex-start;flex-direction:column;gap:0.75rem}#character-path-preview .cp-next{padding:1.375rem;min-height:15.9375rem}#character-path-preview .cp-next h2{font-size:1.5625rem}#character-path-preview .cp-week{padding:1.1875rem;display:flex;align-items:flex-start}#character-path-preview .cp-week .cp-track{width:100%}#character-path-preview .cp-stats{margin:1.125rem 0 1.5rem}#character-path-preview .cp-stat{padding:0 0.875rem}#character-path-preview .cp-stat-value{font-size:1.5625rem}#character-path-preview .cp-stat .cp-stat-date{font-size:1.25rem}#character-path-preview .cp-lower{align-items:flex-start;flex-direction:column}#character-path-preview .cp-form-grid{grid-template-columns:1fr}#character-path-preview .cp-form-panel,#character-path-preview .cp-review-card{padding:1.1875rem}#character-path-preview .cp-task-row{grid-template-columns:1.4375rem minmax(0,1fr);gap:0.625rem;padding:0.875rem}#character-path-preview .cp-task-tail{grid-column:2;text-align:left;display:flex;gap:0.75rem;align-items:center}#character-path-preview .cp-task-tail .cp-btn{margin:0}#character-path-preview .cp-week-row{grid-template-columns:4.6875rem minmax(0,1fr) 3.125rem;gap:0.625rem;padding:1rem 0.8125rem}#character-path-preview input,#character-path-preview select,#character-path-preview textarea{font-size:1rem!important}}
@media(prefers-reduced-motion:reduce){#character-path-preview *{transition:none!important}}

#character-path-preview .cp-app{min-height:calc(100vh - 3rem)}
#character-path-preview .cp-logo{flex-shrink:0}
#character-path-preview .cp-help{margin-top:0.875rem}
#character-path-preview .cp-header-actions{display:flex;align-items:center;gap:0.375rem;flex-shrink:0}
#character-path-preview .cp-save-state{display:flex;align-items:center;gap:0.3125rem;color:var(--cp-good);font-size:0.6875rem;padding:0 0.3125rem}
#character-path-preview .cp-account-button{border-left:0;border-right:0;border-bottom:0;background:transparent;color:var(--cp-text);width:100%;padding-bottom:0.75rem;text-align:left}
#character-path-preview .cp-account-button small{display:block;color:var(--cp-secondary);font-size:0.6875rem;text-transform:capitalize}
#character-path-preview .cp-auth-shell{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--cp-line);border-radius:1.5rem;overflow:hidden;min-height:calc(100vh - 3rem);background:var(--cp-panel)}
#character-path-preview .cp-auth-story{padding:3rem 3.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:3.75rem;background:var(--cp-bg);border-right:1px solid var(--cp-line)}
#character-path-preview .cp-auth-story .cp-brand{padding:0}
#character-path-preview .cp-auth-story h1{font-size:clamp(2.25rem,4.2vw,3.875rem);letter-spacing:-0.15625rem;line-height:1.05;margin:1.125rem 0 1.5rem}
#character-path-preview .cp-auth-story p{max-width:22.5rem;line-height:1.75;color:var(--cp-secondary)}
#character-path-preview .cp-auth-path{display:grid;grid-template-columns:repeat(4,1fr);gap:0.625rem;padding-top:1.25rem;border-top:1px solid var(--cp-line);font-size:0.6875rem;color:var(--cp-secondary)}
#character-path-preview .cp-auth-main{padding:3.375rem 2.25rem;display:grid;place-items:center}
#character-path-preview .cp-auth-card{width:100%;max-width:21.875rem}
#character-path-preview .cp-auth-card h2{font-size:1.875rem;letter-spacing:-1px;margin:0.75rem 0}
#character-path-preview .cp-auth-form{display:grid;gap:1.125rem;margin:1.875rem 0 1.25rem}
#character-path-preview .cp-auth-form>.cp-btn{margin-top:0.5rem;min-height:2.875rem}
#character-path-preview .cp-auth-footer{padding-top:2.75rem}
#character-path-preview .cp-create{padding:1.625rem;display:flex;align-items:end;gap:1.25rem;flex-wrap:wrap;margin-bottom:2.125rem}
#character-path-preview .cp-create>div{flex:1 1 14.375rem}
#character-path-preview .cp-create h2{margin:0.375rem 0}
#character-path-preview .cp-create .cp-field{flex:1 1 11.25rem}
#character-path-preview .cp-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
#character-path-preview .cp-project-card{padding:1.5rem}
#character-path-preview .cp-project-card h2{font-size:1.4375rem;margin:1rem 0 0.75rem;overflow-wrap:anywhere}
#character-path-preview .cp-project-card p{color:var(--cp-secondary)}
#character-path-preview .cp-project-card .cp-track{margin:1.25rem 0 0.75rem}
#character-path-preview .cp-card-top{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}
#character-path-preview .cp-alerts{margin-top:1.5rem}
#character-path-preview .cp-empty{padding:3.125rem 1.875rem}
#character-path-preview .cp-empty>svg{width:1.875rem;height:1.875rem;margin-bottom:0.875rem}
#character-path-preview .cp-empty h2{color:var(--cp-text);margin-bottom:0.5rem}
#character-path-preview .cp-empty .cp-btn{margin-top:1.25rem}
#character-path-preview .cp-person-row{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:1.0625rem 0;border-bottom:1px solid var(--cp-line);overflow-wrap:anywhere}
#character-path-preview .cp-person-row:last-child{border:0}
#character-path-preview .cp-people{padding:0.375rem 1.5rem}
#character-path-preview .cp-people>p{padding:1rem 0}
#character-path-preview .cp-link-panel{padding:1.5rem;display:grid;gap:1rem}
#character-path-preview .cp-link-panel p{color:var(--cp-secondary)}
#character-path-preview .cp-link-panel .cp-btn{justify-self:start}
#character-path-preview textarea{overflow-wrap:anywhere}
#character-path-preview .cp-history-row p{overflow-wrap:anywhere}
#character-path-preview .cp-content h1:focus{outline:none}
#character-path-preview #cp-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 2.5rem);padding:0.875rem 1.25rem;z-index:50;background:var(--cp-text);color:var(--cp-panel);border-radius:0.75rem;box-shadow:0 0.5rem 2.1875rem #0002;font-size:0.8125rem}
#character-path-preview #cp-toast.is-error{background:var(--cp-danger-bg);color:var(--cp-danger);border:1px solid var(--cp-danger)}
@media(max-width:62.5rem){#character-path-preview .cp-project-grid{grid-template-columns:1fr}#character-path-preview .cp-auth-story{padding:2.25rem}}
@media(max-width:43.75rem){body{padding:0.75rem}#character-path-preview .cp-auth-shell{grid-template-columns:1fr;min-height:calc(100vh - 1.5rem)}#character-path-preview .cp-auth-story{padding:1.5rem;gap:1.5rem;border-right:0;border-bottom:1px solid var(--cp-line)}#character-path-preview .cp-auth-story h1{font-size:2rem;letter-spacing:-1px;margin:0.875rem 0}#character-path-preview .cp-auth-story h1 br{display:none}#character-path-preview .cp-auth-story p{max-width:none}#character-path-preview .cp-auth-story .cp-auth-path,#character-path-preview .cp-auth-story>p{display:none}#character-path-preview .cp-auth-main{padding:2rem 1.5rem}#character-path-preview .cp-auth-footer{padding-top:1.5rem}}
@media(max-width:35rem){#character-path-preview .cp-sidebar-foot{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0 0;gap:0.625rem}#character-path-preview .cp-sidebar-foot>p{display:none}#character-path-preview .cp-person{border:0;margin:0;padding:0;width:auto}#character-path-preview .cp-person small{display:none}#character-path-preview .cp-topbar{flex-wrap:wrap}#character-path-preview .cp-header-actions{margin-left:auto}#character-path-preview .cp-create{padding:1.25rem}#character-path-preview .cp-create>button{width:100%}#character-path-preview .cp-project-card{padding:1.25rem}#character-path-preview .cp-person-row{align-items:flex-start;flex-wrap:wrap}#character-path-preview .cp-form-actions{flex-wrap:wrap}#character-path-preview .cp-task-tail{flex-wrap:wrap}}

/* Supplied Character Path D3 identity. Keep the capsule proportions intact. */
#character-path-preview .cp-logo{display:block;flex:none;background:none;color:inherit;width:2.375rem;height:auto;padding:0;border-radius:0;letter-spacing:normal}
#character-path-preview .cp-logo img{display:block;width:100%;height:auto}
#character-path-preview .cp-demo-choices{display:grid;gap:0.75rem;margin:1.875rem 0}
#character-path-preview .cp-demo-choices .cp-btn{min-height:3rem;justify-content:center}
#character-path-preview .cp-demo-note{border-top:1px solid var(--cp-line);padding-top:1.375rem;font-size:0.8125rem;line-height:1.65}
#character-path-preview .cp-demo-note p{margin:0.4375rem 0;color:var(--cp-secondary)}
#character-path-preview .cp-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 2.25rem;border-bottom:1px solid var(--cp-line);background:var(--cp-tint)}
#character-path-preview .cp-demo-banner p{margin:0;font-size:0.75rem;display:flex;gap:0.75rem;flex-wrap:wrap}
#character-path-preview .cp-demo-banner p span{color:var(--cp-secondary)}
@media(max-width:51.25rem){#character-path-preview .cp-logo{width:1.8125rem}#character-path-preview .cp-demo-banner{padding:0.75rem 1.375rem;align-items:flex-start}#character-path-preview .cp-demo-banner p{gap:0.25rem}}
@media(max-width:35rem){#character-path-preview .cp-demo-banner{padding:0.75rem 1rem;flex-wrap:wrap}#character-path-preview .cp-demo-banner .cp-btn{min-height:2.375rem}}


/* Fluid typography and bounded reading widths from phones to ultra-wide screens. */
html{font-size:clamp(16px,.5vw + 8px,24px)}
body{padding:clamp(.75rem,1.25vw,2rem)}
#character-path-preview{max-width:100rem;margin-inline:auto;width:100%;min-width:0}
#character-path-preview .cp-app{grid-template-columns:13rem minmax(0,1fr);min-height:min(70rem,calc(100svh - 3rem))}
#character-path-preview .cp-auth-shell{min-height:min(54rem,calc(100svh - 3rem))}
#character-path-preview .cp-topbar{flex-wrap:wrap}
#character-path-preview .cp-header-actions{flex-wrap:wrap;min-width:0;max-width:100%}
#character-path-preview .cp-language{display:flex;align-items:center;gap:.5rem;color:var(--cp-secondary);font-size:.75rem;max-width:100%}
#character-path-preview .cp-language select{color:var(--cp-text);background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:.5rem;padding:.55rem .65rem;min-height:2.75rem;max-width:10rem}
#character-path-preview .cp-auth-card>.cp-language{justify-content:flex-end;margin-bottom:2rem}
#character-path-preview .cp-project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
#character-path-preview .cp-brand span,#character-path-preview .cp-nav button,#character-path-preview .cp-phase h3{overflow-wrap:anywhere}
#character-path-preview .cp-sidebar-foot .cp-person span:last-child{min-width:0;overflow-wrap:anywhere}
#character-path-preview button,#character-path-preview .cp-btn{min-height:2.75rem}
#character-path-preview .cp-auth-story h1{font-size:clamp(2.2rem,3.8vw,3.6rem);letter-spacing:-.055em}
#character-path-preview .cp-auth-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
#character-path-preview .cp-week-value{flex-wrap:wrap}
#character-path-preview .cp-content h1,#character-path-preview .cp-review-card h2{overflow-wrap:anywhere}
@media(max-width:70rem){#character-path-preview .cp-app{grid-template-columns:10rem minmax(0,1fr)}}
@media(max-width:51.25rem){#character-path-preview .cp-topbar{align-items:flex-start}#character-path-preview .cp-header-actions{width:100%;justify-content:flex-end}#character-path-preview .cp-language>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}}
@media(max-width:35rem){#character-path-preview .cp-app{display:block}#character-path-preview .cp-nav{grid-template-columns:repeat(3,minmax(0,1fr))}#character-path-preview .cp-nav button{font-size:.75rem;min-height:2.75rem;flex-wrap:wrap}#character-path-preview .cp-topbar{padding:.75rem}#character-path-preview .cp-content{padding:1.25rem .875rem}#character-path-preview .cp-header-actions{gap:.35rem}#character-path-preview .cp-save-state{margin-left:auto}#character-path-preview .cp-language select{max-width:8rem}#character-path-preview .cp-sidebar-foot{flex-wrap:wrap}#character-path-preview .cp-week-row{grid-template-columns:4rem minmax(0,1fr) 4rem}#character-path-preview .cp-auth-shell{min-height:0}}