/* ToonChat workspace v2: work first, quiet chrome. Manga typesetting is unchanged. */
@font-face{font-family:"ToonChat Rounded";src:url('/fonts/mplus-rounded-1c-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"ToonChat Rounded";src:url('/fonts/mplus-rounded-1c-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--bg:#faf9f6;--paper:#fff;--ink:#28322f;--muted:#64706a;--faint:#717b74;--line:#dce1da;--soft:#eff1ec;--accent:#b84c2d;--accent-hover:#993c22;--accent-soft:#faf0e9;--green:#28634d;--green-soft:#eaf2ec;--blue:#375f72;--shadow:none;--radius:10px;--sidebar:220px;--topbar:72px;--font:"ToonChat Rounded","Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif}
body{font-size:16px;line-height:1.7;letter-spacing:0;font-feature-settings:normal}h1,h2,h3,h4,strong{font-weight:700}h1{font-size:28px;letter-spacing:0}h2{font-size:19px;letter-spacing:0}h3{font-size:15px}small,.fine{font-size:14px}.overline{font-size:14px;letter-spacing:.03em}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #366e96;outline-offset:3px}.btn{font-size:14px;min-height:44px;border-radius:7px;box-shadow:none!important;padding:10px 15px;border-color:#cdd4cb;transition:background .15s,color .15s}.btn.primary{background:var(--accent);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.secondary{background:#364840;border-color:#364840}.btn.small{min-height:38px;padding:7px 11px;border-radius:6px;font-size:14px}.btn.subtle{background:transparent;border-color:transparent}.icon-btn{width:42px;height:42px;min-width:42px;border-radius:6px}.text-btn{font-size:14px;min-height:36px}.pill{border-radius:4px;font-size:14px;padding:3px 7px}.pill.orange{background:#fbefe5;color:#96502d}.pill.dark{background:var(--soft);color:var(--muted);border:0}.field input:not([type=checkbox]):not([type=range]),.field textarea,.field select,.input{font-size:14px;border-color:#bfc9bd;border-radius:7px}.field>label,.label{font-size:14px}.field-hint{font-size:14px}
.sidebar{background:#f4f2ec;padding:25px 14px 16px;border-right:1px solid #d7ddd2}.brand{margin-bottom:24px}.brand-mark{border-radius:8px;background:var(--accent);box-shadow:none}.brand-name{font-size:20px;letter-spacing:-.04em}.nav-item{border-radius:6px;min-height:43px;font-size:14px;gap:10px;margin-bottom:3px}.nav-item.active{background:#f3e4d8;color:#963d24}.nav-item.active:before{display:none}.nav-item:hover{background:#ede9e0}.nav-item .icon{width:19px;height:19px}.sidebar-label{font-size:14px;letter-spacing:.02em;color:#697461}.side-hint{background:transparent;border:0;border-top:1px solid #d7ddd2;border-radius:0;padding:15px 8px}.profile{border-top-color:#d7ddd2}.profile .avatar{background:#e0e9dc;color:#31543f;border-radius:7px}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:0 30px;gap:14px}.header-search{border:0;background:#f4f5f1;border-radius:6px;min-width:190px}.breadcrumb{font-size:14px}.save-state{font-size:14px}.page-main{max-width:1480px;margin:0 auto;padding:32px 38px 56px}.page-heading{margin-bottom:26px;align-items:center}.page-heading p{font-size:14px;margin-top:6px;color:var(--muted)}.page-heading h1{text-wrap:balance}.section-title{margin-bottom:16px}.section-title h2{font-size:17px}
/* Home: real work, with a narrow production-status column. */
.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:32px;align-items:start}.workspace-main{min-width:0}.home-hero.work-resume{display:grid;grid-template-columns:132px minmax(0,1fr);gap:25px;min-height:0;margin:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:22px;color:var(--ink);box-shadow:none;overflow:hidden}.resume-cover{align-self:start;overflow:hidden;border-radius:3px;border:1px solid #25372d18}.resume-cover svg{width:100%;height:auto;display:block}.resume-info{min-width:0;padding:0}.resume-eyebrow{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:12px}.resume-eyebrow span{padding-left:12px;border-left:1px solid var(--line)}.resume-info h2{font-size:24px;line-height:1.5;margin:7px 0 2px;overflow-wrap:anywhere}.resume-episode{font-size:14px;color:var(--muted)}.resume-status{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted);margin-top:15px}.resume-progress{height:3px;background:#e8ece5;margin:8px 0 17px}.resume-progress span{display:block;height:100%;background:var(--accent)}.resume-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.resume-actions>span{font-size:14px;color:var(--muted)}.resume-actions .btn{min-height:42px}.workspace-projects{margin-top:30px}.workspace-count{font-size:14px;font-weight:400;color:var(--muted);margin-left:6px}.workspace-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-tile{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:start;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:none;text-align:left}.project-tile:hover{box-shadow:none;transform:none}.project-cover{height:auto;aspect-ratio:600/760;border-radius:5px;overflow:hidden;border:1px solid #0000000c;background:#e5e9e0}.project-cover svg{width:100%;height:auto;display:block}.project-cover .pill{box-shadow:none;background:#ffffffed;color:#3e5044;border-radius:3px}.project-detail{padding:0;min-width:0}.project-tile-status{display:block;color:var(--muted);font-size:12px;margin-top:6px}.project-detail h3{font-size:15px}.project-detail p{font-size:14px;margin-top:3px}.tile-action{border-top:0;padding-top:9px;margin-top:3px;color:var(--accent);font-size:14px}.project-tile:hover .project-detail h3{text-decoration:underline;text-underline-offset:4px}.workspace-side{border-left:1px solid var(--line);padding-left:25px}.next-card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.next-card h3{font-size:14px;margin:0}.workflow-episode{font-size:14px;color:var(--muted);margin:6px 0 20px;overflow-wrap:anywhere}.milestone{margin:0;padding:0 0 23px;gap:12px}.milestone-dot{width:24px;height:24px;min-width:24px;font-size:14px;border-radius:50%;background:#e9ece5;color:#6c796a;border:1px solid #d5ddd0}.milestone.current .milestone-dot{background:#fff;color:#a65429;border-color:#cb9167}.milestone.done .milestone-dot{background:#e1ebdf;color:var(--green);border-color:#e1ebdf}.milestone strong{font-size:14px}.milestone small{font-size:14px;line-height:1.7;color:var(--muted)}.workspace-reference{border-top:1px solid var(--line);padding-top:22px;margin-top:8px}.workspace-reference h3{font-size:14px}.workspace-reference p{font-size:14px;color:var(--muted);margin:8px 0}.workspace-reference .text-btn{color:var(--accent)}.workspace-local{font-size:14px;color:#6c766b;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;line-height:1.9}
/* Rewards are supporting account information, not a second hero. */
.cr-point{background:transparent;border:1px solid #d8c4b5;border-radius:6px;color:var(--accent);font-size:14px;min-height:36px;padding:6px 10px}.cr-point .icon{width:15px;height:15px}.cr-home{margin:20px 0 0;gap:0;border:1px solid var(--line);border-radius:7px;background:#fff;grid-template-columns:1fr 1fr;overflow:hidden}.cr-home .cr-card{background:transparent;border:0;box-shadow:none;border-radius:0;padding:17px 20px;min-width:0}.cr-home .cr-card+.cr-card{border-left:1px solid var(--line)}.cr-kicker{font-size:14px;letter-spacing:.015em;color:var(--muted);font-weight:400}.cr-home h3{font-size:14px;margin:6px 0}.cr-home p{font-size:14px;margin:5px 0 9px}.cr-home .cr-card-top{margin-bottom:0}.cr-reward{font-size:14px;color:#97552d;background:#faf0e5;padding:3px 7px;border-radius:4px}.cr-home .btn{font-size:14px;min-height:36px;padding:6px 10px}.cr-home .btn.primary{background:transparent;color:var(--accent);border-color:#d8baa7}.cr-home .btn.primary:hover:not(:disabled){background:var(--accent-soft)}.cr-home .cr-row{font-size:14px}.cr-home .cr-progress{height:3px;margin:10px 0 7px}.cr-progress span{background:var(--accent)}.cr-card{border:1px solid var(--line);border-radius:9px;box-shadow:none;background:#fff}.cr-publication h3{font-size:20px}.cr-publication p{font-size:14px}.cr-muted{color:var(--muted)}#creator-modal{border:1px solid var(--line);border-radius:12px;background:#fff;font-family:var(--font)}.cr-modal-head{background:#fff;border-bottom:1px solid var(--line);padding:24px 28px}.cr-modal-head h2{font-size:23px;margin-top:4px}.cr-close{border-radius:6px;color:var(--muted);width:42px;height:42px}.cr-body{padding:23px 28px}.cr-summary{border-radius:0;background:transparent;padding:0 0 20px;border-bottom:1px solid var(--line)}.cr-summary h3{font-size:15px}.cr-amount{font-size:28px;color:var(--ink)}.cr-tabs{gap:20px;border-bottom:1px solid var(--line);padding:0;border-radius:0;background:transparent;margin:20px 0}.cr-tabs button{border-radius:0;background:transparent;min-height:44px;padding:10px 0;font-size:14px;border-bottom:2px solid transparent;color:var(--muted)}.cr-tabs button[aria-selected=true]{color:var(--accent);background:transparent;border-bottom-color:var(--accent)}.cr-tab-count{background:#f5e8de;color:var(--accent);border-radius:4px}.cr-bonus{background:transparent;padding:0;border:0;border-radius:0}.cr-days{gap:9px;margin:20px 0}.cr-day{background:#f5f6f2;border:1px solid #e1e6dc;border-radius:6px;padding:14px 3px}.cr-day.today{background:#edf3e9;border:2px solid #688d60;padding:13px 2px}.cr-day.done{background:#f2f5ef}.cr-day strong{font-size:24px;color:#375534}.cr-day small{font-size:11px;color:var(--muted)}.cr-day span{font-size:11px;white-space:nowrap}.cr-filter button{border-radius:4px;min-height:36px;font-size:14px;background:transparent;border-color:var(--line)}.cr-filter button.active{background:#faf0e9;color:#963d24;border-color:#d8baa7}.cr-mission{border-radius:0;border:0;border-bottom:1px solid var(--line);padding:17px 0;background:transparent}.cr-mission h4{font-size:14px}.cr-mission .cr-progress{height:4px}.cr-mission .cr-reward{font-size:14px}.cr-notice{border-radius:6px;background:#f2f5ef;font-size:14px;border-color:var(--line)}.cr-error{background:#fbefeb;color:#8a3825}.cr-footer{font-size:14px;border-top:1px solid var(--line);padding-top:18px}.cr-sim{border-radius:7px;background:#f5f6f2}.cr-login h3{font-size:23px}.cr-login input{border-radius:6px}.cr-ledger{font-size:14px}
/* Production surfaces retain their existing grid and manga geometry. */
.card,.settings-card,.empty-state,.choice-card,.reference-card,.summary-card,.share-card{border-radius:8px;box-shadow:none}.new-tile{border-radius:7px}.tabs .tab,.tab{border-radius:5px}.stepper{border-radius:6px}.canvas-area{background:#e9ece6;background-image:none}.canvas-toolbar{border-radius:6px;background:#fff;box-shadow:0 2px 8px #1d352412}.studio-heading{background:#fff}.studio-heading h1{font-size:20px}.page-rail,.inspector{background:#f8f9f5}.inspector-head h2{font-size:15px}.inspector .field textarea,.inspector .field select{font-size:14px}.page-thumb{border-radius:4px}.page-thumb.active{border-color:var(--accent)}.job-banner{border-radius:6px}.reader-intro h1,.reader-end h2{font-family:var(--font)}.reader-shell.night .reader-intro h1,.reader-shell.night .reader-end h2{color:#f0f2e9}.is-studio{--sidebar:72px}
@media(max-width:1240px){:root{--sidebar:200px}.page-main{padding:28px}.workspace-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.workspace-side{padding-left:20px}.topbar{padding:0 24px}.home-hero.work-resume{grid-template-columns:112px minmax(0,1fr);gap:20px;padding:20px}.resume-info h2{font-size:22px}.resume-actions>span{display:none}.cr-home .cr-card{padding:15px}.cr-home .cr-kicker{font-size:14px}}
@media(max-width:1040px){:root{--sidebar:72px}.sidebar{padding:24px 12px}.nav-item{justify-content:center}.workspace-layout{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.header-search{min-width:0}.resume-status{flex-wrap:wrap;gap:2px}.resume-info h2{font-size:21px}.project-cover{height:auto}.cr-home{grid-template-columns:1fr}.cr-home .cr-card+.cr-card{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:800px){.workspace-layout{grid-template-columns:minmax(0,1fr)}.workspace-side{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.workspace-reference{border:0;padding:0;margin:0}.workspace-local{grid-column:1/-1;margin:0}.cr-home{grid-template-columns:1fr 1fr}.cr-home .cr-card+.cr-card{border-top:0;border-left:1px solid var(--line)}.project-cover{height:auto}.page-heading h1{font-size:25px}.page-main{padding:26px}.resume-cover{max-width:132px}.home-hero.work-resume{grid-template-columns:132px minmax(0,1fr)}}
@media(max-width:620px){:root{--sidebar:0px;--topbar:62px}.is-studio{--sidebar:0px}.sidebar,.is-studio .sidebar{width:252px;background:#f4f2ec;padding:24px 16px}.sidebar:not(.open){visibility:hidden;pointer-events:none}.sidebar.open .nav-item{min-height:45px;padding:10px 12px}.topbar{padding:0 12px;gap:7px}.page-main{padding:23px 18px 40px}.page-heading{margin-bottom:21px;gap:12px}.page-heading h1{font-size:25px}.page-heading p{font-size:14px}.page-heading .btn{min-height:44px;padding:8px 10px;font-size:14px}.header-search{display:none}.cr-point{font-size:14px;padding:6px 8px}.home-hero.work-resume{grid-template-columns:82px minmax(0,1fr);gap:15px;padding:16px}.resume-info h2{font-size:18px;line-height:1.45;margin-top:4px}.resume-eyebrow{font-size:14px;gap:8px}.resume-eyebrow span{padding-left:8px}.resume-episode{font-size:14px}.resume-status{font-size:14px;margin-top:10px}.resume-progress{margin:6px 0 12px}.resume-actions .btn{min-height:44px;padding:8px 10px;font-size:14px}.cr-home{grid-template-columns:1fr;margin-top:14px}.cr-home .cr-card{padding:14px 16px}.cr-home .cr-card+.cr-card{border-left:0;border-top:1px solid var(--line)}.cr-home .cr-card h3{font-size:14px}.cr-home .cr-card .btn{min-height:44px;font-size:14px}.cr-home .cr-card h3+p{margin-bottom:9px}.workspace-projects{margin-top:25px}.workspace-projects .project-grid{grid-template-columns:1fr;gap:22px}.project-tile{grid-template-columns:84px minmax(0,1fr)}.project-cover{height:auto}.project-detail h3{font-size:14px}.project-detail p{font-size:14px}.tile-action{font-size:14px}.section-title h2{font-size:16px}.workspace-side{grid-template-columns:1fr;gap:20px}.workspace-side h3{font-size:14px}.milestone{gap:9px;padding-bottom:18px}.milestone strong{font-size:14px}.milestone small{font-size:14px}.workspace-reference p{font-size:14px}.workspace-local{font-size:14px}.field input:not([type=checkbox]):not([type=range]),.field textarea,.field select,.input,.cr-login input{font-size:16px}.cr-modal-head{padding:20px}.cr-modal-head h2{font-size:21px}.cr-body{padding:18px}.cr-tabs{gap:17px}.cr-tabs button{font-size:14px;white-space:nowrap}.cr-summary h3{font-size:14px}.cr-amount{font-size:25px}.cr-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cr-day{padding:13px 1px}.cr-day.today{padding:12px 0}.cr-day small{font-size:12px}.cr-day strong{font-size:21px}.cr-day span{font-size:12px;color:var(--muted)}.cr-mission .cr-row{flex-wrap:wrap}.cr-mission h4{font-size:14px}.cr-mission .cr-reward{font-size:14px}.cr-mission .btn{min-height:44px}.cr-bonus .cr-row{flex-wrap:wrap}.cr-bonus h3{font-size:16px}.cr-publication h3{font-size:19px}.studio-heading h1{font-size:17px}.inspector .field textarea,.inspector .field select{font-size:16px}}
/* Keep mobile touch targets out of the dense editor canvas and inspector. */
@media(max-width:620px){
  .cr-point,.cr-home .cr-card .btn,#creator-modal .btn,.cr-tabs button,.cr-filter button,.page-main .text-btn,.workspace-side .text-btn,dialog .text-btn,.page-main .tab,.page-main .input-tab,.page-main .filter{min-height:44px}
  .topbar .icon-btn,.page-main .icon-btn,.dialog-head .icon-btn,.chat-composer .icon-btn,.cr-close{width:44px;height:44px;min-width:44px;min-height:44px}
}
@media(max-width:360px){.page-main{padding-left:13px;padding-right:13px}.home-hero.work-resume{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:13px}.resume-info h2{font-size:17px}.project-cover{height:auto}.cr-tabs{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}