:root{color:#172033;background:#f4f0e8;--ink: #172033;--blue: #173653;--cyan: #2f7ea3;--green: #1f7a55;--amber: #b77518;--red: #a64040;--paper: rgba(255, 252, 246, .88);--ring: 0 0 0 4px rgba(47, 126, 163, .16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,rgba(19,56,89,.1),transparent 32rem),#f4f0e8;-webkit-tap-highlight-color:transparent}button,a{font:inherit;touch-action:manipulation}button,a,.metric-card,.record-card,.row-card,.panel,.notice-bar,.workflow-strip,.system-panel,.status-badge,.empty-state,.pack-toggle,.pack-section,.row-meta span,.detail-grid span,.platforms span{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}a{color:#194f7a;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#0f6f91}.muted-link{display:inline-flex;width:fit-content;color:#7a8396;font-weight:700}a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ring)}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:stretch;padding:28px;border:1px solid rgba(23,32,51,.16);background:#fffcf6d1;border-radius:22px;box-shadow:0 20px 60px #17203314}.eyebrow,.record-date,.metric-label{margin:0;color:#6d5d43;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:12px 0 0;max-width:760px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,8vw,5.6rem);line-height:.95;letter-spacing:0}.hero-copy{max-width:680px;margin:22px 0 0;color:#44506a;font-size:17px;line-height:1.8}.system-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;padding:22px;border-radius:18px;color:#fffaf0;background:linear-gradient(160deg,#0c2d4df5,#22545beb),#123a56}.system-panel:after{position:absolute;inset:auto -30% -40% 16%;height:130px;pointer-events:none;content:"";background:radial-gradient(circle,rgba(255,244,189,.26),transparent 65%);opacity:0;transform:translateY(24px);transition:opacity .22s ease,transform .22s ease}.system-panel>*{position:relative;z-index:1}.system-panel span{font-size:13px;color:#c8d9df}.system-panel strong{display:block;margin-top:10px;word-break:break-word;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:1.05}.system-panel p{margin:18px 0 0;color:#d9e7e8}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.notice-bar{margin-top:16px;padding:14px 16px;border:1px solid rgba(25,79,122,.24);border-radius:16px;color:#173653;background:#dbeaf4b8;line-height:1.6}.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.workflow-strip span{display:grid;place-items:center;min-height:44px;padding:8px 10px;border:1px solid rgba(23,32,51,.12);border-radius:14px;color:#30425b;background:#fffcf6b8;font-size:14px;font-weight:700;text-align:center}.metric-card,.record-card,.row-card,.panel{border:1px solid rgba(23,32,51,.14);background:var(--paper)}.metric-card{min-height:132px;padding:18px;border-radius:18px}.metric-card strong{display:block;margin-top:18px;font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1}.metric-card span{display:block;margin-top:12px;color:#596278;font-size:14px;line-height:1.5}.tabs{display:flex;gap:8px;margin:18px 0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid rgba(23,32,51,.16);border-radius:999px;color:#293348;background:#fffcf6b8;cursor:pointer}.tabs button.active{color:#fffaf0;border-color:var(--blue);background:var(--blue)}.panel{padding:20px;border-radius:22px}.stack{display:grid;gap:14px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:4px 2px 10px}.section-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;line-height:1.1}.section-heading p{max-width:460px;margin:0;color:#596278;line-height:1.7}.record-card,.row-card{position:relative;overflow:hidden;padding:18px;border-radius:18px}.record-card:before,.row-card:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:linear-gradient(180deg,var(--cyan),#f0bc58);opacity:0;transform:scaleY(.55);transform-origin:center;transition:opacity .18s ease,transform .18s ease}.record-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.record-card h2,.row-card h2{margin:8px 0 0;color:#172033;font-size:20px;line-height:1.35}.record-card p,.row-card p{color:#46516a;line-height:1.75}.row-warning{margin-top:10px;padding:10px 12px;border:1px solid rgba(166,64,64,.24);border-radius:12px;color:#8c2f2f!important;background:#f5d6d680}.signal-list{display:grid;gap:8px;margin:16px 0 0;padding-left:18px;color:#334057;line-height:1.7}.table-like{display:grid;gap:12px}.row-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px}.row-card.is-confirmed{border-color:#1f7a5557;background:linear-gradient(90deg,rgba(31,122,85,.08),transparent 55%),var(--paper)}.row-card.is-confirmed:before{opacity:1;transform:scaleY(1);background:linear-gradient(180deg,var(--green),#7aa877)}.row-meta,.detail-grid,.platforms{display:flex;flex-wrap:wrap;gap:8px}.row-meta span,.detail-grid span,.platforms span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;color:#4c5871;background:#efe8dc;font-size:13px}.row-actions{display:grid;align-content:start;justify-items:start;gap:10px;color:#596278;font-size:14px}.row-actions em{color:#6d5d43;font-style:normal}.queue-note{width:100%;padding:9px 10px;border:1px solid rgba(31,122,85,.2);border-radius:12px;color:#14523a!important;background:#dceee49e;font-weight:700;line-height:1.45}.approval-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.approval-buttons button{min-height:34px;padding:0 12px;border:1px solid rgba(23,32,51,.16);border-radius:999px;color:var(--ink);background:#fffaf0;cursor:pointer}.approval-buttons button:disabled{cursor:wait;opacity:.58}.approval-buttons button:first-child{color:#fffaf0;border-color:var(--blue);background:var(--blue)}.approval-buttons button.is-selected{color:#14523a;border-color:#1f7a5547;background:#dceee4;cursor:default}.row-actions strong{color:#172033}.article-card{display:grid;gap:14px}.pipeline-meta span{min-height:34px;gap:8px;padding:3px 12px}.pipeline-meta b{color:#6d5d43;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.pipeline-review{display:grid;justify-items:start;gap:8px}.pipeline-action{display:inline-flex;align-items:center;width:fit-content;min-height:40px;padding:0 14px;border:1px solid rgba(25,79,122,.22);border-radius:999px;color:#fffaf0;background:var(--blue);font-weight:800;text-decoration:none}.pipeline-action.is-muted{color:#6f778a;border-color:#17203324;background:#efe8dc}.pipeline-action-note{color:#667085;font-size:13px;line-height:1.55}.preview-review{display:grid;gap:10px;padding-top:12px;border-top:1px solid rgba(23,32,51,.1)}.preview-review-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;color:#334057;font-weight:800}.preview-review-head em{color:#7a8396;font-size:12px;font-style:normal;font-weight:700}.preview-review p{margin:0;padding:10px 12px;border:1px solid rgba(183,117,24,.2);border-radius:12px;color:#6a4a15;background:#faedc485;font-size:13px;line-height:1.6}.preview-review textarea{width:100%;min-height:82px;resize:vertical;padding:11px 12px;border:1px solid rgba(23,32,51,.16);border-radius:14px;color:#172033;background:#fffcf6d1;font:inherit;line-height:1.55}.preview-review textarea:focus{outline:none;box-shadow:var(--ring);border-color:#2f7ea36b}.preview-review-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-review-actions button{min-height:40px;padding:0 14px;border:1px solid rgba(23,32,51,.16);border-radius:999px;color:#fffaf0;background:var(--green);cursor:pointer;font-weight:800}.preview-review-actions button:nth-child(2){background:var(--amber)}.preview-review-actions button:disabled{cursor:wait;opacity:.6}.distribution-card{display:grid;gap:14px}.distribution-card.is-open{border-color:#2f7ea357;box-shadow:0 18px 42px #1720331a}.pack-toggle{width:fit-content;min-height:40px;padding:0 15px;border:1px solid rgba(23,32,51,.18);border-radius:999px;color:#fffaf0;background:var(--blue);cursor:pointer}.pack-detail{display:grid;gap:12px;margin-top:2px;padding-top:14px;border-top:1px solid rgba(23,32,51,.12)}.pack-section{padding:15px;border:1px solid rgba(23,32,51,.12);border-radius:16px;background:#fffaf0b3}.pack-section h3{margin:0;color:#172033;font-size:18px;line-height:1.35}.pack-section p{margin:10px 0 0;white-space:pre-wrap;color:#46516a;font-size:14px;line-height:1.75}.pack-section ul{display:grid;gap:8px;margin:12px 0 0;padding-left:18px;color:#46516a;font-size:14px;line-height:1.65}.status-badge{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:700}.status-badge.green{color:#14523a;background:#dceee4}.status-badge.amber{color:#79520d;background:#faedc4}.status-badge.red{color:#8c2f2f;background:#f5d6d6}.status-badge.blue{color:#174b74;background:#dbeaf4}.empty-state{padding:18px;border:1px dashed rgba(23,32,51,.22);border-radius:18px;color:#44506a;background:#fffcf685}.empty-state strong{display:block;color:#172033;font-size:18px}.empty-state p{margin:8px 0 0;line-height:1.7}@media (hover: hover){.hero:hover .system-panel,.metric-card:hover,.record-card:hover,.row-card:hover{border-color:#2f7ea36b;box-shadow:0 18px 42px #1720331f;transform:translateY(-3px)}.hero:hover .system-panel:after,.system-panel:hover:after{opacity:1;transform:translateY(0)}.record-card:hover:before,.row-card:hover:before{opacity:1;transform:scaleY(1)}.notice-bar:hover{border-color:#2f7ea370;background:#dbeaf4eb}.workflow-strip span:hover,.empty-state:hover{border-color:#2f7ea366;box-shadow:0 10px 26px #17203314;transform:translateY(-1px)}.tabs button:hover{color:#123a56;border-color:#2f7ea375;background:#e6f3f7eb;transform:translateY(-1px)}.tabs button.active:hover{color:#fffaf0;border-color:#0f6f91;background:#0f6f91}.approval-buttons button:hover{border-color:#2f7ea385;background:#e8f3f6;transform:translateY(-1px)}.pack-toggle:hover{border-color:var(--green);background:var(--green);transform:translateY(-1px)}.pack-section:hover{border-color:#2f7ea357;box-shadow:0 10px 26px #17203314;transform:translateY(-1px)}.approval-buttons button:disabled:hover{color:var(--ink);border-color:#17203329;background:#fffaf0;transform:none}.approval-buttons button.is-selected:hover{color:#14523a;border-color:#1f7a5547;background:#dceee4;transform:none}.approval-buttons button:first-child:hover{border-color:var(--green);background:var(--green)}.approval-buttons button:nth-child(2):hover{color:#fffaf0;border-color:var(--amber);background:var(--amber)}.approval-buttons button:nth-child(3):hover{color:#fffaf0;border-color:var(--red);background:var(--red)}.row-meta span:hover,.detail-grid span:hover,.platforms span:hover,.status-badge:hover{filter:saturate(1.08);transform:translateY(-1px)}}.tabs button:active,.approval-buttons button:active,.metric-card:active,.record-card:active,.row-card:active{transform:scale(.985)}@media (max-width: 900px){.hero,.row-card{grid-template-columns:1fr}.metric-grid,.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading p{margin-top:8px}}@media (max-width: 560px){.shell{width:100%;padding:max(8px,env(safe-area-inset-top)) 10px calc(32px + env(safe-area-inset-bottom))}.hero,.panel,.record-card,.row-card{border-radius:16px;padding:14px}.hero{gap:12px}.hero h1{margin-top:8px;font-size:32px;line-height:1}.hero-copy{display:-webkit-box;margin-top:12px;overflow:hidden;color:#4d5a71;font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.system-panel{min-height:auto;padding:14px;border-radius:14px}.system-panel strong{margin-top:6px;font-size:18px;line-height:1.2}.system-panel p{margin-top:10px;font-size:13px;line-height:1.5}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:94px;padding:12px;border-radius:14px}.metric-card strong{margin-top:10px;font-size:30px}.metric-card span{margin-top:7px;font-size:12px;line-height:1.35}.notice-bar{margin-top:10px;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.55}.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.workflow-strip span{min-height:38px;padding:7px 8px;border-radius:12px;font-size:12px;line-height:1.35}.tabs{position:sticky;z-index:20;top:0;margin:12px -10px;padding:8px 10px;border-bottom:1px solid rgba(23,32,51,.1);background:#f4f0e8f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tabs button{min-height:44px;padding:0 14px;border-radius:14px;font-size:14px}.panel{padding:12px}.section-heading{padding-bottom:6px}.section-heading h2{font-size:24px}.section-heading p{margin-top:6px;font-size:13px;line-height:1.55}.record-card h2,.row-card h2{font-size:18px;line-height:1.34}.record-card p,.row-card p,.signal-list{font-size:14px;line-height:1.65}.record-head{display:grid;gap:10px}.row-card{gap:12px}.row-meta,.detail-grid,.platforms{gap:6px}.pipeline-meta{display:grid;grid-template-columns:1fr;gap:7px}.row-meta span,.detail-grid span,.platforms span{min-height:26px;padding:0 9px;font-size:12px}.pipeline-meta span{justify-content:space-between;width:100%;min-height:34px;padding:0 10px;border-radius:12px}.pipeline-meta b{flex:0 0 auto;font-size:10px}.pipeline-action{justify-content:center;width:100%;min-height:46px;border-radius:13px}.pipeline-action-note{font-size:12px;line-height:1.5}.preview-review{gap:9px}.preview-review-head{display:grid;justify-content:stretch;font-size:13px}.preview-review textarea{min-height:92px;border-radius:13px;font-size:13px}.preview-review-actions{display:grid;grid-template-columns:1fr 1fr}.preview-review-actions button{min-height:46px;padding:0 10px;border-radius:13px}.row-actions{gap:8px;padding-top:10px;border-top:1px solid rgba(23,32,51,.1);font-size:13px}.approval-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.approval-buttons button{min-height:46px;border-radius:13px}.approval-buttons button:first-child{grid-column:1 / -1}.empty-state{padding:14px;border-radius:14px}.empty-state strong{font-size:16px}.distribution-card{gap:12px}.pack-toggle{width:100%;min-height:46px;border-radius:13px}.pack-detail{gap:10px;padding-top:12px}.pack-section{padding:13px;border-radius:14px}.pack-section h3{font-size:16px}.pack-section p,.pack-section ul{font-size:13px;line-height:1.7}}@media (pointer: coarse){.tabs button,.approval-buttons button,.pack-toggle{-webkit-user-select:none;user-select:none}.row-card:active,.record-card:active,.metric-card:active{border-color:#2f7ea36b;box-shadow:0 12px 28px #1720331a}}