:root{color-scheme:light;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f6;color:#14201d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(15,118,110,.08),transparent 260px),#f4f7f6}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel,.panel,.list-card,.home-card,.empty-state{border:1px solid #d7dfdc;border-radius:8px;background:#fff}.login-panel{width:min(420px,100%);padding:28px;box-shadow:0 16px 45px #14201d1f}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;background:#0f766e;color:#fff;margin-bottom:18px}h1,h2,p{margin-top:0}.login-panel h1,.home-title h1,.page-head h1{margin-bottom:8px;font-size:clamp(28px,5vw,42px);line-height:1.08;letter-spacing:0}.login-panel p,.home-title p,.list-card p,.muted{color:#60716b;line-height:1.55}.login-form,.creator-layout,.card-list,.roll-items,.request-list{display:grid;gap:12px}.login-form{margin-top:24px}label{display:grid;gap:7px;color:#394743;font-size:14px;font-weight:800}input,select{width:100%;height:42px;border:1px solid #cdd8d4;border-radius:8px;background:#fff;color:#14201d;padding:0 12px;outline:none}input:focus,select:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}.primary-button,.secondary-button,.danger-button,.small-button,.icon-button,.brand-button,.dice-button{border:0;border-radius:8px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.primary-button{color:#fff;background:#0f766e}.secondary-button{color:#fff;background:#1f6f42}.danger-button{color:#fff;background:#b42318}.small-button,.icon-button,.brand-button,.dice-button{color:#243430;background:#edf3f1}.wide{width:100%}.form-error{color:#b42318;background:#fff1f0;border:1px solid #ffd2cc;border-radius:8px;padding:10px 12px;font-size:14px}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,28px);background:#ffffffeb;border-bottom:1px solid #dbe5e1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-button{background:transparent;padding:0;font-size:19px}.topbar-actions{display:flex;align-items:center;gap:8px}.user-chip{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border-radius:8px;background:#eef5f2;color:#42605a;font-size:13px;font-weight:900}.icon-button{width:42px;height:42px;font-size:24px}.home-shell,.page-shell{width:min(1180px,100%);margin:0 auto;padding:clamp(14px,3vw,28px)}.home-title,.page-head,.section-title,.card-head,.drawer-head{display:flex;align-items:center;gap:12px}.page-head{justify-content:space-between;margin-bottom:18px}.page-head h1{margin-bottom:0}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.home-card{min-height:190px;padding:20px;color:#14201d;text-align:left;display:grid;align-content:start;gap:12px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.home-card:hover{transform:translateY(-2px);border-color:#0f766e;box-shadow:0 14px 30px #14201d1a}.home-card strong{font-size:23px}.home-card span{color:#60716b;line-height:1.55}.panel{padding:clamp(14px,2.5vw,20px)}.panel h2,.list-card h2{margin-bottom:12px;font-size:18px}.form-grid,.attribute-editor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inline-fields{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}.custom-dice{margin-top:12px;grid-template-columns:minmax(0,1fr) 120px}.section-title.split{justify-content:space-between;margin-bottom:12px}.quick-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.stat-cell{min-height:60px;border-radius:8px;background:#f3f7f5;padding:10px;display:grid;align-content:center;gap:4px}.stat-cell span,.roll-item small{color:#60716b}.stat-cell strong{overflow-wrap:anywhere}.list-card{padding:14px}.action-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;align-items:stretch}.list-card.compact{display:flex;align-items:center;gap:12px}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px}.status{flex:0 0 auto;border:1px solid #f5c66d;color:#805400;background:#fff8e6;border-radius:8px;padding:6px 9px;font-size:13px;font-weight:900}.status.active{border-color:#9fd3c8;color:#0f766e;background:#eaf7f4}.segmented{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px}.segmented button{flex:0 0 auto;border:1px solid #d7dfdc;border-radius:8px;background:#fff;min-height:40px;padding:0 12px;font-weight:900}.segmented button.active{border-color:#0f766e;background:#eaf7f4;color:#0f766e}.dice-row,.point-grid{display:grid;gap:10px}.dice-row{grid-template-columns:repeat(7,minmax(0,1fr))}.dice-button{min-height:54px}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.point-button{min-height:74px;border:1px solid #d7dfdc;border-radius:8px;background:#fff;color:#14201d;padding:10px;display:grid;gap:2px;text-align:left}.point-button span{font-weight:900;overflow-wrap:anywhere}.point-button strong{font-size:26px;line-height:1}.request-button,.request-row{border:1px solid #d7dfdc;border-radius:8px;background:#f8fbfa;min-height:64px;padding:12px;text-align:left;display:grid;gap:4px}.request-button span,.request-row span{color:#60716b}.roll-item{border-radius:8px;border:1px solid #dbe5e1;background:#fff;padding:10px}.roll-item div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.roll-item strong{font-size:25px}.roll-item span{color:#0f766e;font-size:13px;font-weight:900}.roll-item p{margin:4px 0;font-weight:900}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#14201d5c;display:flex;justify-content:flex-end}.log-drawer{width:min(520px,100%);height:100%;overflow:auto;background:#f4f7f6;padding:18px;box-shadow:-18px 0 50px #14201d3d}.drawer-head{justify-content:space-between;margin-bottom:14px}.result-backdrop{justify-content:center;align-items:center}.result-modal{width:min(360px,calc(100% - 28px));border-radius:8px;background:#fff;border:1px solid #d7dfdc;padding:24px;text-align:center;display:grid;justify-items:center;gap:10px}.result-modal h2{margin:0;font-size:64px;line-height:1}.roll-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);width:min(520px,calc(100% - 28px));min-height:48px;border:0;border-radius:8px;background:#14201d;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;box-shadow:0 12px 34px #14201d3d}.empty-state{min-height:320px;display:grid;place-items:center;align-content:center;gap:10px;color:#60716b;text-align:center;padding:24px}@media(max-width:860px){.home-grid,.form-grid,.attribute-editor,.skill-editor,.action-row{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(3,1fr)}.dice-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.topbar{padding:10px 12px}.brand-button span,.user-chip{display:none}.home-shell,.page-shell{padding:12px}.page-head{align-items:flex-start}.page-head h1{font-size:28px}.home-card{min-height:150px}.quick-stats,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-row{grid-template-columns:repeat(3,minmax(0,1fr))}.point-button{min-height:82px}}