#focus{--rg-bg:light-dark(#f3f4f6,#16191e);--rg-paper:light-dark(#fff,#22272e);--rg-ink:light-dark(#182229,#f1f3f6);--rg-muted:light-dark(#64717a,#aab6c0);--rg-line:light-dark(#dce1e5,#3b434c);color:var(--rg-ink);font:14px/1.5 'Golos Text',sans-serif;color-scheme:light dark;width:100%;text-align:left}
#focus *{box-sizing:border-box}
#focus [hidden]{display:none!important}
#focus h1,#focus h2,#focus h3,#focus p{margin:0}
#focus button,#focus input,#focus select{font:inherit}
#focus button{cursor:var(--cursor-interaction,pointer)}
#focus button:focus-visible,#focus select:focus-visible,#focus input:focus-visible{outline:3px solid #5395da;outline-offset:3px}
#focus svg.lucide{width:17px;height:17px;flex:none}
#focus .rg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;flex-wrap:wrap}
#focus .rg-eyebrow{font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:1.4px;color:var(--rg-muted)}
#focus h1{font-size:29px;font-weight:500;letter-spacing:-1.2px;margin:8px 0}
#focus .rg-intro{color:var(--rg-muted);font-size:12px}
#focus .rg-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;background:var(--rg-paper);color:var(--rg-ink);border:1px solid var(--rg-line);border-radius:9px;font-size:12px;font-weight:500}
#focus .rg-button:hover{filter:brightness(.95)}
#focus .rg-button.rg-primary{background:var(--rg-ink);color:var(--rg-paper);border-color:var(--rg-ink)}
#focus .rg-square{padding:9px;min-width:37px}
#focus .rg-text-button{padding:0;border:0;color:var(--rg-ink);background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:4px}
#focus .rg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#focus .rg-option{display:block;text-align:left;padding:0;width:100%;border:1px solid var(--rg-line);border-radius:14px;overflow:hidden;color:var(--rg-ink);background:var(--rg-paper);transition:transform .16s,border-color .16s}
#focus .rg-option:hover{transform:translateY(-3px);border-color:var(--rg-muted)}
#focus .rg-option-info{padding:16px 18px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;border-top:1px solid var(--rg-line)}
#focus .rg-option-number{font:12px 'IBM Plex Mono',monospace;color:var(--rg-muted)}
#focus .rg-option-info strong{font-size:16px;font-weight:500}
#focus .rg-option-info p{font-size:12px;color:var(--rg-muted);margin-top:3px}
#focus .rg-option-info .rg-arrow{font-size:20px}
#focus .rg-shortlist{margin-top:20px;color:var(--rg-muted);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#focus .rg-direction{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}
#focus .rg-direction-title{display:flex;gap:14px;align-items:center}
#focus #rg-number{font:22px 'IBM Plex Mono',monospace;color:var(--rg-muted)}
#focus #rg-title{font-size:20px;font-weight:500}
#focus #rg-description{font-size:12px;color:var(--rg-muted);margin-top:3px}
#focus .rg-direction-actions{display:flex;gap:7px;flex-wrap:wrap}
#focus .rg-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--rg-muted);font-size:11px;margin-top:14px}
#focus .rg-status{min-height:18px;margin-top:10px;font-size:12px;color:var(--rg-muted)}
/* Product palette and product surfaces. Each concept has its own layout. */
#focus .portal,#focus .rg-preview{--p-bg:light-dark(#f5f7f8,#161f23);--p-paper:light-dark(#fff,#202a2e);--p-ink:light-dark(#173139,#e7f4f3);--p-muted:light-dark(#6d8186,#a8bcc0);--p-line:light-dark(#e2e9eb,#34454b);--p-accent:light-dark(#15796b,#74c9b3);--p-soft:light-dark(#e7f5ef,#284238);--p-second:light-dark(#99cabc,#517f75);--p-radius:13px;background:var(--p-bg);color:var(--p-ink);font:13px/1.5 'Golos Text',sans-serif}
#focus .portal{border:1px solid var(--p-line);border-radius:15px;overflow:hidden;min-height:690px}
#focus .skin-2{color-scheme:dark;--p-bg:#101219;--p-paper:#191c26;--p-ink:#f3f3f7;--p-muted:#a0a5b7;--p-line:#2e3242;--p-accent:#b9a0ff;--p-soft:#302745;--p-second:#6a65a3;--p-radius:8px}
#focus .skin-3{--p-bg:light-dark(#f3f5ee,#161c17);--p-paper:light-dark(#fffefa,#232c24);--p-ink:light-dark(#243b2a,#eff5e4);--p-muted:light-dark(#718073,#aaba9f);--p-line:light-dark(#dde4d8,#3b493a);--p-accent:light-dark(#4c6c23,#b7d77c);--p-soft:light-dark(#e6efcf,#384329);--p-second:light-dark(#becd8b,#728b4d);--p-radius:19px}
#focus .skin-4{--p-bg:light-dark(#f5f1e9,#25221d);--p-paper:light-dark(#f5f1e9,#25221d);--p-ink:light-dark(#342e29,#f4e9d7);--p-muted:light-dark(#83786c,#b4a691);--p-line:light-dark(#d8cfc2,#514a3e);--p-accent:light-dark(#a94d31,#de9876);--p-soft:light-dark(#ede1d0,#3d3025);--p-second:light-dark(#cda78e,#9c694e);--p-radius:0px}
#focus .skin-5{--p-bg:light-dark(#eeeef6,#171525);--p-paper:light-dark(#fff,#28243b);--p-ink:light-dark(#312850,#f0eaff);--p-muted:light-dark(#817592,#b3a4ca);--p-line:light-dark(#ded9ea,#453b5c);--p-accent:light-dark(#7954c6,#c0a0fa);--p-soft:light-dark(#e6dcf7,#423357);--p-second:light-dark(#b9a1e4,#795b9f);--p-radius:22px}
#focus .skin-6{--p-bg:light-dark(#fff,#191a1b);--p-paper:light-dark(#fff,#191a1b);--p-ink:light-dark(#202426,#e9ebed);--p-muted:light-dark(#747b80,#a3a7ac);--p-line:light-dark(#dfe2e4,#373a3d);--p-accent:light-dark(#252d33,#d6e0e7);--p-soft:light-dark(#f1f3f5,#2c3034);--p-second:light-dark(#b7c0c5,#737d85);--p-radius:3px;font-family:'IBM Plex Mono',monospace}
#focus .skin-7{--p-bg:light-dark(#f7f8fb,#19202c);--p-paper:light-dark(#fff,#242d3c);--p-ink:light-dark(#24334b,#eff3fd);--p-muted:light-dark(#7a88a0,#a6b4cc);--p-line:light-dark(#e1e7f1,#3b4b63);--p-accent:light-dark(#577cb7,#9bbdeb);--p-soft:light-dark(#edf2fc,#314260);--p-second:light-dark(#b6c9ea,#607faa);--p-radius:11px}
#focus .skin-8{--p-bg:light-dark(#eff4fb,#171f2c);--p-paper:light-dark(#fff,#202d41);--p-ink:light-dark(#143457,#e9f3ff);--p-muted:light-dark(#6d85a0,#a5bdd9);--p-line:light-dark(#dce5f3,#344c6b);--p-accent:light-dark(#2863cf,#8fb7ff);--p-soft:light-dark(#e1ebff,#304c73);--p-second:light-dark(#9bbbe9,#5981b5);--p-radius:15px}
#focus .skin-9{--p-bg:light-dark(#faf6f1,#241d17);--p-paper:light-dark(#fffdf9,#30271f);--p-ink:light-dark(#453223,#f9eddf);--p-muted:light-dark(#947f6c,#c4ac96);--p-line:light-dark(#ebdfd1,#514133);--p-accent:light-dark(#b66622,#f4b36e);--p-soft:light-dark(#fae9d4,#513a25);--p-second:light-dark(#e6ba88,#966f49);--p-radius:11px}
#focus .skin-10{--p-bg:light-dark(#fff,#1c2224);--p-paper:light-dark(#fff,#1c2224);--p-ink:light-dark(#273c42,#e2eef1);--p-muted:light-dark(#829196,#9fb3ba);--p-line:light-dark(#e9eff0,#38494e);--p-accent:light-dark(#3b887b,#88c4b1);--p-soft:light-dark(#f2f7f5,#2c403b);--p-second:light-dark(#c9e1d9,#597e71);--p-radius:24px}
#focus .p-brand{display:flex;gap:9px;align-items:center;font:600 20px 'DM Sans','Golos Text',sans-serif;letter-spacing:-.7px;white-space:nowrap}
#focus .p-logo{width:28px;height:28px;border-radius:9px;background:var(--p-accent);color:var(--p-paper);display:grid;place-items:center;font:600 21px 'DM Sans',sans-serif}
#focus .p-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:19px 27px;background:var(--p-paper);border-bottom:1px solid var(--p-line)}
#focus .p-account{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--p-muted)}
#focus .p-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--p-soft);color:var(--p-ink);font-size:11px}
#focus .p-nav{display:flex;gap:4px;flex-wrap:wrap}
#focus .p-nav button{display:flex;align-items:center;gap:9px;color:var(--p-muted);background:transparent;border:0;border-radius:8px;padding:10px 12px;text-align:left;font-size:12px}
#focus .p-nav button.active{background:var(--p-soft);color:var(--p-ink);font-weight:500}
#focus .p-nav button:hover{color:var(--p-ink)}
#focus .p-sidebar{display:flex;flex-direction:column;gap:28px;padding:26px 20px;border-right:1px solid var(--p-line);background:var(--p-paper)}
#focus .p-sidebar .p-nav{display:flex;flex-direction:column;gap:5px}
#focus .p-sidebar .p-account{margin-top:auto;flex-wrap:wrap}
#focus .p-sidebar-caption{font-size:10px;letter-spacing:1px;color:var(--p-muted);margin:0 12px 10px}
#focus .p-shell{display:grid;grid-template-columns:176px minmax(0,1fr);min-height:690px}
#focus .p-main{padding:28px;min-width:0}
#focus .p-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
#focus .p-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.8px;font-weight:500}
#focus .p-subtitle{color:var(--p-muted);font-size:11px;margin-top:6px}
#focus .p-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--p-soft);color:var(--p-ink);font-size:10px;font-weight:500}
#focus .p-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:21px}
#focus .p-periods{display:flex;gap:3px;flex-wrap:wrap;background:var(--p-paper);border:1px solid var(--p-line);padding:3px;border-radius:9px}
#focus .p-periods button{border:0;background:transparent;color:var(--p-muted);border-radius:6px;padding:7px 10px;font-size:11px}
#focus .p-periods button.active{background:var(--p-ink);color:var(--p-paper)}
#focus .p-select{border:1px solid var(--p-line);border-radius:8px;background:var(--p-paper);color:var(--p-ink);padding:9px 11px;font-size:11px;max-width:100%}
#focus .p-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
#focus .p-dates label{font-size:11px;color:var(--p-muted)}
#focus .p-dates input{padding:6px;border:1px solid var(--p-line);background:var(--p-paper);color:var(--p-ink);border-radius:6px;max-width:145px}
#focus .p-error{color:light-dark(#a73525,#ffaf9f);font-size:11px}
#focus .p-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
#focus .p-stat{min-width:0;background:var(--p-paper);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:18px}
#focus .p-stat-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--p-muted);font-size:11px}
#focus .p-stat-value{font:500 27px/1.3 'DM Sans','Golos Text',sans-serif;letter-spacing:-.9px;font-variant-numeric:tabular-nums;margin:10px 0 4px;white-space:nowrap}
#focus .p-stat-note{font-size:10px;color:var(--p-muted)}
#focus .p-panel{border:1px solid var(--p-line);border-radius:var(--p-radius);padding:20px;background:var(--p-paper);min-width:0;margin-bottom:16px}
#focus .p-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
#focus .p-panel-head h3{font-size:13px;font-weight:500}
#focus .p-panel-head span{font-size:10px;color:var(--p-muted)}
#focus .p-chart{position:relative;width:100%;min-width:0;height:172px}
#focus .p-chart svg{display:block;width:100%;height:100%;overflow:visible}
#focus .p-chart-tip{position:absolute;pointer-events:none;z-index:4;white-space:nowrap;background:var(--p-ink);color:var(--p-paper);padding:7px 10px;border-radius:7px;font-size:11px;top:0;box-shadow:0 3px 12px #0002}
#focus .p-table-wrap{overflow-x:auto}
#focus .p-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;color:var(--p-ink)}
#focus .p-table th{color:var(--p-muted);font-weight:400;padding:0 0 11px;font-size:10px;white-space:nowrap}
#focus .p-table td{border-top:1px solid var(--p-line);padding:13px 0;vertical-align:middle}
#focus .p-table th:not(:first-child),#focus .p-table td:not(:first-child){text-align:right;padding-left:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
#focus .p-key-name{display:flex;gap:9px;align-items:center;color:var(--p-ink);background:transparent;border:0;padding:0;font-size:12px;text-align:left}
#focus .p-key-mark{width:28px;height:28px;border-radius:8px;background:var(--p-soft);display:grid;place-items:center}
#focus .p-key-code{font:10px 'IBM Plex Mono',monospace;color:var(--p-muted);display:block;margin-top:3px}
#focus .p-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--p-muted);padding-top:2px}
#focus .p-token-bar{display:flex;height:9px;gap:3px;border-radius:5px;overflow:hidden;margin:18px 0 12px;background:var(--p-soft)}
#focus .p-token-bar span:first-child{background:var(--p-accent)}
#focus .p-token-bar span:last-child{background:var(--p-second)}
#focus .p-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;color:var(--p-muted)}
#focus .p-breakdown strong{display:block;color:var(--p-ink);font:500 19px 'DM Sans',sans-serif;margin-top:5px;font-variant-numeric:tabular-nums}
#focus .p-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--p-accent);margin-right:5px}
#focus .p-dot.output{background:var(--p-second)}
#focus .p-link{background:transparent;border:0;padding:0;color:var(--p-ink);font-size:11px;text-decoration:underline;text-underline-offset:4px}
#focus .p-split{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}
#focus .p-split>div{min-width:0}
#focus .p-numbers-strip{display:flex;justify-content:space-between;gap:22px;margin-bottom:25px;padding-bottom:23px;border-bottom:1px solid var(--p-line);flex-wrap:wrap}
#focus .p-numbers-strip .p-stat{border:0;padding:0;background:transparent}
#focus .p-numbers-strip .p-stat-value{font-size:34px}
/* 02: telemetry strip, broad graph, technical lower register. */
#focus .skin-2 .p-brand{font-family:'IBM Plex Mono',monospace;font-size:17px}
#focus .skin-2 .p-logo{border-radius:3px}
#focus .skin-2 .p-main{padding:30px}
#focus .p-console-status{font:10px 'IBM Plex Mono',monospace;letter-spacing:1px;color:var(--p-muted);display:flex;gap:18px;flex-wrap:wrap;margin-bottom:25px}
#focus .skin-2 .p-chart{height:204px}
#focus .skin-2 .p-stat-value{font-family:'IBM Plex Mono',monospace;font-size:29px}
#focus .skin-2 .p-panel{background:transparent}
/* 03: financial summary and an itemized receipt. */
#focus .p-money-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;background:var(--p-soft);border-radius:var(--p-radius);padding:27px;margin-bottom:22px}
#focus .p-money-hero .p-large{font:500 63px/1.1 'DM Sans',sans-serif;letter-spacing:-3px;margin:17px 0}
#focus .p-receipt{border-left:1px solid var(--p-line);padding-left:25px;display:flex;flex-direction:column;justify-content:center;gap:15px}
#focus .p-receipt-row{display:flex;justify-content:space-between;gap:12px;font-size:12px}
#focus .p-receipt-row span{color:var(--p-muted)}
#focus .p-receipt-total{border-top:1px solid var(--p-line);padding-top:12px}
#focus .p-inline-metrics{display:flex;gap:25px;flex-wrap:wrap}
#focus .p-inline-metrics strong{display:block;font:500 21px 'DM Sans',sans-serif}
/* 04: spacious typographic report, no card grid. */
#focus .skin-4 .p-header{border-bottom:1px solid var(--p-ink)}
#focus .skin-4 .p-brand{font:500 23px 'Lora',serif}
#focus .skin-4 .p-logo{border-radius:0;font-family:'Lora',serif}
#focus .skin-4 .p-main{padding:28px 37px}
#focus .p-editorial-title{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--p-line);padding-bottom:20px;margin-bottom:22px}
#focus .p-editorial-title h2{font:400 43px/1.12 'Lora',serif;letter-spacing:-1.4px}
#focus .p-editorial-title .p-issue{font:11px/1.8 'IBM Plex Mono',monospace;text-align:right;color:var(--p-muted)}
#focus .skin-4 .p-stat-value{font-family:'Lora',serif;font-size:36px;font-weight:400}
#focus .skin-4 .p-panel{padding:0;border:0;margin-bottom:22px}
#focus .skin-4 .p-panel-head h3{font-family:'Lora',serif;font-size:18px}
#focus .skin-4 .p-tools{border-bottom:1px solid var(--p-line);padding-bottom:20px}
/* 05: bento composition, token ring as the primary figure. */
#focus .p-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:18px}
#focus .p-bento .p-panel,#focus .p-bento .p-stat{margin:0}
#focus .p-orbit{grid-row:span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--p-soft)!important}
#focus .p-donut{position:relative;width:168px;height:168px;border-radius:50%;display:grid;place-items:center;margin:16px 0;background:conic-gradient(var(--p-accent) 0 var(--share),var(--p-second) var(--share) 100%)}
#focus .p-donut:before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--p-soft)}
#focus .p-donut-value{position:relative;text-align:center;font:500 31px 'DM Sans',sans-serif;letter-spacing:-1px}
#focus .p-donut-value small{display:block;font:11px 'Golos Text',sans-serif;margin-top:4px;color:var(--p-muted);letter-spacing:0}
#focus .p-bento-chart{grid-column:span 2}
#focus .p-bento-chart .p-chart{height:116px}
#focus .skin-5 .p-header{padding:19px 24px;background:transparent;border:0}
#focus .skin-5 .p-main{padding:9px 24px 25px}
/* 06: compact data workspace. */
#focus .skin-6 .p-shell{grid-template-columns:72px minmax(0,1fr)}
#focus .skin-6 .p-sidebar{padding:23px 12px;align-items:center}
#focus .skin-6 .p-sidebar .p-brand-label,#focus .skin-6 .p-sidebar-caption,#focus .skin-6 .p-sidebar .p-account{display:none}
#focus .skin-6 .p-sidebar .p-nav button{flex-direction:column;gap:5px;padding:9px 3px;font-size:9px;border-radius:3px}
#focus .skin-6 .p-main{padding:23px}
#focus .skin-6 .p-heading h2{font:500 21px 'IBM Plex Mono',monospace}
#focus .skin-6 .p-stats{gap:0;border:1px solid var(--p-line);margin-bottom:0}
#focus .skin-6 .p-stat{border:0;border-right:1px solid var(--p-line);border-radius:0;padding:15px}
#focus .skin-6 .p-stat:last-child{border:0}
#focus .skin-6 .p-stat-value{font:400 26px 'IBM Plex Mono',monospace}
#focus .skin-6 .p-panel{border:0;border-bottom:1px solid var(--p-line);padding:19px 0;margin:0}
#focus .skin-6 .p-chart{height:140px}
#focus .skin-6 .p-table td{padding:10px 0}
/* 07: daily journal beside a narrow summary. */
#focus .p-journal{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(190px,1fr);gap:25px}
#focus .p-journal-summary .p-stat{margin-bottom:12px}
#focus .p-journal-summary .p-stat-value{font-size:30px}
#focus .p-day{margin-bottom:22px}
#focus .p-day-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
#focus .p-day-head h3{font-size:12px;font-weight:500}
#focus .p-day-head span{font-size:10px;color:var(--p-muted)}
#focus .p-event{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--p-paper);padding:14px;border-bottom:1px solid var(--p-line)}
#focus .p-event:first-of-type{border-radius:var(--p-radius) var(--p-radius) 0 0}
#focus .p-event:last-child{border-bottom:0;border-radius:0 0 var(--p-radius) var(--p-radius)}
#focus .p-event p{font-size:11px;font-weight:500}
#focus .p-event small{font-size:10px;color:var(--p-muted)}
#focus .p-event-number{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
#focus .p-event-number small{display:block}
/* 08: blue studio wing, separate white work surface. */
#focus .p-studio{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:710px}
#focus .p-studio-wing{background:light-dark(#204e96,#15305a);color:#f4f7ff;padding:30px 25px;display:flex;flex-direction:column;gap:31px}
#focus .p-studio-wing .p-logo{background:#d2e5ff;color:#204e96}
#focus .p-studio-wing .p-nav{display:flex;flex-direction:column;gap:8px}
#focus .p-studio-wing .p-nav button{color:#bdceeb;padding:10px}
#focus .p-studio-wing .p-nav button.active{background:#ffffff1c;color:#fff}
#focus .p-studio-wing .p-muted{color:#bcd0ee;font-size:11px}
#focus .p-wing-total{font:400 49px 'DM Sans',sans-serif;letter-spacing:-2px;margin:12px 0}
#focus .p-wing-bottom{margin-top:auto;border-top:1px solid #ffffff24;padding-top:20px}
#focus .p-studio .p-main{padding:28px 24px}
#focus .p-studio .p-stats{grid-template-columns:1fr 1fr}
#focus .p-studio .p-stat-value{font-size:27px}
/* 09: keys are first-class, followed by a compact aggregate. */
#focus .p-key-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
#focus .p-key-card{background:var(--p-paper);border:1px solid var(--p-line);border-radius:var(--p-radius);padding:18px;text-align:left;color:var(--p-ink);min-width:0}
#focus .p-key-card.selected{border-color:var(--p-accent);box-shadow:inset 0 0 0 1px var(--p-accent)}
#focus .p-key-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}
#focus .p-key-card h3{font-size:14px;font-weight:500}
#focus .p-key-card .p-key-price{font:500 31px 'DM Sans',sans-serif;letter-spacing:-1px;margin:14px 0 3px}
#focus .p-key-card .p-key-meta{font-size:10px;color:var(--p-muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
#focus .p-key-card .p-mini-bars{display:flex;gap:5px;height:42px;align-items:flex-end;margin:16px 0}
#focus .p-key-card .p-mini-bars span{background:var(--p-second);flex:1;border-radius:2px 2px 0 0}
#focus .p-key-card .p-mini-bars span:last-child{background:var(--p-accent)}
/* 10: one figure, one graph, one small key list. */
#focus .skin-10 .p-header{border:0;padding:23px 30px}
#focus .p-focus{max-width:640px;margin:auto;padding:16px 20px 32px;text-align:center}
#focus .p-focus .p-tools{justify-content:center}
#focus .p-focus-tabs{display:flex;justify-content:center;gap:20px;margin:25px 0 14px;flex-wrap:wrap}
#focus .p-focus-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 2px;color:var(--p-muted);font-size:12px}
#focus .p-focus-tabs button.active{color:var(--p-ink);border-color:var(--p-accent)}
#focus .p-focus-total{font:400 76px/1.15 'DM Sans',sans-serif;letter-spacing:-3.5px;font-variant-numeric:tabular-nums}
#focus .p-focus .p-chart{height:175px;margin:20px 0 25px;text-align:left}
#focus .p-focus .p-panel{border:0;padding:0;text-align:left;margin-top:26px}
#focus .p-focus-bottom{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:var(--p-muted)}
#focus .p-focus-bottom strong{display:block;font-size:18px;color:var(--p-ink);font-weight:500;margin-bottom:5px}
#focus .p-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#focus .p-detail-grid .p-stat-value{font-size:32px}
#focus .p-key-detail-list{display:grid;gap:13px}
#focus .p-key-detail{display:grid;grid-template-columns:minmax(130px,1fr) 1fr auto;gap:20px;align-items:center;padding:20px;background:var(--p-paper);border:1px solid var(--p-line);border-radius:var(--p-radius)}
#focus .p-key-detail h3{font-size:14px;font-weight:500}
#focus .p-key-detail .p-key-stat{font-size:12px}
#focus .p-key-detail .p-key-stat small{display:block;font-size:10px;color:var(--p-muted);margin-top:4px}
/* Miniatures express the composition instead of reducing tiny UI text. */
#focus .rg-preview{height:204px;padding:17px;position:relative;overflow:hidden;pointer-events:none}
#focus .m-window{height:100%;border:1px solid var(--p-line);border-radius:7px;display:flex;overflow:hidden;background:var(--p-bg)}
#focus .m-side{width:19%;background:var(--p-paper);border-right:1px solid var(--p-line);padding:13px 8px;display:flex;flex-direction:column;gap:10px}
#focus .m-side i{height:5px;width:80%;border-radius:2px;background:var(--p-line)}
#focus .m-side i:first-child{background:var(--p-accent);width:42%;height:9px;margin-bottom:8px}
#focus .m-content{flex:1;min-width:0;padding:13px;display:flex;flex-direction:column;gap:9px}
#focus .m-top{height:8px;width:32%;border-radius:2px;background:var(--p-ink);opacity:.8}
#focus .m-stats{display:flex;gap:7px}
#focus .m-stat{height:35px;flex:1;background:var(--p-paper);border:1px solid var(--p-line);border-radius:5px;padding:7px}
#focus .m-stat:before{content:'';display:block;width:38%;height:3px;background:var(--p-muted);opacity:.5;margin-bottom:6px}
#focus .m-stat:after{content:'';display:block;width:58%;height:7px;background:var(--p-ink);opacity:.8}
#focus .m-chart{height:48px;padding:8px;background:var(--p-paper);border:1px solid var(--p-line);border-radius:5px;display:flex;align-items:flex-end;gap:4px;flex:1}
#focus .m-chart i{background:var(--p-accent);opacity:.65;flex:1;border-radius:2px 2px 0 0}
#focus .m-rows{display:flex;flex-direction:column;gap:6px}
#focus .m-row{height:5px;border-radius:2px;background:var(--p-line)}
#focus .m-row:nth-child(2){width:90%}
#focus .m-tiny-nav{height:19px;border-bottom:1px solid var(--p-line);display:flex;gap:10px;align-items:center;padding:5px 10px}
#focus .m-tiny-nav i{width:20px;height:3px;background:var(--p-muted);opacity:.5}
#focus .m-tiny-nav i:first-child{margin-right:auto;background:var(--p-accent);height:7px;width:30px;opacity:1}
#focus .m-vertical{flex-direction:column}
#focus .m-hero{background:var(--p-soft);border-radius:8px;padding:12px;height:67px;display:flex;justify-content:space-between;align-items:center}
#focus .m-large{font:500 30px 'DM Sans',sans-serif;letter-spacing:-1px;color:var(--p-ink)}
#focus .m-receipt{width:38%;display:flex;gap:7px;flex-direction:column}
#focus .m-receipt i{height:3px;background:var(--p-second)}
#focus .m-editorial{font:400 24px 'Lora',serif;border-bottom:1px solid var(--p-line);padding-bottom:6px}
#focus .m-bento{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:7px;flex:1}
#focus .m-ring-box{grid-row:span 2;background:var(--p-soft);border-radius:12px;display:grid;place-items:center}
#focus .m-ring{width:63px;height:63px;border:7px solid var(--p-accent);border-right-color:var(--p-second);border-radius:50%}
#focus .m-bento .m-chart{grid-column:span 2}
#focus .m-journal{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;flex:1}
#focus .m-feed{display:flex;flex-direction:column;gap:8px}
#focus .m-feed i{height:25px;background:var(--p-paper);border-radius:5px;border-left:4px solid var(--p-second)}
#focus .m-keygrid{display:flex;gap:7px;flex:1}
#focus .m-key{background:var(--p-paper);border:1px solid var(--p-line);border-radius:7px;flex:1;padding:10px 7px;display:flex;gap:12px;flex-direction:column}
#focus .m-key b{height:8px;width:20px;background:var(--p-soft)}
#focus .m-key i{height:6px;background:var(--p-ink);width:65%;opacity:.7}
#focus .m-key span{height:22px;background:linear-gradient(0deg,var(--p-soft),transparent);border-bottom:2px solid var(--p-accent)}
#focus .m-focus{align-items:center;gap:8px}
#focus .m-focus .m-chart{width:72%;border:0;max-height:47px;background:transparent}
#focus .m-focus .m-rows{width:65%}
#focus .skin-8 .m-side{background:#204e96;width:30%;border:0;padding:15px 11px}
#focus .skin-8 .m-side i{background:#bdd4fc}
#focus .skin-8 .m-side .m-large{color:#fff;font-size:26px;margin-top:15px}
#focus .skin-6 .m-side{width:10%}
#focus .skin-4 .m-chart,#focus .skin-4 .m-stat{border:0;background:transparent;padding:4px}
#focus .skin-2 .m-stats .m-stat{border:0;background:transparent;padding:4px}
#focus .skin-2 .m-chart{border:0;background:linear-gradient(0deg,#292039,transparent);border-bottom:1px solid var(--p-line)}
#focus .p-compact .p-main{padding:19px}
#focus .p-compact .p-panel,#focus .p-compact .p-stat{padding:14px}
@media(min-width:1150px){#focus .rg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#focus .p-shell{grid-template-columns:1fr}#focus .p-sidebar{padding:16px 20px;border-right:0;border-bottom:1px solid var(--p-line);flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px}#focus .p-sidebar .p-nav{flex-direction:row;gap:0}#focus .p-sidebar-caption,#focus .p-sidebar .p-account{display:none}#focus .p-main{padding:22px}#focus .p-header{padding:17px 22px}#focus .p-header .p-account{display:none}#focus .p-studio{grid-template-columns:190px minmax(0,1fr)}#focus .p-studio-wing{padding:23px 18px}#focus .p-studio .p-main{padding:20px 16px}#focus .p-studio .p-stats{grid-template-columns:1fr}#focus .p-wing-total{font-size:38px}#focus .p-journal{grid-template-columns:minmax(0,1.6fr) minmax(165px,1fr)}#focus .skin-6 .p-shell{grid-template-columns:1fr}#focus .skin-6 .p-sidebar{padding:10px 20px}#focus .skin-6 .p-sidebar .p-brand-label{display:inline}#focus .skin-6 .p-sidebar .p-nav button{flex-direction:row;font-size:11px;padding:8px}#focus .p-bento{grid-template-columns:1fr 1fr}#focus .p-orbit{grid-row:span 2}#focus .p-bento-chart{grid-column:span 2}#focus .p-split{grid-template-columns:1fr}#focus .p-split .p-chart{height:155px}#focus .p-key-cards{gap:9px}#focus .p-key-card{padding:13px}}
@media(max-width:540px){#focus h1{font-size:25px}#focus .rg-grid{grid-template-columns:1fr}#focus .rg-preview{height:205px}#focus .rg-toolbar{gap:13px}#focus .rg-direction-actions{width:100%}#focus .rg-direction-actions .rg-primary{margin-left:auto}#focus .p-main,#focus .skin-2 .p-main,#focus .skin-4 .p-main,#focus .skin-6 .p-main{padding:18px 14px}#focus .p-header{padding:17px 15px;gap:13px}#focus .p-nav button{font-size:11px;padding:8px}#focus .p-nav button svg{display:none}#focus .p-stats{grid-template-columns:1fr}#focus .p-stat{padding:14px;display:grid;grid-template-columns:1fr auto;gap:5px}#focus .p-stat-value{font-size:26px;grid-column:2;grid-row:1 / span 2;margin:0;align-self:center}#focus .p-stat-note{grid-column:1}#focus .p-heading h2{font-size:24px}#focus .p-tools{gap:10px}#focus .p-periods{width:100%;justify-content:space-between}#focus .p-periods button{padding:7px 8px;font-size:10px}#focus .p-money-hero{grid-template-columns:1fr;gap:20px;padding:21px}#focus .p-money-hero .p-large{font-size:56px}#focus .p-receipt{border-left:0;border-top:1px solid var(--p-line);padding:18px 0 0}#focus .p-journal{display:flex;flex-direction:column-reverse;gap:10px}#focus .p-journal-summary .p-stat-value{font-size:25px}#focus .p-journal-summary .p-panel{display:none}#focus .p-studio{grid-template-columns:1fr}#focus .p-studio-wing{gap:18px;padding:22px}#focus .p-studio-wing .p-nav{flex-direction:row;gap:1px}#focus .p-studio-wing .p-wing-bottom{display:none}#focus .p-wing-total{font-size:46px;margin:6px 0}#focus .p-key-cards{grid-template-columns:1fr}#focus .p-key-card{display:grid;grid-template-columns:1fr auto;padding:16px;align-items:center;gap:5px 18px}#focus .p-key-card-top{margin:0}#focus .p-key-card .p-key-price{grid-column:2;grid-row:1 / span 2;margin:0;font-size:27px}#focus .p-key-card .p-mini-bars{grid-column:1 / span 2;height:28px;margin:8px 0}#focus .p-key-card .p-key-meta{grid-column:1 / span 2}#focus .p-key-card .p-subtitle{grid-column:1}#focus .p-bento{grid-template-columns:1fr}#focus .p-bento-chart{grid-column:auto}#focus .p-orbit{grid-row:auto}#focus .p-orbit .p-donut{width:155px;height:155px}#focus .p-editorial-title h2{font-size:33px}#focus .p-editorial-title{align-items:flex-start}#focus .p-editorial-title .p-issue{font-size:10px}#focus .p-numbers-strip{display:grid;grid-template-columns:1fr;gap:15px}#focus .p-numbers-strip .p-stat-value{font-size:30px}#focus .skin-6 .p-stats{grid-template-columns:1fr}#focus .skin-6 .p-stat{border-right:0;border-bottom:1px solid var(--p-line)}#focus .p-detail-grid{grid-template-columns:1fr}#focus .p-key-detail{grid-template-columns:1fr auto;gap:12px;padding:16px}#focus .p-key-detail .p-key-stat{grid-column:1}#focus .p-key-detail .p-link{grid-column:2;grid-row:1 / span 2}#focus .p-focus{padding:10px 14px 25px}#focus .p-focus-total{font-size:60px}#focus .p-focus-tabs{gap:18px}#focus .p-focus-bottom{gap:24px}#focus .p-panel{padding:15px}#focus .p-bento .p-orbit{padding:20px}#focus .portal{min-height:0}#focus .p-footer{font-size:10px}}
@media(pointer:coarse){#focus button,#focus .p-select{min-height:44px}#focus .p-select,#focus .p-dates input{font-size:16px}#focus .p-periods{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#focus *{transition:none!important}}
html{color-scheme:light dark;background:light-dark(#f5f7f7,#171c1e)}
body{margin:0;padding:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button{cursor:pointer}
#focus{max-width:1100px;margin:auto}
#focus .brand-slash{font-weight:400;opacity:.45}
#focus .portal{min-height:640px}
#focus .p-user{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--p-muted);font-size:11px}
#focus .customer-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#focus .p-focus{max-width:760px;padding-bottom:28px}
#focus .p-model{max-width:260px}
#focus .key-chip{padding:8px 12px;border-radius:8px;background:var(--p-soft);color:var(--p-ink);font-size:11px}
#focus .p-chart{height:180px}
#focus .p-key-code{font-family:monospace}
#focus .p-footer{margin-top:22px;font-size:11px;text-align:left}
#focus .partial-mark{font-size:35px;vertical-align:super}
#focus .detail-main{max-width:960px;margin:auto}
#focus .model-costs{margin-top:22px}
#focus .model-costs td:first-child{overflow-wrap:anywhere;min-width:120px}
#focus .source-note{font-size:12px;color:var(--p-muted);line-height:1.6}
#focus .source-note a{color:var(--p-ink)}
#focus .p-table{font-size:12px}
#focus .p-table th{font-size:11px}
#focus .p-key-name{overflow-wrap:anywhere}
#focus .p-table-wrap{overscroll-behavior-x:contain}
#focus .loading-panel{padding:90px 20px;text-align:center;color:var(--p-muted);font-size:13px}
#focus .data-error{padding:14px;border-radius:12px;background:light-dark(#fff0ea,#402a22);color:light-dark(#923f20,#ffc5a9);font-size:12px;text-align:left;margin:14px 0}
#focus .login-panel{max-width:430px;margin:65px auto;padding:35px;background:var(--rg-paper);color:var(--rg-ink);border:1px solid var(--rg-line);border-radius:22px}
#focus .login-panel .p-logo{background:light-dark(#3b887b,#88c4b1);color:light-dark(#fff,#1c2224)}
#focus .login-panel h1{font:500 32px/1.2 system-ui,sans-serif;letter-spacing:-1.2px;margin:32px 0 17px}
#focus .login-intro{color:var(--rg-muted);font-size:14px;margin-bottom:25px}
#focus #login-form{display:flex;flex-direction:column;gap:10px}
#focus #login-form label{font-size:12px;margin-top:14px}
#focus #api-key{width:100%;min-height:46px;padding:12px;border-radius:9px;border:1px solid var(--rg-line);color:var(--rg-ink);background:var(--rg-bg);font-size:16px}
#focus .login-submit{margin-top:5px;padding:13px;min-height:46px;border:0;border-radius:9px;background:var(--rg-ink);color:var(--rg-paper);font-weight:500}
#focus .login-help{font-size:12px;color:var(--rg-muted);line-height:1.6;margin-top:20px}
#focus .form-error{font-size:12px;color:light-dark(#a43825,#ffbcac);margin-top:15px;line-height:1.6}
#focus button:disabled{cursor:wait;opacity:.6}
@media(max-width:600px){body{padding:10px}#focus .p-user{width:100%;justify-content:flex-end}#focus .customer-name{margin-right:auto}#focus .p-focus{padding:8px 15px 22px}#focus .p-focus-total{font-size:59px}#focus .p-focus-bottom{gap:22px}#focus .p-model{max-width:100%}#focus .login-panel{margin:25px auto;padding:25px}#focus .portal{min-height:0}#focus .p-dates input{font-size:14px}#focus .p-header{padding:19px 16px}}
/* Selected button gallery variants: theme 10, logout 4, apply 3, refresh 4,
   all keys 7, statistics 9, retry 1, key name 7. */
#focus .p-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;max-width:100%;padding:9px 14px;border:1px solid transparent;border-radius:9px;background:var(--p-paper);color:var(--p-ink);font-size:12px;font-weight:500;line-height:1.25;text-decoration:none;text-align:left;vertical-align:middle;transition:transform .15s,box-shadow .15s}
#focus .p-action span{min-width:0;overflow-wrap:anywhere;color:inherit;font:inherit}
#focus .p-action-icon{display:block;width:16px;height:16px;flex:0 0 16px}
#focus .p-action-solid{background:var(--p-ink);color:var(--p-paper)}
#focus .p-action-pill{border-radius:99px;padding-inline:17px}
#focus .p-action-red{background:light-dark(#fcf0ed,#482e2b);color:light-dark(#a4453c,#ffb3a8)}
#focus .p-action-amber{background:light-dark(#faf2df,#40382a);color:light-dark(#80591e,#edd399)}
#focus .p-action:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 3px 9px light-dark(#23463712,#00000035)}
#focus .p-action:not(:disabled):active{transform:translateY(1px);box-shadow:none}
#focus .p-action:disabled{transform:none;box-shadow:none}
#focus .data-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(pointer:coarse){#focus .p-action{min-height:44px}}