:root { --steel:#5980a6; --deep:#3d5f82; --ink:#1d1f20; --paper:#f2f2f3; --line:#d9dddf; --muted:#4f585e; --white:#fff; --font:"Source Sans 3",sans-serif; }
.app-header{min-height:66px;background:#fff;border-bottom:1px solid var(--line);padding:0 4vw;display:flex;align-items:center;gap:28px}.app-header .brand{margin:0;font-size:25px}.app-header nav{display:flex;gap:4px;flex:1}.app-header nav a{padding:8px 10px;font-weight:600;color:var(--muted)}.app-header nav a.active{background:#e6edf3;color:var(--ink)}.user-menu{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.app-version{font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);white-space:nowrap}.auth-shell{max-width:520px;margin:12vh auto;padding:0 20px}.auth-shell .brand{margin:0 0 44px}.auth-shell h1{font-size:38px;line-height:1.03;letter-spacing:-1.5px;margin:0}.auth-shell .create-link{margin:0}@media(max-width:800px){.app-header{padding:14px 20px;align-items:flex-start;flex-wrap:wrap;gap:12px}.app-header nav{order:3;flex-basis:100%;overflow:auto}.user-menu span{display:none}}
.helper{color:var(--muted);font-size:14px;line-height:1.4;margin:14px 0}.account-identity{margin:0 0 20px;color:var(--muted)}
.domains{margin-top:44px}.domain-form{display:flex;align-items:end;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.domain-form label{flex:1;font-size:14px;font-weight:700}.domain-form input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid #aeb7bd;font:400 16px var(--font)}.domain-row{display:flex;justify-content:space-between;gap:18px;padding:18px 8px;border-bottom:1px solid var(--line);background:#fff}.domain-row b,.domain-row small{display:block}.domain-row small{margin-top:3px;color:var(--muted)}.dns-records{display:grid;gap:5px;margin-top:12px}.dns-records code{display:block;max-width:600px;overflow-wrap:anywhere;padding:7px 8px;background:#eef3f7;color:#304556;font:13px var(--font)}@media(max-width:800px){.domain-form,.domain-row{align-items:stretch;flex-direction:column}.domain-row>div:last-child{display:flex;gap:10px}}
.create-link input,.create-link select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #aeb7bd;background:#fff;font:400 16px var(--font)}.create-link label+label{margin-top:14px}.text-button{border:0;background:transparent;color:var(--deep);font:600 14px var(--font);cursor:pointer;padding:4px}.danger{color:#9a3030}.notice{color:var(--deep);font-weight:600}.notice.error{color:#9a3030}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label+label{margin-top:0}.destination{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line);background:#fff}.destination b,.destination small{display:block}.destination small{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.drag{cursor:grab;color:var(--muted);font-size:20px}.empty{color:var(--muted);padding:15px 8px}.back{display:block;color:var(--deep);font-weight:600;margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(29,31,32,.5);display:grid;place-items:center;padding:20px;z-index:2}.modal{background:#fff;width:min(500px,100%);padding:28px;border:1px solid var(--ink)}.modal h2{margin:0 0 22px}.modal label{display:block;font-weight:700;margin:14px 0}.pack{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;margin:0}.pack span{color:var(--muted)}#store-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}#store-list label+label{margin-top:0}@media(max-width:800px){.form-grid,#store-list{grid-template-columns:1fr}.destination{grid-template-columns:22px 1fr auto}.destination .danger{grid-column:3}.pack{grid-template-columns:1fr auto}.pack span{grid-column:1}.pack button{grid-column:2;grid-row:1/3}}

.create-link{background:#fff;border:1px solid var(--line);padding:28px 30px;margin-bottom:45px}.create-link h2{font-size:24px;margin:0 0 22px;letter-spacing:-.5px}.create-link label{font-size:14px;font-weight:700;display:block}.create-link input[type=url]{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #aeb7bd;font:400 16px var(--font)}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mode{border:1px solid var(--line);padding:14px;display:flex!important;gap:10px;cursor:pointer}.mode:has(input:checked){border-color:var(--deep);background:#eef3f7}.mode input{margin-top:4px}.mode b,.mode small{display:block}.mode small{color:var(--muted);font-weight:400;line-height:1.3;margin-top:2px}.form-actions{display:flex;gap:14px;align-items:center}.links-table{border-top:1px solid var(--line)}.links-table .section-heading span{color:var(--muted);font-size:14px}.table-head,.table-row{display:grid;grid-template-columns:1fr 120px 80px 70px;gap:15px;align-items:center}.table-head{padding:10px 8px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}.table-row{padding:15px 8px;border-bottom:1px solid var(--line)}.table-row:hover{background:#fff}.table-row b,.table-row small{display:block}.table-row small{color:var(--muted);font-size:13px}.table-row>span:last-child{font-size:14px;color:var(--deep);font-weight:600}.pill{font-size:12px;background:#e6edf3;color:#304556;padding:3px 7px;width:max-content}.pill.plain{background:#eee;color:#4f585e}@media(max-width:800px){.mode-row{grid-template-columns:1fr}.table-head{display:none}.table-row{grid-template-columns:1fr 85px}.table-row>span:nth-child(3){display:none}.table-row>span:last-child{grid-column:2;grid-row:1}}
*{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px} a{color:inherit;text-decoration:none} .shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:var(--white);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:baseline;gap:2px;font-size:27px;font-weight:700;letter-spacing:-1.4px;margin:0 10px 54px}.brand-mark{color:var(--deep);font-weight:900;font-size:35px;line-height:.5}nav{display:grid;gap:4px}.nav-item{color:#596166;border-left:2px solid transparent;padding:9px 10px;display:flex;align-items:center;gap:10px;font-weight:600}.nav-item:hover{color:var(--deep);background:#f4f7f9}.nav-item.active{border-left-color:var(--steel);color:var(--ink);background:#eef3f7}.nav-dot{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.nav-item.active .nav-dot{background:var(--steel);border-color:var(--steel)}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.domain-status{display:flex;gap:7px;align-items:center;margin-bottom:15px}.domain-status span{width:7px;height:7px;border-radius:50%;background:#a0a6a9}.sidebar-bottom p{margin:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:rgba(255,255,255,.62)}.topbar p{font-size:14px;color:var(--muted);margin:0}.account{border:0;background:var(--ink);color:white;width:32px;height:32px;border-radius:50%;font:600 12px var(--font)}.menu{display:none}.content{max-width:1150px;margin:0 auto;padding:56px 42px 72px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.kicker{font-size:12px;letter-spacing:.06em;color:var(--deep);font-weight:700;margin:0 0 6px;text-transform:uppercase}.page-intro h1{font-size:40px;line-height:1;margin:0;letter-spacing:-1.7px;font-weight:900}.lede{margin:9px 0 0;color:var(--muted);font-size:17px}.button{display:inline-flex;align-items:center;gap:16px;padding:10px 14px;font-weight:700;font-size:15px;white-space:nowrap;border:1px solid var(--ink)}.button.primary{background:var(--ink);color:white}.button.primary span{font-size:20px;line-height:.7}.button.secondary{border-color:var(--deep);color:var(--deep)}.credit-panel{background:var(--deep);color:#fff;padding:30px 34px;display:flex;justify-content:space-between;align-items:end;gap:50px}.credit-panel .kicker{color:#eaf2f7}.credit-number{font-size:56px;line-height:.95;letter-spacing:-2.4px;font-weight:900}.credit-number span{font-size:18px;letter-spacing:0;font-weight:600}.credit-note{margin:13px 0 0;color:#f1f6fa}.credit-action{width:270px;font-size:14px;color:#f1f6fa}.credit-track{height:5px;background:#7796b3;margin-bottom:10px}.credit-track span{display:block;height:100%;background:#fff}.credit-action p{margin:0 0 12px}.credit-action a{text-decoration:underline;text-underline-offset:3px;color:#fff;font-weight:600}.route-summary{padding:51px 0 42px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2,.setup h2{font-size:23px;letter-spacing:-.6px;line-height:1.05;margin:0;font-weight:700}.section-heading a{font-weight:600;color:var(--deep);font-size:14px;text-decoration:underline;text-underline-offset:3px}.route-grid{display:grid;grid-template-columns:270px 1fr;background:#fff;border:1px solid var(--line)}.route-total{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.route-total strong{font-size:42px;letter-spacing:-1.5px;line-height:1;font-weight:900}.route-total span{color:var(--muted);margin-top:8px;line-height:1.25}.country-list{padding:12px 27px;display:grid;gap:7px}.country-list>div{display:grid;grid-template-columns:28px 1fr 40px;align-items:center;gap:8px;position:relative;padding:4px 0 9px}.country-list i{height:2px;background:var(--steel);grid-column:2/4;width:var(--w);position:absolute;bottom:0}.flag{font-size:17px}.country-list b{font-size:14px;text-align:right}.country{font-size:15px}.two-column{display:grid;grid-template-columns:1fr 310px;gap:24px;padding-top:43px}.link-list{border-top:1px solid var(--line)}.link-list a{display:flex;align-items:center;gap:12px;padding:13px 3px;border-bottom:1px solid var(--line)}.link-list a:hover b{color:var(--deep)}.link-icon{width:26px;height:26px;background:#e6edf3;color:var(--deep);display:grid;place-items:center;font-weight:900;font-size:20px}.link-list b,.link-list small{display:block}.link-list b{font-size:16px}.link-list small{color:var(--muted);font-size:14px;margin-top:1px}.link-list em{margin-left:auto;font-style:normal;color:var(--deep);font-size:18px}.setup{border:1px solid #b7c9d9;background:#e6edf3;padding:25px;align-self:start}.setup h2{margin-bottom:11px}.setup p:not(.kicker){color:#304556;line-height:1.4;margin:0 0 20px}@media(max-width:800px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 20px;height:59px}.menu{display:block;border:0;background:transparent;font-size:21px}.content{padding:35px 20px}.page-intro{align-items:start;margin-bottom:30px;flex-direction:column}.page-intro h1{font-size:34px}.credit-panel{display:block;padding:25px}.credit-number{font-size:46px}.credit-action{width:auto;margin-top:28px}.route-grid,.two-column{grid-template-columns:1fr}.route-total{border-right:0;border-bottom:1px solid var(--line)}.two-column{gap:35px}.setup{max-width:none}.country-list{padding:12px 16px}.lede{font-size:16px}}