:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--deep-cosmos:#07071c;--dark-orbit:#0d0c28;--panel:#100f2de0;--panel-strong:#151438f5;--line:#1f1e3d;--line-bright:#a78bfa52;--ink:#f3f0ff;--soft-ink:#e0e0fc;--muted:#8c8ab2;--indigo:indigo;--violet:#8a2be2;--violet-light:#a78bfa;--green:#10b981;--green-soft:#10b98124;--yellow:#fbbf24;--blue:#60a5fa;--red:#ef4444;--red-soft:#ef44441f;--shadow:0 28px 90px #00000061;--radius:22px}*{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(circle at 10% 8%, #8a2be247, transparent 34%), radial-gradient(circle at 88% 18%, #60a5fa2e, transparent 30%), linear-gradient(135deg, var(--deep-cosmos) 0%, var(--dark-orbit) 52%, #080815 100%);min-width:320px;min-height:100dvh;color:var(--ink);margin:0;font-family:Sora,Avenir Next,Aptos,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.boot,.loading{min-height:100vh;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;place-items:center;display:grid}.login-page{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:36px;min-height:100vh;padding:clamp(22px,5vw,72px);display:grid;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#a78bfa12 1px,#0000 1px),linear-gradient(#a78bfa0f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.login-hero,.login-panel{z-index:1;position:relative}.login-hero{border:1px solid var(--line);min-height:580px;box-shadow:var(--shadow);background:linear-gradient(145deg,#121136d1,#08081a9e),radial-gradient(circle at 18% 18%,#8a2be257,#0000 34%);border-radius:34px;align-content:center;gap:28px;padding:clamp(22px,4vw,48px);display:grid;overflow:hidden}.login-orbit{filter:blur(.2px);background:radial-gradient(circle,#a78bfa2e,#0000 58%),conic-gradient(from 120deg,#0000,#a78bfa52,#0000 42%);border:1px solid #a78bfa47;border-radius:999px;width:520px;height:520px;position:absolute;top:-150px;right:-160px}.login-copy{max-width:720px}.cosmos-badge,.login-mark,.metric-icon{align-items:center;gap:8px;display:inline-flex}.cosmos-badge{width:fit-content;color:var(--violet-light);text-transform:uppercase;letter-spacing:.08em;background:#a78bfa17;border:1px solid #a78bfa4d;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.login-copy h1{letter-spacing:-.07em;background:linear-gradient(135deg, #fff 0%, var(--violet-light) 52%, #60a5fa 100%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:760px;margin:18px 0 12px;font-size:clamp(42px,7vw,88px);line-height:.92}.login-copy p,.page-head p,.action-card span,.metric em{color:var(--muted)}.login-copy p{max-width:650px;margin:0;font-size:18px;line-height:1.6}.login-dashboard{grid-template-columns:repeat(3,minmax(130px,1fr));gap:14px;display:grid}.login-dashboard div,.metric,.action-card,.section,.login-panel{border:1px solid var(--line);background:linear-gradient(145deg,#131234eb,#0a0a1fdb);box-shadow:0 18px 60px #00000042}.login-dashboard div{border-radius:22px;gap:8px;min-height:118px;padding:18px;display:grid}.login-dashboard span,.metric>span:not(.metric-icon),.brand-kicker,.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.login-dashboard strong{color:var(--soft-ink);font-size:25px}.login-panel{border-color:var(--line-bright);border-radius:26px;justify-self:center;gap:16px;width:min(440px,100%);padding:28px;display:grid}.login-mark{color:var(--violet-light);font-weight:800}.mark-dot{background:var(--green);border-radius:999px;width:10px;height:10px;box-shadow:0 0 26px #10b981cc}.login-panel h2{letter-spacing:-.04em;margin:0 0 4px;font-size:30px}label{color:var(--muted);gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#07071cbd;border-radius:14px;outline:none;padding:12px 13px}textarea{resize:vertical;min-height:90px;line-height:1.5}input:focus,textarea:focus{border-color:var(--violet-light);box-shadow:0 0 0 4px #a78bfa1f}.form-error{color:var(--red);font-size:13px}.primary,.secondary-action,.icon-button,.row-actions button,.section button,.sidebar button{border:1px solid var(--line);color:var(--ink);background:#ffffff08;border-radius:14px}.primary,.secondary-action{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:inline-flex}.primary{background:linear-gradient(135deg, var(--indigo), var(--violet));color:#fff;border-color:#a78bfa8a;font-weight:900;box-shadow:0 16px 42px #8a2be242}.secondary-action{color:var(--violet-light)}.app-shell{background:radial-gradient(circle at 88% 4%, #8a2be23d, transparent 28%), radial-gradient(circle at 55% 95%, #60a5fa24, transparent 30%), var(--deep-cosmos);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#100f2dfa,#07071cf5),radial-gradient(circle at top,#8a2be22e,#0000 42%);grid-template-rows:auto 1fr auto;gap:18px;min-height:100vh;padding:18px;display:grid;position:sticky;top:0}.brand{gap:3px;display:grid}.brand strong{letter-spacing:-.05em;font-size:28px}.brand small{color:var(--muted)}nav{scrollbar-width:none;align-content:start;gap:7px;display:grid}nav::-webkit-scrollbar{display:none}nav button,.sidebar-foot button{width:100%;color:var(--soft-ink);text-align:left;background:0 0;align-items:center;gap:10px;padding:9px 10px;display:flex}nav button.active{box-shadow:inset 3px 0 0 var(--violet-light);background:linear-gradient(135deg,#4b0082b8,#8a2be257);border-color:#a78bfa73}.sidebar-foot{color:var(--muted);overflow-wrap:anywhere;gap:10px;font-size:12px;display:grid}.content{min-width:0;padding:clamp(16px,2.2vw,26px)}.page-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:14px;display:flex}.head-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.page-head h1{letter-spacing:-.06em;max-width:940px;margin:3px 0 6px;font-size:clamp(25px,3.1vw,42px);line-height:1}.hero-head{border:1px solid var(--line);border-radius:var(--radius);min-height:210px;box-shadow:var(--shadow);background:linear-gradient(135deg,#100f2de0,#07071cc2),radial-gradient(circle at 86% 10%,#a78bfa42,#0000 34%);align-items:end;padding:28px}.metric-grid,.command-grid{gap:14px;margin-bottom:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(145px,1fr))}.command-grid{grid-template-columns:repeat(3,minmax(190px,1fr))}.front-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric,.action-card{text-align:left;transition:transform .16s,border-color .16s,background .16s;position:relative;overflow:hidden}.metric:before,.action-card:before,.section:before{content:"";background:linear-gradient(90deg, var(--violet), var(--blue));height:3px;position:absolute;top:0;left:0;right:0}.metric.tone-good,.front-card.tone-good{background:linear-gradient(145deg,#0d302aa3,#0a0a1fe0),radial-gradient(circle at 92% 12%,#10b9812e,#0000 32%);border-color:#10b98147}.metric.tone-good:before,.front-card.tone-good:before{background:linear-gradient(90deg, var(--green), var(--blue))}.metric.tone-warning,.front-card.tone-warning{background:linear-gradient(145deg,#3428107a,#0a0a1fe0),radial-gradient(circle at 92% 12%,#fbbf2421,#0000 32%);border-color:#fbbf2442}.metric.tone-warning:before,.front-card.tone-warning:before{background:linear-gradient(90deg, var(--yellow), var(--blue))}.metric.tone-danger,.front-card.tone-danger{background:linear-gradient(145deg,#36122094,#0a0a1fe0),radial-gradient(circle at 92% 12%,#ef444429,#0000 32%);border-color:#ef44444d}.metric.tone-danger:before,.front-card.tone-danger:before{background:linear-gradient(90deg, var(--red), var(--violet-light))}.metric{border-radius:22px;align-content:start;gap:10px;min-height:132px;padding:16px;display:grid}.metric-clickable:hover,.action-card:hover,.row-button:hover{border-color:var(--line-bright);background:linear-gradient(145deg,#1a1842fa,#0c0c22f0);transform:translateY(-2px)}.metric-icon{width:36px;height:36px;color:var(--violet-light);background:#a78bfa1a;border:1px solid #a78bfa47;border-radius:12px;justify-content:center}.metric strong{color:var(--ink);letter-spacing:-.06em;overflow-wrap:anywhere;white-space:nowrap;font-size:clamp(21px,1.7vw,30px);line-height:1}.metric em,.action-card em{align-items:center;gap:6px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.action-card{border-radius:22px;align-content:start;gap:12px;min-height:148px;padding:18px;display:grid}.action-card strong{font-size:18px}.front-card{border:1px solid var(--line);min-height:220px;color:var(--ink);text-align:left;background:linear-gradient(145deg,#131234eb,#0a0a1fdb);border-radius:22px;align-content:start;gap:13px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000042}.front-card:before{content:"";background:linear-gradient(90deg, var(--violet), var(--blue));height:3px;position:absolute;top:0;left:0;right:0}.front-card:hover{border-color:var(--line-bright);transform:translateY(-2px)}.front-card strong{font-size:21px}.front-card>span:not(.metric-icon),.front-card small{color:var(--muted);line-height:1.5}.front-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.front-card em{color:var(--violet-light);align-items:center;gap:6px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.front-card-numbers{background:#ffffff08;border:1px solid #a78bfa26;border-radius:16px;gap:6px;padding:10px;display:grid}.front-card-numbers span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.front-card-numbers strong{font-size:19px}.live-metrics{grid-template-columns:repeat(4,minmax(180px,1fr))}.front-finance-grid,.source-health-grid,.usage-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.live-metric{min-height:156px}.usage-metric strong{font-size:clamp(24px,2vw,34px)}.source-health-card strong,.live-metric strong{white-space:normal}.section{border-radius:var(--radius);margin-bottom:18px;position:relative;overflow:hidden}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:13px 16px 11px;display:flex}.section h2{letter-spacing:-.02em;margin:0;font-size:16px}.list{display:grid}.row{border:0;border-bottom:1px solid var(--line);min-height:48px;color:inherit;text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:11px 16px;display:grid}.row:last-child{border-bottom:0}.row code{text-overflow:ellipsis;white-space:nowrap;max-width:420px;color:var(--muted);overflow:hidden}.row-lead{align-items:center;gap:10px;min-width:0;display:inline-flex}.row-lead svg,.row>svg{color:var(--violet-light)}.row-button{transition:transform .16s,background .16s}.decision-row{grid-template-columns:minmax(0,1fr) auto minmax(230px,auto)}.row-actions{justify-content:flex-end;gap:6px;display:flex}.row-actions button,.section button,.icon-button{min-height:34px;padding:6px 10px}.row-actions button:hover,.section button:hover,.icon-button:hover,.secondary-action:hover{border-color:var(--line-bright)}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;max-width:220px;min-height:27px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.pill-good{color:var(--green);background:#10b9811f;border-color:#10b98142}.pill-warning{color:var(--yellow);background:#fbbf241f;border-color:#fbbf244d}.pill-danger{color:var(--red);background:#ef44441a;border-color:#ef444447}.pill-neutral{color:var(--blue);background:#60a5fa1c;border-color:#60a5fa42}.table{display:grid}.tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,1.1fr) 160px 140px minmax(220px,2fr);align-items:center;gap:12px;min-height:50px;padding:11px 16px;display:grid}.tr:last-child{border-bottom:0}.tr.th{min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;font-size:12px;font-weight:900}.table-row-button{border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;text-align:left;background:0 0}.table-row-button:hover{background:#ffffff09}.sources-table .tr{grid-template-columns:minmax(180px,1fr) 160px 110px minmax(160px,1fr)}.usage-users-table .tr{grid-template-columns:minmax(180px,1.2fr) 100px 140px minmax(160px,1fr) 120px}.usage-models-table .tr{grid-template-columns:minmax(220px,1.4fr) 140px 140px 130px 120px}.usage-logs-table .tr{grid-template-columns:minmax(120px,.8fr) minmax(150px,1.1fr) minmax(180px,1.4fr) 120px 120px 110px}.finance-open-table .tr{grid-template-columns:90px minmax(180px,1.4fr) minmax(130px,1fr) minmax(150px,1fr) 120px 130px 110px}.allocation{display:grid}.allocation-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) 96px minmax(160px,1.4fr);align-items:center;gap:16px;padding:15px 18px;display:grid}.allocation-row:last-child{border-bottom:0}.allocation-row div:first-child{gap:4px;display:grid}.allocation-row span{color:var(--muted);font-size:12px}.bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--violet), var(--green));height:100%;display:block}.inline-form{gap:8px;width:min(520px,45vw);display:flex}.empty{color:var(--muted);padding:18px}.command-box{gap:12px;padding:16px;display:grid}.command-box textarea{min-height:82px}.detail-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03030c8c;justify-content:flex-end;padding:18px;display:flex;position:fixed;inset:0}.detail-panel{border:1px solid var(--line-bright);width:min(620px,100%);max-height:calc(100dvh - 36px);box-shadow:var(--shadow);background:linear-gradient(145deg,#121136fa,#07071cf5),radial-gradient(circle at 88% 8%,#60a5fa29,#0000 32%);border-radius:26px;overflow:auto}.detail-head{z-index:1;border-bottom:1px solid var(--line);background:#0c0b23f5;justify-content:space-between;align-items:start;gap:16px;padding:18px;display:flex;position:sticky;top:0}.detail-head h2{letter-spacing:-.04em;margin:4px 0 0;font-size:25px}.detail-body{gap:16px;padding:18px;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid div,.detail-row{border:1px solid var(--line);background:#ffffff09;border-radius:16px}.detail-grid div{gap:6px;padding:14px;display:grid}.detail-grid span,.detail-row span{color:var(--muted);font-size:12px;font-weight:900}.detail-grid strong{overflow-wrap:anywhere;font-size:22px}.detail-note{color:var(--muted);margin:0;line-height:1.55}.tempo-note{flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.detail-list{gap:10px;display:grid}.detail-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.distance-hero{border:1px solid var(--line);border-radius:var(--radius);min-height:240px;box-shadow:var(--shadow);background:linear-gradient(135deg,#100f2deb,#07071cc7),radial-gradient(circle at 88% 8%,#10b9812e,#0000 26%),radial-gradient(circle at 16% 16%,#a78bfa3d,#0000 34%);align-items:end;padding:28px}.distance-hero h1{max-width:980px}.distance-quick-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin-bottom:18px;display:grid}.distance-layout{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:start;gap:18px;display:grid}.distance-primary,.distance-side{gap:18px;display:grid}.distance-chat{gap:12px;padding:16px;display:grid}.distance-chat-stream{align-content:end;gap:10px;min-height:260px;max-height:42vh;padding:2px;display:grid;overflow:auto}.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.close-checklist{padding:8px;display:grid}.close-note{border-top:1px solid var(--line);gap:8px;padding:12px 8px 6px;display:grid}.close-note label{color:var(--soft-ink);letter-spacing:.06em;text-transform:uppercase;gap:8px;font-size:12px;font-weight:900;display:grid}.close-note textarea{letter-spacing:0;text-transform:none;min-height:88px;font-size:13px;font-weight:600}.close-note span{color:var(--muted);font-size:12px}.check-row{border:0;border-bottom:1px solid var(--line);min-height:48px;color:var(--soft-ink);text-align:left;background:0 0;align-items:center;gap:10px;display:flex}.check-row:last-child{border-bottom:0}.check-row span{color:#0000;border:1px solid #a78bfa4d;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.check-row.checked{color:var(--green)}.check-row.checked span{color:var(--green);background:#10b98124;border-color:#10b9816b}.distance-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ritual-mini{gap:10px;padding:18px;display:grid}.ritual-mini strong{font-size:18px;line-height:1.25}.ritual-mini span{color:var(--muted);line-height:1.5}.ritual-mini-status,.ritual-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ritual-hero{border:1px solid var(--line);border-radius:var(--radius);min-height:220px;box-shadow:var(--shadow);background:linear-gradient(135deg,#100f2deb,#07071cc7),radial-gradient(circle at 84% 10%,#fbbf2424,#0000 26%),radial-gradient(circle at 14% 14%,#60a5fa2e,#0000 34%);align-items:end;padding:28px}.ritual-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.ritual-primary,.ritual-side{gap:18px;display:grid}.ritual-form{gap:14px;padding:18px;display:grid}.ritual-form label{color:var(--soft-ink);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.ritual-form textarea{letter-spacing:0;text-transform:none;font-size:14px;font-weight:600}.ritual-updated{color:var(--muted);font-size:12px}.chat-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:18px;display:grid}.chat-panel{border:1px solid var(--line);border-radius:var(--radius);min-height:620px;box-shadow:var(--shadow);background:linear-gradient(145deg,#131234eb,#0a0a1fdb);gap:12px;padding:16px;display:grid}.chat-stream{align-content:end;gap:12px;min-height:440px;max-height:58vh;padding:4px;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;gap:6px;width:min(680px,86%);padding:14px 15px;display:grid}.chat-bubble.user{background:linear-gradient(135deg,#4b008275,#8a2be22e);border-color:#a78bfa57;justify-self:end}.chat-bubble.assistant{justify-self:start}.chat-bubble span{color:var(--violet-light);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.chat-bubble p{color:var(--soft-ink);margin:0;line-height:1.5}.chat-form{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.recording-dot{width:fit-content;color:var(--red);background:#ef44441a;border:1px solid #ef444447;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.side-stack{gap:18px;display:grid}.inbox-row{grid-template-columns:minmax(0,1fr) auto auto}.hermes-status-card{gap:16px;padding:18px;display:grid}.hermes-status-card strong{letter-spacing:-.04em;margin:4px 0 8px;font-size:22px;display:block}.hermes-status-card p{color:var(--muted);margin:0;line-height:1.5}.status-grid{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.status-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.status-grid a{color:var(--violet-light);overflow-wrap:anywhere;font-weight:900}@media (width<=1120px){.login-page,.app-shell{grid-template-columns:1fr}.login-hero{min-height:430px}.sidebar{grid-template-rows:auto auto auto;min-height:auto;position:relative}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.command-grid,.front-grid,.live-metrics,.distance-quick-grid,.distance-layout,.chat-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.ritual-layout{grid-template-columns:1fr}}@media (width<=760px){.login-page{padding:16px}.login-dashboard,.metric-grid,.command-grid,.front-grid,.live-metrics,.distance-quick-grid,.distance-layout,.compact-metrics,.distance-actions,.chat-layout,.tr,.row,.sources-table .tr,.usage-users-table .tr,.usage-models-table .tr,.usage-logs-table .tr,.finance-open-table .tr,.decision-row,.allocation-row,.source-health-grid,.ritual-layout{grid-template-columns:1fr}.page-head,.section-head,.head-actions{display:grid}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.sidebar{z-index:10;min-height:auto;padding:9px 9px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line-bright);border-right:0;display:block;position:fixed;inset:auto 0 0}.brand,.sidebar-foot{display:none}nav{gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}nav button{justify-content:center;width:auto;min-width:108px;padding:10px;font-size:12px}.content{padding:16px 16px calc(18px + env(safe-area-inset-bottom))}.distance-hero{min-height:auto;padding:18px}.distance-chat-stream{min-height:300px;max-height:50vh}.inline-form{width:100%}.chat-panel{min-height:calc(100vh - 220px)}.chat-stream{min-height:52vh}.chat-form{grid-template-columns:42px minmax(0,1fr)}.chat-form .primary{grid-column:1/-1}.row code{max-width:100%}}