/* Grokwork: a focused, high contrast editorial workspace. */
:root{--ink:#122334;--muted:#607183;--paper:#f2f5f7;--line:#dce4ea;--green:#0061ff;--gold:#0061ff}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f2f5f7;color:#122334}
.shell{grid-template-columns:242px minmax(0,1fr)}.sidebar{background:#102536;color:#dbe6ed;border:0;padding:30px 20px;gap:34px}.sidebar .logo,.sidebar .logo span{color:white}.logo>.ui-icon{background:#0061ff;border-radius:50%}.logo small{background:#d7ecff;color:#073ea5}.sidebar>.eyebrow{color:#9fb3c5}.sidebar nav button{color:#b7c9d5;border-radius:4px}.sidebar nav button.active{background:#0061ff;color:white}.sidebar nav button:hover{background:#213c50;color:white}.sidebar-balance{background:#1b374b;border:1px solid #385266;border-radius:6px}.sidebar-balance strong,.sidebar-balance>.ui-icon{color:#fff}.sidebar-balance p{color:#b1c7d7}.sidebar .bottom{color:#a9bdcd}
.main{max-width:1550px;padding:0 48px 45px}.topbar{height:88px;border-color:#d5e0e8}.topbar .credit-pill{background:white;color:#0750bd;border-color:#cbdcee}.topbar .avatar{background:#122d43}.hero h1{font-size:clamp(30px,3.3vw,48px);font-weight:650;letter-spacing:-1.9px}.hero>.eyebrow{color:#0759df}.hero>.muted{font-size:15px}
button{background:#0061ff;border-radius:5px}button:hover{background:#064fca;box-shadow:none}button.secondary{border-radius:5px;border-color:#cbd6df}button.secondary:hover{background:#e9f0f6}.text-button{color:#0759df!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#0061ff}
.launchpad{background:#122d43!important;border:0!important;border-radius:8px!important;padding:32px!important;box-shadow:none!important;color:white}.launchpad h2,.launchpad .eyebrow{color:white!important}.launchpad p,.composer-actions>span{color:#b8cddd!important}.launchpad textarea{background:#fff!important;border:0!important;border-radius:5px!important;color:#102536;min-height:100px}.launchpad .composer-actions button{background:#78efff;color:#092b39}.launchpad .composer-actions button:hover{background:#b2f7ff}
.card,.module-card{background:#fff!important;border:1px solid #dbe4eb!important;border-radius:6px!important;box-shadow:none!important}.module-card{border-top:3px solid #0061ff!important}.module-card h3{color:#122334}.module-card .ui-icon{color:#0061ff;background:#edf5ff}.module-card:hover{transform:translateY(-3px);border-color:#93b9e4!important}.badge{background:#e8f7f2!important;color:#15523e!important}.badge.locked{background:#edf1f5!important;color:#5b6e7f!important}.workspace-foot{border-radius:6px!important;background:#e5edf3!important}.auth-card{border-radius:12px!important;border-color:#ccdbe6!important;box-shadow:0 24px 80px #10253610!important}.auth-card h1{color:#122d43}.plans .featured,.plan.featured{border-color:#0061ff!important}.credit-pill{color:#0759df}.writer-layout textarea{border-color:#cbdbe8}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto}.sidebar nav{gap:6px}.main{padding:0 20px 30px}.hero h1{font-size:34px}.launchpad{padding:23px!important}}