:root{--bg:#f4f6f8;--surface:#fff;--surface-tint:#e2f4f7;--border:#e2e8f0;--primary:#12b5c8;--primary-deep:#0b1b2e;--gold:#0fa9bc;--gold-soft:#0c7a88;--ink:#0b1b2e;--ink-soft:#64748b;--success:#3e8e6e;--danger:#c0392b;--shadow-card:0 1px 2px #0b1b2e0d, 0 4px 14px #0b1b2e0d;--shadow-lift:0 2px 4px #0b1b2e0f, 0 12px 32px -8px #0b1b2e1f;--r-card:0;--r-inner:0;--font-head:"Montserrat", system-ui, sans-serif;--font-body:"Montserrat", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.mod-detail.is-portrait .mod-video{max-width:420px;margin:0 auto}@media (min-width:760px){.mod-detail.is-portrait{grid-template-columns:minmax(250px,320px) 1fr;align-items:start;gap:22px;display:grid}.mod-detail.is-portrait .mod-video{max-width:none;margin:0}.mod-detail.is-portrait .mod-rest>div:first-child{margin-top:0!important}}@media (max-width:540px){.mod-head{flex-direction:column;align-items:stretch}.mod-head .mark-btn{justify-content:center;width:100%}}