:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#10131b;color:#e7eaf2}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:360px 1fr;height:100vh}aside{border-right:1px solid #2a3143;padding:20px;overflow:auto;background:#151a25}h1{font-size:21px;margin:0 0 16px;color:#f5c96a}input{width:100%;padding:11px;border:1px solid #3a435a;border-radius:8px;background:#0e121b;color:inherit}.quest{width:100%;text-align:left;border:0;border-bottom:1px solid #252b3a;padding:12px 2px;background:none;color:inherit;cursor:pointer}.quest:hover,.quest.active{background:#222a3a}.quest small{display:block;color:#9ca8bd;margin-top:4px}main{overflow:auto;padding:42px;max-width:1000px}.meta{color:#aeb8ca}.step{margin:26px 0;padding:20px;background:#171d2a;border:1px solid #2c354a;border-radius:12px}.line{padding:13px 16px;margin:9px 0;background:#202838;border-left:3px solid #f5c96a;border-radius:5px;line-height:1.5}.empty{color:#aeb8ca;font-style:italic}.cut{margin:8px 5px 0 0;padding:8px 11px;border:0;border-radius:6px;background:#954a55;color:#fff;cursor:pointer}code{color:#f5c96a}@media(max-width:750px){body{display:block;height:auto;min-height:100vh}aside{border-right:0;border-bottom:1px solid #2a3143;padding:16px;max-height:none}aside h1{margin-bottom:5px}.meta{margin:5px 0 14px}#quests{display:flex;gap:8px;overflow-x:auto;margin:14px -4px -4px;padding:0 4px 4px;scroll-snap-type:x proximity}.quest{flex:0 0 224px;min-height:74px;border:1px solid #2c354a;border-radius:9px;padding:10px;scroll-snap-align:start}.quest small{margin-top:6px}main{padding:20px 16px;max-width:none}main h1{font-size:25px;margin-top:0}.step{margin:16px 0;padding:14px}.step h2{font-size:18px;margin-top:0}.line{padding:12px;font-size:16px}.cut{width:100%;margin:8px 0 0;min-height:42px}}