:root{color:#20242d;background:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ren9-brand: #d94c3d;--ren9-page: #f4f6f8;--ren9-card: #ffffff;--ren9-text: #20242d;--ren9-muted: #8b95a7;--ren9-border: #e7ebf0;--ren9-radius: 12px;--ren9-space: 16px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--ren9-page)}button,input{font:inherit}.app-shell{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.app-shell__bar{padding:calc(env(safe-area-inset-top) + 13px) 16px 13px;color:#fff;text-align:center;font-size:17px;font-weight:600;background:var(--ren9-brand)}.route-placeholder{padding:32px var(--ren9-space);text-align:center}.route-placeholder h1{margin:0;font-size:22px}.route-placeholder p{margin:12px 0 0;color:var(--ren9-muted);font-size:14px}.page-shell{min-height:100dvh;padding-bottom:calc(100px + env(safe-area-inset-bottom));background:var(--ren9-page)}.top-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;min-height:48px;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;color:#fff;background:var(--ren9-brand)}.top-bar strong{font-size:17px}.top-bar button{position:absolute;color:inherit;border:0;background:transparent}.top-bar__back{left:14px;font-size:32px;line-height:1}.top-bar__member{right:14px;font-size:13px}.issue-selector{display:flex;align-items:center;gap:9px;margin:12px 12px 10px;padding:11px 12px;color:#657184;border:1px solid #e0e5ec;border-radius:var(--ren9-radius);background:var(--ren9-card);font-size:13px}.issue-selector__dot{color:#19a957}.issue-selector__main{flex:1;min-width:0}.issue-selector small{display:block;margin-top:4px;color:var(--ren9-muted)}.issue-selector strong{color:var(--ren9-brand);white-space:nowrap;font-size:12px}.issue-selector button{margin-left:auto;color:var(--ren9-brand);border:0;background:transparent}.match-card{display:flex;gap:7px;align-items:center;margin:0 8px;padding:8px 0;border-bottom:1px solid var(--ren9-border);background:var(--ren9-card)}.match-card__meta{flex:0 0 115px;padding-left:7px;font-size:11px;color:var(--ren9-muted)}.match-card__meta strong,.match-card__meta b,.match-card__meta small{display:block}.match-card__meta strong{color:#606b7d;margin:2px 0}.match-card__meta b{margin-top:5px;font-size:12px;color:var(--ren9-text)}.match-card__meta i{color:var(--ren9-muted);font-style:normal;font-size:10px}.match-card__options{display:grid;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.match-card__options.goals{grid-template-columns:repeat(4,minmax(0,1fr))}.match-card__options.half{grid-template-columns:repeat(3,minmax(0,1fr))}.match-card__options button,.match-card__banker{min-height:40px;padding:2px;color:var(--ren9-text);border:1px dashed #cbd2dc;border-radius:7px;background:#fff;font-size:12px;font-weight:600}.match-card__options button.selected,.match-card__banker.selected{color:#fff;border-color:var(--ren9-brand);background:var(--ren9-brand)}.match-card__banker{flex:0 0 32px;min-height:32px;border-style:solid;border-radius:50%;color:#7b8594}.selection-footer{position:fixed;z-index:20;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ren9-border);background:#fff;box-shadow:0 -3px 12px #2026330d}.selection-footer small,.selection-footer span,.selection-footer strong{display:block}.selection-footer small,.selection-footer span{color:var(--ren9-muted);font-size:11px}.selection-footer strong{margin:2px 0;color:var(--ren9-brand);font-size:24px}.selection-footer button,.unlock-panel button{min-width:112px;min-height:44px;color:#fff;border:0;border-radius:7px;background:var(--ren9-brand);font-size:15px;font-weight:700}.selection-footer button:disabled{opacity:.45}.result-summary{margin:12px;padding:14px;border-radius:var(--ren9-radius);background:#fff;box-shadow:0 1px 5px #2026330d}.result-summary h2{margin:0;font-size:16px}.result-summary h2 small{padding:3px 8px;color:var(--ren9-brand);border-radius:12px;background:#fff0f2;font-size:11px;font-weight:400}.result-summary__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;color:var(--ren9-muted);text-align:center;font-size:11px}.result-summary__stats b{display:block;margin-top:4px;color:var(--ren9-text);font-size:14px}.result-summary__stats span:first-child b,.result-summary__stats span:nth-child(3) b{color:var(--ren9-brand)}.unlock-panel{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px;padding:14px;border:1px solid #f1d79c;border-radius:var(--ren9-radius);background:#fff7e9}.unlock-panel strong{color:#5a4524;font-size:15px}.unlock-panel p{margin:4px 0 0;color:#966b2a;font-size:12px}.unlock-panel button{min-width:94px;font-size:12px}.hero-panel{display:flex;gap:12px;align-items:center;margin:12px;padding:18px;overflow:hidden;border-radius:var(--ren9-radius);color:#fff;background:#202b3d}.hero-panel>b{display:grid;width:46px;height:46px;place-items:center;border-radius:10px;color:#202b3d;background:#f0c15d;font-size:28px;font-style:italic}.hero-panel h1{margin:0;font-size:17px}.hero-panel p{margin:5px 0 0;color:#cbd4e0;font-size:12px}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 12px 10px}.quick-links a{padding:9px 4px;color:var(--ren9-brand);border:1px solid #f0b3a9;border-radius:7px;background:#fff;text-align:center;text-decoration:none;font-size:12px}.match-list{padding-bottom:86px}.inline-error{margin:8px 12px;color:var(--ren9-brand);font-size:12px}.entry-list{margin:12px}.entry-list article{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px;padding:12px;border-radius:var(--ren9-radius);background:#fff}.entry-list span{color:var(--ren9-muted);font-size:12px}.entry-list code{grid-column:1 / -1;overflow-wrap:anywhere;color:var(--ren9-brand);font-size:14px}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px}.result-actions button{min-height:40px;color:var(--ren9-text);border:1px solid #d8e0ea;border-radius:7px;background:#fff;font-weight:700}.result-actions button:first-child{color:var(--ren9-brand);border-color:#f0b3a9}.result-actions button:disabled{color:var(--ren9-muted);border-color:#d8e0ea;opacity:.55}.ren9-result-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:12px;padding:4px;border-radius:8px;background:#edf0f5}.ren9-result-modes button{min-height:38px;color:#78869a;border:0;border-radius:6px;background:transparent;font-weight:700}.ren9-result-modes button.active{color:var(--ren9-brand);background:#fff;box-shadow:0 1px 3px #20263314}.ren9-reference-panel,.ren9-scheme-card,.ren9-single-card{margin:12px;padding:14px;border-radius:var(--ren9-radius);background:#fff}.ren9-reference-panel summary{color:var(--ren9-text);cursor:pointer;font-weight:700}.ren9-reference-panel__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:10px}.ren9-reference-panel__grid span{padding:5px 2px;color:var(--ren9-muted);border-radius:4px;background:#f1f3f6;text-align:center;font-size:11px}.ren9-reference-panel__grid span.banker{color:#fff;background:var(--ren9-brand)}.ren9-scheme-card header,.ren9-single-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ren9-scheme-card header strong,.ren9-single-card header strong{font-size:17px}.ren9-scheme-card header span{display:flex;gap:6px;align-items:center}.ren9-scheme-card header i,.ren9-single-card header b{padding:5px 8px;color:var(--ren9-brand);border-radius:14px;background:#fff0f2;font-style:normal;font-size:12px}.ren9-scheme-card header b{padding:7px 10px;color:#fff;border-radius:18px;background:var(--ren9-brand);font-size:13px}.ren9-classic-view{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:12px}.ren9-classic-view span{min-height:30px;padding:6px 2px;color:#6e7d92;border-radius:4px;background:#f0f2f5;text-align:center;font-size:12px;font-weight:700}.ren9-classic-view span.chosen{color:var(--ren9-brand);background:#fff0f2}.ren9-classic-label{grid-column:1 / -1;min-height:auto!important;padding:0!important;background:transparent!important;text-align:left!important}.ren9-table-view{overflow-x:auto;margin-top:12px}.ren9-table-head,.ren9-table-row{display:grid;grid-template-columns:repeat(14,minmax(28px,1fr));min-width:420px}.ren9-table-head span,.ren9-table-row span{padding:6px 2px;border:1px solid #dce2eb;text-align:center;font-size:10px}.ren9-table-head span{color:var(--ren9-muted)}.ren9-table-row span.chosen{color:var(--ren9-brand);font-weight:700}.ren9-single-card>p{margin:12px 0 6px;padding:8px;color:var(--ren9-brand);border-radius:6px;background:#fff2f0;font-size:12px}.ren9-single-row{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f4}.ren9-single-row>span{color:var(--ren9-muted);font-size:12px}.ren9-single-row code{overflow:hidden;color:var(--ren9-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ren9-pager{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;margin:12px}.ren9-pager button{min-width:34px;min-height:34px;color:var(--ren9-text);border:1px solid #d8e0ea;border-radius:6px;background:#fff}.ren9-pager button.active{color:#fff;border-color:var(--ren9-brand);background:var(--ren9-brand)}.ren9-pager button:disabled{color:#aeb8c6}.ren9-modal-mask{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#19202c85}.ren9-login-modal{width:min(100%,390px);padding:28px 22px 22px;border-radius:14px;background:#fff;box-shadow:0 12px 38px #141c2833}.ren9-login-modal h2{margin:0;text-align:center;font-size:23px}.ren9-login-modal p{margin:16px 0 28px;color:var(--ren9-muted);line-height:1.55}.ren9-login-modal button{width:100%;min-height:44px;border-radius:7px;font-weight:700}.ren9-login-modal__primary{color:#fff;border:0;background:var(--ren9-brand)}.ren9-login-modal__cancel{margin-top:10px;color:var(--ren9-muted);border:1px solid #d7dfe9;background:#fff}.orders-summary{margin:12px;padding:14px;border-radius:var(--ren9-radius);background:#fff}.orders-summary h1{margin:0;font-size:18px}.orders-summary h1 small{display:block;margin-top:5px;color:var(--ren9-muted);font-size:12px;font-weight:400}.orders-summary>div,.order-card__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}.orders-summary span,.order-card__metrics span{padding:8px 3px;border-radius:7px;color:var(--ren9-muted);background:var(--ren9-page);text-align:center;font-size:10px}.orders-summary b,.order-card__metrics b{display:block;margin-top:4px;color:var(--ren9-text);font-size:13px}.orders-list{padding-bottom:12px}.order-swipe{position:relative;margin:0 12px 9px;overflow:hidden;border-radius:var(--ren9-radius)}.order-card{position:relative;z-index:1;padding:14px;border-radius:var(--ren9-radius);background:#fff;transition:transform .18s ease}.order-swipe--open .order-card{transform:translate(-64px)}.order-card header{display:flex;justify-content:space-between;gap:8px;font-size:14px}.order-card header span{padding:3px 7px;border-radius:10px;color:#a06920;background:#fff3dd;font-size:11px}.order-swipe__delete{position:absolute;top:0;right:0;bottom:0;width:64px;color:#fff;border:0;background:var(--ren9-brand)}.load-state{padding:42px 12px;color:var(--ren9-muted);text-align:center}.pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;font-size:12px}.pager button,.export-actions button{padding:8px 12px;color:var(--ren9-brand);border:1px solid #f0b3a9;border-radius:6px;background:#fff}.pager button:disabled{opacity:.45}.export-actions{display:flex;gap:8px;margin:12px}.export-actions button{flex:1}.share-poster{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:12px;padding:14px;border-radius:var(--ren9-radius);color:#fff;background:#202b3d}.share-poster strong,.share-poster small{display:block}.share-poster small{max-width:210px;overflow:hidden;margin-top:4px;color:#cbd4e0;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.share-poster button,.share-create{padding:10px 14px;color:#fff;border:0;border-radius:7px;background:var(--ren9-brand);font-weight:700}.share-poster p{flex-basis:100%;margin:0;color:#f7cb72;font-size:12px}.share-create{display:block;width:calc(100% - 24px);margin:12px}.hero-panel{gap:14px;min-height:150px;margin:10px 10px 16px;padding:22px 26px;border-radius:12px}.hero-panel>b{flex:0 0 60px;width:60px;height:60px;border-radius:12px;font-size:36px}.hero-panel__eyebrow{display:block;margin-bottom:8px;color:#f5c55f;font-size:14px;font-weight:700}.hero-panel h1{font-size:22px}.hero-panel p{margin-top:8px;font-size:14px}.quick-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 10px 16px}.quick-links a,.quick-links button{min-height:38px;padding:7px 3px;color:var(--ren9-text);border:1px solid #dce3ed;border-radius:7px;background:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:700}.quick-links a:nth-last-child(-n+2){color:var(--ren9-brand);border-color:#f0aaa0}.match-list{padding-bottom:86px;background:#fff}.match-card{gap:6px;min-height:74px;margin:0;padding:8px 8px 8px 0;border-bottom-color:#edf0f4}.match-card__number{flex:0 0 20px;color:#7c8798;text-align:center;font-size:15px}.match-card__meta{flex:0 0 94px;min-width:0;padding-left:0}.match-card__meta strong{overflow:hidden;margin:0;color:#657184;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}.match-card__meta small{margin-top:5px;color:#7c8798;font-size:12px}.match-card__options button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:56px;overflow:hidden;padding:3px}.match-card__options button strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.match-card__options button small{color:var(--ren9-brand);font-size:11px;font-weight:700;line-height:1}.match-card__options button.selected small{color:#fff}.match-card__banker{flex:0 0 42px;width:42px;min-height:42px;font-size:13px}@media(max-width:360px){.hero-panel{padding:18px}.hero-panel>b{flex-basis:50px;width:50px;height:50px;font-size:30px}.hero-panel h1{font-size:19px}.hero-panel p,.quick-links a,.quick-links button{font-size:12px}.match-card__meta{flex-basis:76px}.match-card__options button strong{font-size:11px}.match-card__banker{flex-basis:34px;width:34px}}
