/* finesse · register=product · A=graphite+forest · B=650/400 · C=top-nav+wide-ledger · D=state-feedback · E=matte · SOUL=6 SPECTACLE=2 DENSITY=6 */
:root{--page:#f5f6f5;--surface:#fdfefd;--panel-2:#edf1ee;--ink:#202a26;--text:#45524b;--muted:#637269;--accent:#286448;--accent-hover:#205339;--accent-soft:#e5eee8;--on-accent:#fbfdfb;--line:#e1e7e2;--line-strong:#c9d4cc;--receipt:#234735;--receipt-line:#4b6a58;--c1:#2d6a4a;--c2:#71987f;--c3:#a3b4a7;--c4:#d5dfd7;--r:16px;--r-sm:9px;--shadow:0 2px 4px #223f2910,0 14px 35px -27px #1e382633;--nav-h:78px;--z-nav:40;--z-sticky:20}
html,body{overflow-x:clip}body{background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,.button{touch-action:manipulation}a,button{transition:color .16s,background-color .16s,border-color .16s,transform .16s}.button{min-height:44px;border-radius:9px;gap:8px;padding:10px 16px;font-weight:560;box-shadow:none}.button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.button.primary:hover{background:var(--accent-hover)}.button:active{transform:scale(.975)}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-header{height:var(--nav-h);position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:35px;padding:0 max(28px,calc((100vw - 1360px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.site-header .brand{padding:0;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.brand-symbol .icon{width:25px;height:25px}.site-header .brand>span:last-child{display:flex;align-items:baseline;gap:9px}.site-header .brand strong{font-size:23px;letter-spacing:-.06em;line-height:1}.site-header .brand small{font-size:12px;color:var(--muted);font-weight:450;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:3px;flex:1}.site-header nav button{padding:12px 13px;color:var(--muted);font-size:14px;border-radius:8px;background:transparent;border:0;min-height:44px}.site-header nav button:hover{background:var(--page);color:var(--ink)}.site-header nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.header-actions{display:flex;align-items:center;gap:15px}.header-actions .language{border:0;background:transparent;font-size:14px;min-height:44px;padding:7px}.header-actions .button{font-size:14px}.header-actions .button .icon{width:15px}.site-footer{max-width:1360px;margin:36px auto 0;padding:23px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.site-footer a{display:inline-flex;align-items:center;gap:8px}.site-footer .icon{width:13px;height:13px}.site-footer>span:first-child{color:var(--text);font-weight:550}
.home-shell{max-width:1200px;padding:0 26px}.home-main{padding-top:48px}.home-intro{align-items:center;margin-bottom:32px;gap:45px}.intro-label{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.035em}.home-intro h1{font-size:42px;line-height:1.22;letter-spacing:-.045em;font-weight:630;margin:17px 0 16px;max-width:760px}.home-intro p{font-size:16px;line-height:1.75;max-width:670px;color:var(--muted)}.home-note{display:grid;gap:17px;min-width:220px;padding:18px 0 18px 30px;border-left:1px solid var(--line)}.home-note span{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text)}.home-note .icon{width:17px;height:17px;color:var(--accent)}.selector-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;overflow:clip}.family-tabs{display:flex;gap:8px;padding:16px 23px;border-bottom:1px solid var(--line);background:var(--surface)}.family-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;font-size:15px;font-weight:550;padding:10px 22px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent}.family-tabs .icon{width:19px;height:19px}.family-tabs button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--line-strong)}.family-tabs button:hover{color:var(--accent)}.home-selector-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:355px}.home-drawing{background:var(--page);display:flex;flex-direction:column;min-width:0;padding:24px 28px;border-right:1px solid var(--line)}.drawing-caption,.drawing-footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.drawing-caption{font-size:13px}.drawing-caption>span:last-child{color:var(--accent);font-weight:600}.drawing-footer{margin-top:19px}.home-preview-image{width:100%;height:227px;display:block;border:0;background:transparent;padding:26px 12px;cursor:pointer}.home-preview-image .diagram-thumb{height:100%;width:100%;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.home-selection{padding:29px 34px;display:flex;flex-direction:column;min-width:0}.home-selection>label{font-size:14px;font-weight:550;color:var(--text);margin-bottom:8px}.home-selection select{width:100%;min-height:46px;background:var(--page);border-color:var(--line-strong);font-size:15px;padding:11px 12px;text-overflow:ellipsis;max-width:100%}.home-selection h2{font-size:21px;line-height:1.4;margin:24px 0 8px;font-weight:600;letter-spacing:-.025em}.home-selection p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.selection-facts{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:17px 0 23px}.home-go{justify-content:space-between;font-size:15px;margin-top:auto}.home-selection>small{font-size:12px;line-height:1.7;color:var(--muted);margin-top:11px}.home-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0}.home-bottom p{font-size:14px;color:var(--muted);margin:0}.home-bottom button{display:flex;align-items:center;gap:7px;font-size:14px;min-height:44px;text-decoration:none}.home-page .site-footer{max-width:1148px;margin-top:12px}
.main{max-width:1408px;padding:26px 26px 20px;margin:auto;min-width:0}.page-head{margin-bottom:24px;gap:25px;align-items:center}.page-head h1{font-size:27px;line-height:1.35;font-weight:630;letter-spacing:-.035em}.page-head p{max-width:870px;font-size:15px;line-height:1.7}.back-home{font-size:13px;margin:0 0 7px;line-height:1.4}.page-actions{gap:9px;display:flex}.calculator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.cable-switch{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);min-width:0}.cable-switch select{font-size:14px;min-height:44px;max-width:340px;width:300px;text-overflow:ellipsis}.audience-bar{margin:0;gap:15px;display:flex;align-items:center}.audience-bar .segments{background:var(--panel-2);padding:3px;border-radius:9px}.audience-bar .segments button{font-size:13px;min-height:38px;padding:8px 13px;border-radius:7px}.audience-bar .segments button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #223f2920}.help-button{font-size:13px;color:var(--muted);min-height:44px}.calculation-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin-bottom:26px;align-items:start}.selected-cable{margin:0;padding:24px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:23px;min-height:245px;align-items:center;border-color:var(--line);box-shadow:none;border-radius:16px}.selected-diagram{padding:0;width:150px;height:145px;background:var(--page);border-radius:12px}.selected-cable .cable-type{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--accent)}.selected-cable h2{font-size:17px;line-height:1.55;font-weight:600;margin:8px 0}.selected-cable p{font-size:14px;line-height:1.75}.spec-disclosure{margin-top:10px}.spec-disclosure summary{font-size:13px;min-height:36px;color:var(--accent)}.spec-disclosure[open]{grid-column:1/-1}.receipt{border-radius:16px;padding:24px 29px;min-height:245px;box-shadow:none;background:var(--receipt);color:var(--on-accent);border:1px solid var(--receipt)}.receipt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.receipt-label{font-size:13px;color:#ccddd1;line-height:1.7}.receipt .big-cost{margin:6px 0 17px;line-height:1.2;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.receipt .currency{font-size:16px;vertical-align:baseline;font-weight:450;color:#d6e6db}.receipt #main-total{font-size:38px;letter-spacing:-.045em;font-weight:580}.receipt .per-km{font-size:13px;color:#bdcfbf;letter-spacing:0}.result-icon{width:40px;height:40px;border:1px solid var(--receipt-line);display:grid;place-items:center;border-radius:12px;color:#bed5c4}.receipt-calculation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding-top:16px;border-top:1px solid var(--receipt-line)}.receipt-calculation>label,.receipt-calculation>div{font-size:12px;color:#ccddd1;display:flex;flex-direction:column;gap:7px}.receipt-calculation strong{font-size:24px;line-height:1.55;color:var(--on-accent);font-weight:560;word-break:break-word;font-variant-numeric:tabular-nums}.length-control{gap:8px;display:flex;align-items:center}.receipt .length-control input{width:100px;min-height:38px;background:#345c44;border:1px solid var(--receipt-line);color:var(--on-accent);border-radius:7px;padding:7px 9px;font-size:16px}.receipt-disclaimer{font-size:11px;color:#c0d3c6;line-height:1.65;margin:13px 0 0}
.material-panel{border-color:var(--line);border-radius:16px;box-shadow:none}.panel-heading{padding:22px 25px 20px;gap:20px;align-items:center}.panel-heading h2{font-size:18px;line-height:1.4}.panel-heading p{font-size:14px;color:var(--muted);margin:7px 0 0;line-height:1.6}.section-meta{font-size:13px;white-space:nowrap}.materials{min-width:0;width:100%}.materials th{font-size:13px;padding:13px 20px;background:var(--page);border-color:var(--line)}.materials th:first-child{width:36%;padding-left:25px}.materials th:nth-child(2){width:17%}.materials th:nth-child(3){width:10%}.materials th:nth-child(4){width:18%}.materials td{padding:17px 20px;height:83px;border-color:var(--line);background:transparent}.materials td:first-child{padding-left:25px}.materials tbody tr:hover{background:var(--page)}.materials th:nth-child(2),.materials th:nth-child(3),.materials th:nth-child(5){text-align:right}.materials td:nth-child(2),.materials td:nth-child(3),.materials td:nth-child(5){text-align:right}.materials .price-heading{min-width:155px}.price-heading>span{display:inline;margin:0 10px 0 0}.price-heading select{width:85px;min-height:36px;padding:5px;background:var(--accent-soft);color:var(--accent);border-color:var(--line-strong)}.materials .price-input input{width:118px;font-size:15px;border-color:var(--line-strong);background:var(--surface)}.price-input{min-width:150px;gap:9px}.price-input>span{color:var(--muted)}.unit-label{margin-top:4px;text-align:left}.material-name{font-size:15px;color:var(--ink)}.material-spec{font-size:12px;color:var(--muted);max-width:none}.materials input{border-color:var(--line-strong);background:var(--surface);min-height:42px}.line-total{font-size:16px;font-weight:580}.input-display{font-size:15px}.row-action{color:var(--muted)}.usage-pick{border:0;background:transparent;color:var(--accent);font-size:12px;display:block;margin:4px 0 0 auto;padding:2px 0;min-height:30px}.table-foot{padding:17px 25px;font-size:14px;background:var(--page);border-radius:0 0 16px 16px}.table-foot .text-link{display:flex;gap:7px;align-items:center;font-size:14px;text-decoration:none;min-height:44px}.table-foot strong{font-size:17px}.bottom-status{padding:13px 3px 0;font-size:12px;color:var(--muted)}.below-calculation{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:23px;margin-top:28px}.below-calculation .panel{padding:24px;border-color:var(--line);box-shadow:none;border-radius:16px}.breakdown h3,.contact-card h3{font-size:16px;line-height:1.5}.legend-row{grid-template-columns:10px minmax(0,1fr) auto 50px;font-size:14px}.legend-row strong{font-size:14px}.contact-card .button{width:auto;justify-content:center;font-size:14px}.contact-card>p{max-width:520px;font-size:15px;line-height:1.75}.contact-icon{background:var(--accent-soft);color:var(--accent)}.completion-notice{border:1px solid #e2cda0;background:#fbf7ed;border-radius:12px;margin-bottom:21px;box-shadow:none;padding:17px 21px}.completion-notice strong{font-size:14px}.completion-notice p{font-size:13px;line-height:1.7;margin:5px 0 0;max-width:880px}.completion-notice .button{font-size:13px;flex-shrink:0}.reference-controls{gap:22px;margin:25px 0 18px}.reference-controls .search{max-width:410px;min-height:44px;background:var(--surface)}.library-count{font-size:14px;color:var(--muted)}.reference-table{min-width:620px}.reference-table th{background:var(--page);font-size:13px}.reference-table td{font-size:14px;padding:16px 20px}.reference-table .source-ref{font-size:12px;color:var(--muted)}.reference-note{font-size:13px;line-height:1.7;padding:20px 24px}.reference-controls .segments{background:var(--panel-2)}.reference-controls .segments button.active{color:var(--accent)}.usage-options>div{display:flex;align-items:center;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.usage-options>div>span{flex:1;min-width:0}.usage-options strong{font-size:14px}.usage-options small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.usage-options b{font-size:14px;font-weight:500;text-align:right}.usage-options .button{font-size:13px;min-height:40px}.pending-list article{padding:13px 0;border-top:1px solid var(--line)}.pending-list h3{font-size:16px;display:flex;justify-content:space-between;gap:15px;line-height:1.6}.pending-list h3 span{font-size:12px;color:var(--muted);font-weight:450}.pending-list p{font-size:14px}.source-review{background:#fbf7ed;border-color:#e2cda0;color:#705923}.dialog-body .formula{background:var(--accent-soft);color:var(--accent)}.mobile-total{background:var(--surface);border-color:var(--line)}
@media(hover:hover) and (pointer:fine){.home-preview-image:hover .diagram-thumb{transform:scale(1.035)}}
@media(max-width:1150px){.site-header{padding:0 24px;gap:24px}.site-header .brand small{display:none}.site-header nav button{padding:10px;font-size:13px}.header-actions{gap:7px}.header-actions .button{padding:9px 12px;font-size:13px}.site-footer{margin-left:26px;margin-right:26px}.help-button{display:none}.selected-cable{grid-template-columns:112px minmax(0,1fr);gap:17px;padding:20px}.selected-diagram{width:112px;height:130px}.receipt{padding:23px}.materials td,.materials th{padding-left:14px;padding-right:14px}.materials .price-input input{width:95px}.price-input{min-width:129px}}
@media(max-width:850px){:root{--nav-h:118px}.site-header{height:var(--nav-h);flex-wrap:wrap;justify-content:space-between;align-content:center;row-gap:8px;padding:10px 23px}.site-header .brand{height:40px}.site-header nav{order:3;flex-basis:100%;justify-content:center;gap:8px}.site-header nav button{padding:8px 18px}.header-actions{margin-left:auto}.main{padding:24px 22px 100px}.calculation-overview{grid-template-columns:minmax(0,1fr);gap:16px}.selected-cable{grid-template-columns:170px minmax(0,1fr);min-height:0}.selected-diagram{width:170px;height:130px}.receipt{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:25px;align-items:center}.receipt-calculation{border:0;padding:0}.receipt .result-icon{display:none}.receipt .big-cost{margin-bottom:0}.receipt-disclaimer{grid-column:1/-1}.calculator-toolbar{flex-wrap:wrap;gap:13px}.audience-bar{margin-left:auto}.home-note{display:none}.home-main{padding-top:32px}.home-intro h1{font-size:38px}.home-selection{padding:24px}.home-drawing{padding:22px}.home-selector-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-preview-image{height:255px;padding:20px 0}.home-selection h2{font-size:19px}.home-bottom{align-items:flex-start;gap:10px;flex-direction:column}.below-calculation{grid-template-columns:minmax(0,1fr)}.materials{min-width:650px}.materials th:first-child{width:29%}.site-footer{flex-wrap:wrap;font-size:12px}.home-page .site-footer{margin-left:26px;margin-right:26px}}
@media(max-width:600px){:root{--nav-h:112px}.site-header{padding:9px 16px;row-gap:7px;column-gap:8px}.brand-symbol{width:30px;height:30px;border-radius:9px}.brand-symbol .icon{width:23px;height:23px}.site-header .brand strong{font-size:21px}.site-header nav{gap:3px;justify-content:space-between;min-width:0}.site-header nav button{font-size:12px;padding:7px 9px;min-height:40px;flex:1}.header-actions .button{display:none}.header-actions .language{font-size:13px;padding:7px 3px}.home-shell{padding:0 17px}.home-main{padding-top:25px}.home-intro{margin-bottom:24px}.home-intro h1{font-size:33px;line-height:1.2;margin:14px 0}.home-intro p{font-size:15px;line-height:1.75}.intro-label{font-size:12px}.selector-panel{border-radius:15px}.family-tabs{gap:3px;padding:10px}.family-tabs button{font-size:13px;padding:8px;gap:5px;flex:1;min-width:0;min-height:44px}.family-tabs .icon{display:none}.home-selector-body{grid-template-columns:minmax(0,1fr)}.home-drawing{padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.home-preview-image{height:157px;padding:14px 0}.drawing-footer{margin-top:0;font-size:11px}.drawing-caption{font-size:12px}.home-selection{padding:21px}.home-selection h2{font-size:18px;margin-top:20px}.home-selection p{font-size:14px}.home-selection select{font-size:14px}.selection-facts{margin:13px 0 19px;font-size:12px}.home-selection>small{font-size:12px}.home-bottom{padding:19px 0}.home-bottom p,.home-bottom button{font-size:13px}.site-footer{margin:20px 18px 0;padding:18px 0;gap:12px}.home-page .site-footer{margin-left:18px;margin-right:18px}.site-footer>span:nth-child(2){flex-basis:100%;order:3}.main{padding:20px 16px 110px}.page-head{align-items:flex-start;margin-bottom:20px;gap:15px;flex-direction:column}.page-head h1{font-size:23px}.page-actions{width:100%}.page-actions .button{font-size:13px;min-height:43px;padding:8px 12px}.page-actions .button:last-child{margin-left:auto}.calculator-toolbar{gap:13px}.cable-switch{width:100%;gap:8px;font-size:13px}.cable-switch select{width:100%;max-width:none;flex:1;min-width:0;font-size:13px}.audience-bar{margin-left:0;width:100%}.audience-bar .segments{width:100%;display:flex}.audience-bar .segments button{flex:1;font-size:13px}.selected-cable{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:18px;min-height:0}.selected-diagram{width:88px;height:110px;border-radius:8px}.selected-cable h2{font-size:15px;line-height:1.6}.selected-cable p{font-size:13px;line-height:1.75}.selected-cable .cable-type{font-size:11px}.spec-disclosure summary{font-size:12px}.receipt{display:block;padding:21px}.receipt-top{align-items:center}.receipt .big-cost{margin:9px 0 18px}.receipt #main-total{font-size:36px}.receipt-calculation{padding-top:15px;border-top:1px solid var(--receipt-line);gap:18px}.receipt-calculation strong{font-size:22px}.receipt-disclaimer{font-size:11px}.panel-heading{padding:20px 17px 15px;gap:13px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:13px;line-height:1.7}.section-meta{font-size:12px}.materials{min-width:0;display:block}.materials thead tr{padding:10px 17px;background:var(--page)}.materials .price-heading{min-width:0;gap:9px}.price-heading>span{margin:0;font-size:13px}.price-heading select{width:105px;min-height:42px}.materials tbody tr{padding:17px;gap:10px 13px;background:var(--surface)}.materials tbody td:nth-child(2),.materials tbody td:nth-child(3){text-align:left;flex-wrap:wrap;gap:7px}.materials tbody td:nth-child(5){font-size:19px}.materials .material-name{font-size:15px}.materials .material-spec{font-size:12px}.materials tbody .price-input{min-width:0;gap:7px}.materials tbody .price-input input{width:92px}.materials tbody input{width:72px;min-height:40px}.materials tbody input.quantity{width:49px}.usage-pick{width:100%;margin:0;text-align:left;font-size:12px;min-height:32px}.table-foot{padding:12px 17px;flex-wrap:wrap}.table-foot strong{font-size:15px}.table-foot .text-link{font-size:13px}.bottom-status{flex-wrap:wrap;gap:8px;font-size:11px}.below-calculation{margin-top:23px;gap:17px}.below-calculation .panel{padding:20px}.legend-row,.legend-row strong{font-size:13px}.contact-card>p{font-size:14px}.completion-notice{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.completion-notice strong{font-size:14px}.completion-notice p{font-size:13px}.completion-notice .button{align-self:flex-start}.reference-controls{flex-wrap:wrap;gap:13px}.reference-controls .search{width:100%;max-width:none}.reference-controls .segments{width:100%;display:flex}.reference-controls .segments button{font-size:12px;flex:1;padding:8px}.reference-controls .table-help{font-size:12px}.reference-note{padding:17px;font-size:12px}.usage-options>div{gap:9px;flex-wrap:wrap}.usage-options>div>span{flex-basis:100%}.usage-options .button{margin-left:auto}.pending-list h3{flex-wrap:wrap;font-size:15px}.source-specifications .spec-grid{grid-template-columns:minmax(0,1fr)}.spec-grid dd{font-size:13px}.source-specifications{padding:12px 0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.home-preview-image:hover .diagram-thumb{transform:none}}

.reference-version{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:13px 17px;background:var(--accent-soft);border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted)}.reference-version>div{display:flex;flex-wrap:wrap;gap:7px 15px}.reference-version strong{color:var(--accent);font-weight:550}.reference-version .text-link{display:flex;align-items:center;gap:5px;min-height:32px;white-space:nowrap;color:var(--accent);text-decoration:none;font-size:13px}.price-review label{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line);cursor:pointer}.price-review input{width:19px;height:19px;accent-color:var(--accent);flex-shrink:0}.price-review strong{font-size:14px}.price-review small{display:block;color:var(--muted);margin-top:5px}.reference-version .icon{width:14px;height:14px}@media(max-width:600px){.reference-version{align-items:flex-start;flex-direction:column;gap:5px;padding:13px 16px;line-height:1.7}.reference-version>div{flex-direction:column;gap:3px}}

.receipt{grid-row:auto;grid-column:auto}.reference-update{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:80;width:min(700px,calc(100% - 36px));padding:14px 18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border:1px solid var(--line-strong);border-radius:12px;display:flex;align-items:center;gap:20px;font-size:14px;line-height:1.6}.reference-update[hidden]{display:none}.reference-update .button{white-space:nowrap;font-size:13px}@media(max-width:600px){.reference-update{bottom:95px;flex-direction:column;gap:10px;align-items:stretch;font-size:13px}}