*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
        :root { --transition-duration: 0.3s; --transition-timing: cubic-bezier(0.4, 0, 0.2, 1); }
        @media (prefers-reduced-motion: reduce) { :root { --transition-duration: 0.01ms; } .shine::after, .quest.done::after { animation: none !important; } }

        [data-theme="light"] {
            --bg:#FAFAF8; --bg-elevated:#FFFFFF; --bg-card:#FFFFFF;
            --text:#1A1A1A; --text-secondary:#666; --text-dim:#6E6E6E; --text-dim-legible:#6E6E6E;
            --orange:#F7931A; --orange-text:#B45309; --on-orange:#000;
            --purple:#7C4DBA; --green:#34C759; --red:#FF3B30; --gold:#B8860B;
            --border:#E8E6E2; --radius:20px;
            --bg-nav:rgba(250,250,248,0.85); --shadow-card:0 4px 20px rgba(0,0,0,0.06); --shadow-card-hover:0 12px 40px rgba(0,0,0,0.10);
            --map-land:#e3dbcb; --map-stroke:#cfc6b4; --map-ocean:#f4f1ea;
        }
        [data-theme="dark"] {
            --bg:#110E0C; --bg-elevated:#1A1614; --bg-card:#1C1815;
            --text:#F0F0F0; --text-secondary:#999; --text-dim:#8C8C8C; --text-dim-legible:#8C8C8C;
            --orange:#F7931A; --orange-text:#F7931A; --on-orange:#000;
            --purple:#9B6ED0; --green:#3ecf8e; --red:#e5484d; --gold:#E0B12E;
            --border:#2A2520; --radius:20px;
            --bg-nav:rgba(17,14,12,0.85); --shadow-card:0 8px 32px rgba(0,0,0,0.4); --shadow-card-hover:0 20px 60px rgba(0,0,0,0.6);
            --map-land:#3a322a; --map-stroke:#0f0c08; --map-ocean:#14110c;
        }

        :root {
            --fs-display: clamp(34px, 5.2vw, 68px);
            --fs-h1: 32px; --fs-h2: 24px; --fs-h3: 20px;
            --fs-body: 16px; --fs-ui: 14px; --fs-meta: 13px; --fs-micro: 11px;
            --fs-num-xl: clamp(38px, 5vw, 48px); --fs-num-md: 28px;
            --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
            --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
            --r-card:20px; --r-control:12px; --r-inner:8px; --r-pill:999px;

            --tnum: "tnum" 1, "lnum" 1;
        }
        html { scroll-behavior: smooth; }
        @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
        body {
            background-color: var(--bg); color: var(--text);
            font-family: 'Inter', -apple-system, system-ui, sans-serif; font-size: var(--fs-body); line-height: 1.6;
            -webkit-font-smoothing: antialiased; overflow-x: hidden; min-height: 100vh;
            transition: background-color var(--transition-duration) var(--transition-timing), color var(--transition-duration) var(--transition-timing);
        }
        a { color: var(--orange-text); }
        .skip-link { position:absolute; left:0; transform:translateY(-150%); background:var(--orange); color:var(--bg); padding:8px 16px; text-decoration:none; z-index:100; border-radius:4px; }
        .skip-link:focus { transform:translateY(0); top:10px; }

        .starfish-geo {
          width: min(46vw, 520px); height: min(46vw, 520px);
          top: auto; left: auto; right: -8vw; bottom: -6vw; margin: 0;
          opacity: .05; animation: none;
        }
        [data-theme="dark"] .starfish-geo { opacity: .07; }

        main { padding-top:88px; position:relative; z-index:1; }

        .wrap { max-width:min(1340px, 94vw); margin:0 auto; padding:clamp(26px,5vh,48px) clamp(14px,3vw,24px) 40px; }

        #login { margin-inline:auto; padding-top:var(--sp-6); }

        h1 { font-family:'Playfair Display',serif; font-style:italic; font-weight:400; font-size:var(--fs-display); letter-spacing:-0.02em; line-height:1.05; margin:0; text-wrap:balance; }
        #dash h1 { font-size:var(--fs-h1); }
        #typed-text { font-style:italic; color:var(--orange-text); }
        h2 { font-family:'Playfair Display',serif; font-weight:600; font-size:var(--fs-h2); margin:0; }
        .widget h2, .p-card h2 { font-family:'Inter',-apple-system,system-ui,sans-serif; font-size:var(--fs-h3); font-weight:600; }
        .section { margin-top:30px; }
        .section-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:13px; flex-wrap:wrap; }
        .sub { color:var(--text-secondary); margin:0 0 26px; }
        .p-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow-card); }

        .hero { text-align:center; max-width:min(720px, 92vw); margin:0 auto var(--sp-7); }
        .hero-sub { color:var(--text-secondary); font-size:var(--fs-body); line-height:1.6;
                    max-width:52ch; margin:var(--sp-4) auto 0; text-wrap:balance; }

        .hero-stats { display:flex; justify-content:center; flex-wrap:wrap; gap:var(--sp-4) var(--sp-7);
                      list-style:none; margin:var(--sp-6) 0 0; padding:0; }
        .hero-stats li { display:flex; flex-direction:column; align-items:center; gap:var(--sp-1); min-width:9ch; }
        .hero-stats b { font-size:var(--fs-num-md); font-weight:600; line-height:1; letter-spacing:-0.02em;
                        font-feature-settings:var(--tnum); color:var(--text); }

        .hero-stats span { font-size:var(--fs-meta); color:var(--text-dim-legible); white-space:nowrap; }
        @media (max-width:560px) {
          .hero-stats { flex-direction:column; gap:var(--sp-4); }
          .hero-stats span { white-space:normal; }
        }
        .hero-cta { margin-top:var(--sp-6); display:flex; flex-direction:column; align-items:center; gap:var(--sp-3); }
        .btn-primary { display:inline-block; text-decoration:none; background:var(--orange); color:var(--on-orange);
                       font-weight:600; font-size:15px; padding:var(--sp-3) var(--sp-6); border-radius:var(--r-control); }
        .btn-primary:hover { filter:brightness(1.06); }
        .hero-note { font-size:var(--fs-meta); color:var(--text-dim-legible); }

        .signin-card { max-width:520px; margin-inline:auto; }
        .signin-title { font-size:var(--fs-h3); font-family:'Inter',-apple-system,system-ui,sans-serif; font-weight:600; margin:0; }
        .signin-sub { color:var(--text-secondary); font-size:var(--fs-ui); margin:var(--sp-2) 0 var(--sp-4); }
        #step-code { margin-top:var(--sp-4); }

        .signin-card #btn-send { width:auto; flex:0 0 auto; }
        .signin-card .row { align-items:flex-end; }
        @media (max-width:520px) { .signin-card #btn-send { width:100%; } }
        #resend-line { margin:var(--sp-3) 0 0; font-size:var(--fs-meta); color:var(--text-dim-legible); }

        .login-notice { margin:0 0 14px; padding:11px 14px; border-radius:12px; font-size:.9rem; line-height:1.5;
          background:color-mix(in srgb, var(--orange) 12%, transparent); border:1px solid color-mix(in srgb, var(--orange) 34%, transparent); color:var(--text); }
        .login-notice[hidden] { display:none; }
        .login-help { margin:14px 0 0; font-size:.86rem; color:var(--text-secondary); }
        .login-help > summary { cursor:pointer; color:var(--orange-text, var(--orange)); }
        .login-help > summary:focus-visible { outline:2px solid var(--orange); outline-offset:3px; border-radius:6px; }
        .login-help ul { margin:10px 0 0; padding-left:18px; line-height:1.65; }
        .login-help li + li { margin-top:6px; }
        label { display:block; font-size:13px; color:var(--text-secondary); margin:0 0 6px; }
        input { width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:12px; background:var(--bg-elevated); color:var(--text); font-size:16px; font-family:inherit; transition:border-color 0.3s; }

        input:focus { border-color:var(--orange); }
        input:focus:not(:focus-visible) { outline:none; }
        input:focus-visible, button:focus-visible, summary:focus-visible, a:focus-visible {
          outline:2px solid var(--orange); outline-offset:2px; border-radius:var(--r-inner); }

        button { appearance:none; border:0; border-radius:var(--r-control); padding:var(--sp-3) var(--sp-5); font-size:15px; font-weight:600; font-family:inherit; cursor:pointer; background:var(--orange); color:var(--on-orange); transition:opacity 0.2s, transform 0.1s; }
        button:hover { opacity:0.9; } button:active { transform:translateY(1px); }
        button.secondary { background:transparent; color:var(--text); border:1px solid var(--border); }
        button.secondary:hover { border-color:var(--orange); opacity:1; }
        button:disabled { opacity:0.55; cursor:not-allowed; }
        .row { display:flex; gap:10px; align-items:flex-end; flex-wrap:wrap; }
        .row > div { flex:1; min-width:180px; }
        .msg { font-size:14px; margin:12px 0 0; min-height:1.2em; color:var(--text-secondary); }
        .msg.err { color:var(--red); } .msg.ok { color:var(--green); }
        .hide { display:none; }
        .muted { color:var(--text-secondary); }
        .topline { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }

        .dash-grid { display:grid; grid-template-columns:1fr; gap:var(--sp-4); margin-top:var(--sp-5); }

        @media (max-width:719.98px) {
          .dash-grid { display:flex; flex-direction:column; }
          .widget[data-widget="balance"]     { order:1; }
          .widget[data-widget="link"]        { order:2; }
          .widget[data-widget="bounties"]    { order:3; }
          .widget[data-widget="stats"]       { order:4; }
          .widget[data-widget="leaderboard"] { order:5; }
          .widget[data-widget="map"]         { order:6; }
          .widget[data-widget="profile"]     { order:7; }
          .widget[data-widget="howto"]       { order:8; }
          .widget[data-widget="claims"]      { order:9; }
          .widget[data-widget="sales"]       { order:10; }
        }

        @media(min-width:720px){
          .dash-grid { --u:146px; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:var(--u); grid-auto-flow:row dense; }

          .dash-grid .w-1x1{ grid-column:span 1; grid-row:span 1; }
          .dash-grid .w-2x1{ grid-column:span 1; grid-row:span 2; }
          .dash-grid .w-1x2{ grid-column:span 2; grid-row:span 1; }
          .dash-grid .w-2x2{ grid-column:span 2; grid-row:span 2; }
          .dash-grid .w-2x3{ grid-column:span 3; grid-row:span 2; }
          .dash-grid .w-2x4{ grid-column:span 4; grid-row:span 2; }
          .dash-grid .w-4x4{ grid-column:span 4; grid-row:span 4; }
          .dash-grid .w-1x4{ grid-column:span 4; grid-row:span 1; }
          .dash-grid .w-3x2{ grid-column:span 2; grid-row:span 3; }
          .dash-grid .w-4x2{ grid-column:span 2; grid-row:span 4; }
          .dash-grid .widget{ min-width:0; min-height:0; display:flex; flex-direction:column; }
          .dash-grid .widget > *{ flex:1 1 auto; min-height:0; overflow:hidden; }
        }
        @media(min-width:1080px){
          .dash-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }

          .dash-grid .col-left  { grid-column:1 / 3; }
          .dash-grid .col-right { grid-column:3 / 5; }
          .dash-grid .col-full  { grid-column:1 / 5; }
        }

        .dash-grid .p-card { padding:14px 18px 16px; }
        .dash-grid h2 { font-size:1.12rem; }
        .dash-grid .section-head { margin-bottom:8px; }
        .widget { min-width:0; }
        .topline-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
        button.btn-sm { padding:5px 11px; font-size:11.5px; border-radius:9px; }
        .mini-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:14px; }

        .stats-grid { gap:8px; align-content:start; }
        @media(min-width:720px){ .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
        .stats-grid .mini-card { padding:7px 11px; gap:1px; }
        .stats-grid .v { font-size:1.25rem; }

        .widget[data-widget="profile"]:not(.exp) .pf-right,
        .widget[data-widget="profile"]:not(.exp) .pf-extra { display:none; }
        .widget[data-widget="profile"].exp .pf-expand-hint { display:none; }
        .widget[data-widget="stats"]:not(.exp) .stats-more { display:none; }
        @media(min-width:720px){
          .widget[data-widget="stats"]:not(.exp) .stats-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }

          .widget[data-widget="profile"]:not(.exp) .pf-cols { display:block; }
          .widget[data-widget="profile"]:not(.exp) .pf-left { display:flex; flex-direction:row; align-items:center; gap:20px; }
          .widget[data-widget="profile"]:not(.exp) .pf-left > .avatar-row { flex:0 0 auto; }
          .widget[data-widget="profile"]:not(.exp) .pf-left > div:last-child { flex:1 1 auto; margin-top:0 !important; }
        }

        .lb-tabs { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:10px; }
        .lb-tab { appearance:none; border:1px solid var(--border); background:transparent; color:var(--text-secondary); border-radius:999px; padding:5px 12px; font-size:.78rem; font-weight:600; font-family:inherit; cursor:pointer; transition:all .2s; }
        .lb-tab:hover { color:var(--text); }
        .lb-tab.active { background:rgba(247,147,26,.12); color:var(--orange); border-color:transparent; }
        .lb-code a { color:inherit; text-decoration:none; }
        .lb-code a:hover { color:var(--orange); text-decoration:underline; }
        .lb-claimed { margin-top:12px; font-size:.78rem; color:var(--text-dim); text-align:center; }
        .lb-claimed b { color:var(--text-secondary); }
        .lb-avatar { width:26px; height:26px; border-radius:50%; object-fit:cover; background:var(--bg-elevated); border:1px solid var(--border); flex:0 0 auto; vertical-align:middle; }

        .sf-default { position:relative; display:inline-block; }
        .sf-default::after { content:""; position:absolute; inset:18%; background:var(--sf, var(--orange));
          -webkit-mask:url(/assets/starfish-logo.svg) center/contain no-repeat; mask:url(/assets/starfish-logo.svg) center/contain no-repeat; }
        .sf-default.has-photo { background-size:cover; background-position:center; }
        .sf-default.has-photo::after { content:none; }

        .map-card { position:relative; }
        .map-wrap { position:relative; width:100%; aspect-ratio:1/1; }
        .map-card .map-frame { position:absolute; inset:0; width:100%; max-width:none; height:100%; margin:0; border:none; border-radius:12px; overflow:hidden; cursor:grab; touch-action:none; }
        .map-card .map-frame.panning { cursor:grabbing; }

        .map-card .map-frame svg { position:absolute; inset:0; width:100%; height:100%; display:block; }

        .widget .p-card { position:relative; }
        .w-expand { position:absolute; top:8px; right:8px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; padding:0; border-radius:8px; border:1px solid var(--border); background:color-mix(in srgb,var(--bg-card) 78%, transparent); color:var(--text-secondary); cursor:pointer; z-index:3; }
        .w-expand:hover { color:var(--orange); border-color:var(--orange); }
        .w-expand svg { width:15px; height:15px; }
        .w-expand.hide { display:none; }

        .pf-cols { display:flex; flex-direction:column; gap:12px; min-height:0; }
        .widget[data-widget="profile"] .p-card { padding:12px 18px 14px; }
        @media(min-width:720px){ .pf-cols { display:grid; grid-template-columns:1fr 1.25fr; gap:6px 18px; align-items:start; } }
        .widget[data-widget="profile"] .avatar-preview { width:46px; height:46px; }
        .widget[data-widget="profile"] .links-form { gap:3px; }
        .widget[data-widget="profile"] .links-form .link-row { padding:0; }
        .widget[data-widget="profile"] .link-row input:not([type="radio"]) { padding:6px 10px; font-size:.84rem; }
        .widget[data-widget="profile"] #pf-name { padding:7px 10px; font-size:.9rem; }
        .avatar-row { display:flex; gap:14px; align-items:center; }
        .avatar-preview { width:64px; height:64px; border-radius:50%; object-fit:cover; background:var(--bg-nav); border:1px solid var(--border); flex:0 0 auto; }

        .links-form { display:flex; flex-direction:column; gap:9px; }
        .link-row { display:grid; grid-template-columns:60px 1fr 58px; align-items:center; gap:10px; }
        .link-row .lbl { font-size:.82rem; color:var(--text-secondary); }
        .link-row input:not([type="radio"]) { padding:9px 12px; font-size:.9rem; }
        .link-head { margin-bottom:-3px; }
        .prim-head { font-size:.7rem; font-weight:700; letter-spacing:.3px; color:var(--text-secondary); text-transform:uppercase; text-align:center; }
        .prim-radio { justify-self:center; accent-color:var(--orange); width:18px; height:18px; cursor:pointer; }
        @media(max-width:420px){ .link-row { grid-template-columns:52px 1fr 48px; gap:7px; } }
        .hero-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:14px; margin-top:16px; }
        @media(max-width:640px){ .hero-grid { grid-template-columns:1fr; } }
        .balance-card { position:relative; overflow:hidden; }
        .rate-badge { position:absolute; top:12px; right:12px; }

        #btn-claim, #btn-send { width:100%; }
        .claim-progress { height:36px; border-radius:11px; background:var(--bg-elevated); border:1px solid var(--border); overflow:hidden; position:relative; }
        .claim-progress > i { position:absolute; left:0; top:0; bottom:0; width:0; background:linear-gradient(90deg,#F7931A,#FFC062); transition:width .35s linear; }
        .claim-progress > span { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-weight:600; font-size:.84rem; color:var(--text); z-index:1; }

        .payout-field { display:flex; flex-direction:column; gap:6px; min-width:0; }
        .payout-instr { font-size:.72rem; color:var(--text-secondary); margin:0; line-height:1.35; }
        .payout-row { display:flex; gap:7px; min-width:0; }
        .payout-row input { flex:1; min-width:0; padding:8px 11px; font-size:13px; }
        .payout-row button { width:auto; white-space:nowrap; padding:8px 14px; font-size:13px; }
        .balance .big { font-size:var(--fs-num-xl); font-weight:600; color:var(--text); line-height:1; letter-spacing:-0.02em; font-feature-settings:var(--tnum); }
        .balance .lab { color:var(--text-secondary); font-size:13px; margin-top:6px; }
        .rate-badge { display:inline-flex; align-items:center; gap:var(--sp-1); background:color-mix(in srgb, var(--text) 6%, transparent); color:var(--text-secondary); font-weight:700; font-size:var(--fs-micro); letter-spacing:.04em; padding:3px var(--sp-2); border-radius:var(--r-pill); }
        .rate-star { width:.95em; height:.95em; display:inline-block; background:currentColor; -webkit-mask:url(/assets/starfish-logo.svg) center/contain no-repeat; mask:url(/assets/starfish-logo.svg) center/contain no-repeat; }
        .side-stats { display:flex; flex-direction:column; gap:14px; }
        .mini-card { display:flex; flex-direction:column; gap:var(--sp-1); justify-content:center; background:color-mix(in srgb, var(--text) 4%, transparent); border-radius:var(--r-inner); padding:var(--sp-2) var(--sp-3); }
        .mini-card .v { font-size:1.5rem; font-weight:700; }

        .balance-flex { display:flex; align-items:flex-end; gap:16px; flex:1; min-height:0; }
        .balance-flex .balance { flex:0 0 auto; min-width:0; }
        .balance-actions { margin-left:auto; display:flex; flex-direction:column; gap:6px; align-items:stretch; min-width:0; flex:0 1 340px; }
        .balance-actions .claim-zone { text-align:right; }
        .balance-actions .claim-zone > button { white-space:nowrap; width:auto; padding:10px 18px; }
        .balance-links { display:flex; gap:14px; justify-content:flex-end; }
        .balance-card.paying .balance-links { display:none; }

        @media(min-width:720px){
          .dash-grid .widget[data-widget="balance"].bal-expanded { grid-row:span 2; }
        }
        #claim-msg { min-height:0; }

        .stuck-payouts { margin-top:9px; border:1px solid color-mix(in srgb,var(--orange) 45%, var(--border)); border-radius:12px; background:color-mix(in srgb,var(--orange) 8%, var(--bg-card)); overflow:hidden; }
        .stuck-head { display:flex; align-items:center; gap:8px; width:100%; padding:8px 11px; background:none; border:0; color:var(--text); font:inherit; font-size:.82rem; font-weight:600; text-align:left; cursor:pointer; }
        .stuck-head:hover { background:color-mix(in srgb,var(--orange) 13%, transparent); }
        .stuck-dot { width:7px; height:7px; border-radius:50%; background:var(--orange); flex:0 0 auto; }
        .stuck-caret { margin-left:auto; font-size:.7rem; opacity:.7; transition:transform .18s ease; }
        .stuck-head[aria-expanded="true"] .stuck-caret { transform:rotate(180deg); }
        .stuck-body { padding:0 11px 10px; display:flex; flex-direction:column; gap:7px; }
        .stuck-note { margin:0; font-size:.73rem; line-height:1.45; color:var(--text-secondary); }
        .stuck-note a { color:var(--orange); }
        .stuck-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 10px; font-size:.84rem; }
        .stuck-row button { width:auto; padding:5px 11px; font-size:12px; border-radius:9px; }
        @media(max-width:719.98px){ .balance-flex { flex-wrap:wrap; } .balance-actions { flex:1 1 100%; margin-left:0; } }
        .bal-link { color:var(--orange); font-size:.78rem; text-decoration:none; white-space:nowrap; }
        .bal-link:hover { text-decoration:underline; }
        .map-card .map-title { position:absolute; top:var(--sp-2); left:var(--sp-3); z-index:3; margin:0; font-size:var(--fs-ui); background:var(--bg-card); border-radius:var(--r-inner); padding:2px var(--sp-2); }
        .dash-grid .widget[data-widget="map"] .geo-list { position:absolute; left:12px; right:12px; bottom:10px; z-index:3; margin:0; max-height:34%; overflow:hidden; }
        .dash-grid .widget[data-widget="map"] .geo-chip { background:color-mix(in srgb,var(--bg-card) 82%, transparent); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
        .profile-mini { display:flex; align-items:center; gap:13px; }
        .profile-mini .avatar-preview { width:54px; height:54px; }
        .profile-mini .pm-name { font-weight:700; font-size:1.08rem; }
        .profile-mini .pm-sub { opacity:.6; font-size:.78rem; }
        .dash-grid .widget[data-widget="map"] .map-card { max-width:none; padding:0; }
        @media(min-width:720px){
          .dash-grid .widget[data-widget="map"] .map-card { height:100%; }

          .dash-grid .widget[data-widget="map"] .map-card .map-wrap { position:absolute; inset:0; aspect-ratio:auto; }
        }
        .dash-grid .widget[data-widget="profile"] .links-form .link-row { padding:2px 0; }

        #sfx-toggle { display:inline-flex; align-items:center; }
        #sfx-toggle[aria-pressed="true"] { color:var(--orange); border-color:var(--orange); }
        #sfx-toggle[aria-pressed="false"] { opacity:.55; }
        #sfx-toggle[aria-pressed="false"]:hover { opacity:.85; }

        #sfx-confetti { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:9999; }
        @media (prefers-reduced-motion: reduce) { #sfx-confetti { display:none; } }

        .ref-box { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
        .ref-url { flex:1; min-width:160px; width:100%; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.82rem; background:var(--bg-elevated); border:1px solid var(--border); border-radius:11px; padding:8px 12px; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .ref-url:focus { outline:none; border-color:var(--orange); }
        .ref-warn { display:none; font-size:.76rem; color:#e0863a; margin:7px 0 0; line-height:1.35; }
        .ref-warn.show { display:block; }
        .link-blurb { font-size:var(--fs-meta); margin:0 0 var(--sp-2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

        @media (max-width:719.98px) { .link-blurb { display:block; -webkit-line-clamp:none; overflow:visible; } }

        .countdown { font-size:.82rem; color:var(--text-secondary); font-weight:600; }
        .countdown b { color:var(--orange); }
        .quests { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; align-content:start; }
        .quest { position:relative; border:1px solid var(--border); border-radius:var(--r-control); padding:var(--sp-3); background:var(--bg-card); box-shadow:var(--shadow-card); transition:transform .25s, box-shadow .25s, border-color .25s; }
        .quest:hover { transform:translateY(-2px); box-shadow:var(--shadow-card-hover); border-color:var(--orange); z-index:40; }
        .quest .reward { position:absolute; top:10px; right:10px; background:rgba(247,147,26,.14); color:var(--orange); font-weight:800; font-size:.72rem; padding:2px 8px; border-radius:999px; }

        .quest.quest-rare { border-color:var(--gold); box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent), var(--shadow-card); }
        .quest.quest-rare .badge::before { background:linear-gradient(140deg,#F6C945,var(--gold)); filter:drop-shadow(0 3px 10px color-mix(in srgb, var(--gold) 45%, transparent)); }
        .quest.quest-rare .reward { background:color-mix(in srgb, var(--gold) 18%, transparent); color:var(--gold); }

        .q-rotate-wrap { position:absolute; top:10px; left:10px; z-index:3; }
        .q-pop { display:none; position:absolute; top:calc(100% + 7px); left:0; z-index:50; width:198px; white-space:normal; background:var(--bg-card); border:1px solid var(--border); border-radius:11px; padding:9px 12px; font-size:.72rem; font-weight:500; color:var(--text-secondary); box-shadow:var(--shadow-card-hover); text-align:left; }
        .q-rotate-wrap:hover .q-pop, .q-rotate:focus + .q-pop { display:block; }

        .q-rotate { width:26px; height:26px; padding:0; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid var(--border); background:color-mix(in srgb,var(--bg-card) 85%, transparent); color:var(--text-secondary); cursor:pointer; opacity:0; transition:opacity .2s, color .2s, border-color .2s; }
        .quest:hover .q-rotate, .q-rotate:focus { opacity:1; }
        @media(hover:none){ .q-rotate { opacity:.55; } }
        .q-rotate:hover:not(:disabled) { color:var(--orange); border-color:var(--orange); opacity:1; }
        .q-rotate:disabled { opacity:.3; cursor:not-allowed; }
        .quest:hover .q-rotate:disabled { opacity:.3; }
        .q-rotate svg { width:13px; height:13px; }
        .quest .badge { position:relative; width:100px; height:100px; display:grid; place-items:center; }
        .quest .badge::before { content:''; position:absolute; inset:0; background:linear-gradient(140deg,#FBB040,#D97706); -webkit-mask:url(/assets/starfish-logo.svg) center/contain no-repeat; mask:url(/assets/starfish-logo.svg) center/contain no-repeat; filter:drop-shadow(0 4px 9px rgba(247,147,26,.34)); }

        .quest .badge svg { position:relative; z-index:1; width:26px; height:26px; transform:translate(3.8px,1.5px); stroke:#fff; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

        .quest .badge.badge-img::before { display:none; }
        .quest .badge.badge-img img { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; border-radius:16px; }
        .quest h4 { font-family:'Playfair Display',serif; font-size:.98rem; margin:5px 0 1px; }
        .quest .blurb { font-size:.75rem; color:var(--text-secondary); min-height:2em; line-height:1.32; }
        .qbar { height:6px; border-radius:999px; background:var(--border); overflow:hidden; margin-top:6px; }
        .qbar > i { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#F7931A,#FFC062); width:0; transition:width .7s cubic-bezier(.34,1.56,.64,1); }
        .qmeta { display:flex; justify-content:space-between; margin-top:5px; font-size:.72rem; color:var(--text-secondary); font-weight:600; }
        .quest.done { border-color:var(--green); }

        .quest.done .badge::before { background:var(--green); filter:none; }
        .quest.done .qbar > i { background:linear-gradient(90deg,#1f9d55,#3ecf8e); }

        @keyframes cashPop { 0%{transform:scale(1)} 28%{transform:scale(1.16);color:var(--green)} 100%{transform:scale(1)} }
        .balance .big.cash-pop { animation:cashPop .6s ease; will-change:transform; }
        @keyframes geoPulse { 0%,100%{fill-opacity:1} 50%{fill-opacity:.2} }
        .map-frame svg path.geo-pulse { animation:geoPulse 1.3s ease-in-out 2; }
        @media (prefers-reduced-motion: reduce) { .cash-pop, .map-frame svg path.geo-pulse { animation:none !important; } .dash-grid .widget { transition:none !important; } }
        .quest.done .reward { background:rgba(31,157,85,.16); color:var(--green); }

        .quest.done { border-color:color-mix(in srgb, var(--green) 45%, var(--border)); }
        @keyframes shimmer { from { background-position:115% 0; } to { background-position:-115% 0; } }
        .qdone { display:inline-flex; align-items:center; gap:6px; color:var(--green); font-weight:800; font-size:.78rem; margin-top:8px; }

        .koth-line { font-size:.76rem; color:var(--orange); font-weight:600; white-space:nowrap; overflow:visible; margin-right:26px; }
        .koth-line b { letter-spacing:.3px; }
        .koth-info { position:relative; display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; margin-left:6px; border-radius:50%; border:1px solid var(--border); color:var(--text-secondary); font-size:.62rem; font-weight:800; cursor:help; vertical-align:1px; }
        .koth-pop { display:none; position:absolute; top:calc(100% + 8px); right:-12px; z-index:30; width:232px; white-space:normal; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:10px 13px; font-size:.74rem; font-weight:500; color:var(--text-secondary); box-shadow:var(--shadow-card-hover); }
        .koth-info:hover .koth-pop, .koth-info:focus .koth-pop { display:block; }
        .koth-stamp { display:inline-block; margin-left:8px; transform:rotate(-3deg); border:1.5px solid var(--orange); color:var(--orange); border-radius:8px; padding:1px 8px; font-size:.62rem; font-weight:800; letter-spacing:.6px; text-transform:uppercase; vertical-align:3px; background:color-mix(in srgb,var(--orange) 9%, transparent); font-family:'Inter',sans-serif; }
        .koth-stamp.hide { display:none; }

        .lb { display:flex; flex-direction:column; gap:2px; }
        .widget[data-widget="leaderboard"] .p-card { display:flex; flex-direction:column; }
        @media(min-width:720px){
          .widget[data-widget="leaderboard"] .lb { flex:1 1 auto; min-height:0; display:grid; grid-template-rows:repeat(5,minmax(0,1fr)); align-items:center; gap:0; }
          .widget[data-widget="leaderboard"] .lb.tall { grid-template-rows:repeat(10,minmax(0,1fr)); }
          .widget[data-widget="leaderboard"] .lb .lb-row { padding-top:0; padding-bottom:0; min-height:0; }
        }
        .lb.cols-2, .lb.cols-3 { display:grid; grid-template-rows:repeat(5,minmax(0,1fr)); grid-auto-flow:column; column-gap:18px; }
        .lb.cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .lb.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
        @media(max-width:719.98px){ .lb.cols-2, .lb.cols-3 { display:flex; flex-direction:column; } }
        .lb-row { display:flex; align-items:center; gap:12px; padding:7px 12px; border-radius:12px; transition:background .2s; min-width:0; }
        .lb-row .lb-code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .lb-row.you { background:rgba(247,147,26,.1); }
        .lb-rank { width:30px; text-align:center; font-weight:800; color:var(--text-dim); font-size:.95rem; }
        .lb-row.top1 .lb-rank, .lb-row.top1 .lb-code { color:var(--orange); }
        .lb-code { font-weight:700; letter-spacing:.4px; }
        .lb-crown { font-size:1.15rem; }
        .lb-you-tag { margin-left:auto; font-size:.7rem; color:var(--orange); font-weight:800; letter-spacing:.5px; }

        .map-frame { position:relative; width:100%; border-radius:14px; overflow:hidden; background:radial-gradient(125% 95% at 50% 32%, color-mix(in srgb,var(--orange) 6%, var(--map-ocean)) 0%, var(--map-ocean) 72%); border:1px solid var(--border); }
        .map-frame svg { display:block; width:100%; height:auto; }
        .map-frame svg path { fill:var(--map-land); stroke:var(--map-stroke); stroke-width:.4px; vector-effect:non-scaling-stroke; transition:fill .35s, fill-opacity .35s; }
        .map-frame svg path.geo-sold { filter:drop-shadow(0 0 5px rgba(247,147,26,.6)); }
        .geo-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
        .geo-chip { display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border-radius:999px; background:var(--bg-elevated); border:1px solid var(--border); font-size:.82rem; }
        .geo-chip b { color:var(--orange); font-feature-settings:'tnum'; }
        .empty { color:var(--text-secondary); font-size:.9rem; }

        table { width:100%; border-collapse:collapse; margin-top:var(--sp-2); font-size:var(--fs-ui); font-feature-settings:var(--tnum); }
        th, td { text-align:left; padding:9px 8px; border-bottom:1px solid var(--border); white-space:nowrap; }
        th { color:var(--text-dim-legible); font-weight:700; font-size:var(--fs-micro); text-transform:uppercase; letter-spacing:.06em; }
        td.num, th.num { text-align:right; }
        .pill { display:inline-block; padding:2px 9px; border-radius:999px; font-size:12px; font-weight:600; }
        .pill.pending { background:rgba(247,147,26,.15); color:var(--orange); }
        .pill.claimed, .pill.paid { background:rgba(31,157,85,.15); color:var(--green); }
        .tag-bounty { color:var(--purple); font-weight:600; }
        .steps { margin:10px 0 0; padding-left:20px; } .steps li { margin:6px 0; }

        @media(min-width:720px) and (max-width:1079.98px){ .dash-grid .w-1x4, .dash-grid .w-2x3, .dash-grid .w-2x4, .dash-grid .w-4x4 { grid-column:span 2; } .dash-grid .w-2x3, .dash-grid .w-2x4 { grid-row:span 2; } .dash-grid .w-4x4 { grid-row:span 4; } }
        .widget[data-widget="howto"] .p-card, .widget[data-widget="claims"] .p-card, .widget[data-widget="sales"] .p-card { padding:14px 20px; }
        .widget[data-widget="bounties"] .p-card { padding:12px 16px; display:flex; flex-direction:column; }
        .widget[data-widget="bounties"] .section-head { margin-bottom:6px; }

        .widget[data-widget="bounties"] .quest { container-type:inline-size; }
        .widget[data-widget="bounties"] .quest .badge { width:clamp(54px,46cqw,96px); height:auto; aspect-ratio:1; }
        .widget[data-widget="bounties"] .quest h4 { font-size:clamp(.8rem,8.5cqw,1rem); }
        .widget[data-widget="bounties"] .quest .blurb { font-size:clamp(.64rem,5.2cqw,.78rem); min-height:0; }
        @media(min-width:720px){

          .widget[data-widget="bounties"] .quests {
            flex:1 1 auto; min-height:0; align-content:stretch; gap:10px;
            grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:minmax(0,1fr);
          }
          .widget[data-widget="bounties"] .quest { min-height:0; }
        }

        .howto-tl { list-style:none; padding:0; margin:4px 0 0; display:grid; grid-template-columns:repeat(4,1fr); }
        .tl-step { position:relative; text-align:center; padding:28px 12px 0; font-size:.76rem; color:var(--text-secondary); line-height:1.38; }
        .tl-step::before { content:attr(data-n); position:absolute; top:0; left:50%; transform:translateX(-50%); width:22px; height:22px; border-radius:50%; background:rgba(247,147,26,.15); color:var(--orange); font-weight:800; font-size:.72rem; display:flex; align-items:center; justify-content:center; z-index:1; }
        .tl-step::after { content:''; position:absolute; top:10px; left:calc(50% + 16px); width:calc(100% - 32px); height:2px; background:var(--border); }
        .tl-step:last-child::after { display:none; }
        @media(max-width:719.98px){
          .howto-tl { grid-template-columns:1fr; gap:12px; }
          .tl-step { text-align:left; padding:0 0 0 34px; }
          .tl-step::before { left:0; top:0; transform:none; }
          .tl-step::after { left:10px; top:26px; width:2px; height:calc(100% - 18px); }
        }
        .pager { display:inline-flex; align-items:center; gap:7px; font-size:.78rem; color:var(--text-secondary); font-feature-settings:'tnum'; }
        .pager button { width:24px; height:24px; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:7px; background:transparent; color:var(--text-secondary); border:1px solid var(--border); font-size:.95rem; line-height:1; }
        .pager button:hover:not(:disabled) { color:var(--orange); border-color:var(--orange); opacity:1; }
        .pager button:disabled { opacity:.35; cursor:default; }
        .pager.hide { display:none; }
        .sales-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 8px; }
        .sales-tools select, .sales-tools input[type="date"] { width:auto; padding:5px 9px; font-size:12.5px; border:1px solid var(--border); border-radius:9px; background:var(--bg-elevated); color:var(--text); font-family:inherit; }
        .widget[data-widget="sales"] table { margin-top:0; font-size:13px; line-height:1.4; }
        .widget[data-widget="sales"] th, .widget[data-widget="sales"] td { padding:3px 8px; }
        .widget[data-widget="sales"] td:first-child { max-width:150px; overflow:hidden; text-overflow:ellipsis; }
        .widget[data-widget="sales"] #d-empty { margin:6px 0 0 !important; }

        @media (max-width:599.98px) {
          .widget[data-widget="sales"] table,
          .widget[data-widget="sales"] tbody,
          .widget[data-widget="sales"] tr,
          .widget[data-widget="sales"] td { display:block; width:100%; }
          .widget[data-widget="sales"] thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
          .widget[data-widget="sales"] tr {
            display:grid; grid-template-columns:1fr auto; gap:2px var(--sp-3);
            padding:var(--sp-3) 0; border-bottom:1px solid var(--border); }
          .widget[data-widget="sales"] td { padding:0; border:0; max-width:none; }
          .widget[data-widget="sales"] td:nth-child(1) { grid-column:1; grid-row:1; font-weight:600; }
          .widget[data-widget="sales"] td:nth-child(2) { grid-column:1; grid-row:2; font-size:var(--fs-meta); color:var(--text-dim-legible); }

          .widget[data-widget="sales"] td:nth-child(3),
          .widget[data-widget="sales"] td:nth-child(4) { display:none; }
          .widget[data-widget="sales"] td:nth-child(5) { grid-column:2; grid-row:1; text-align:right; font-weight:600; }
          .widget[data-widget="sales"] td:nth-child(6) { grid-column:2; grid-row:2; text-align:right; }
        }
        @media (min-width:600px) and (max-width:820px){ .widget[data-widget="sales"] .col-opt { display:none; } }

        .claims-list { display:grid; grid-template-columns:1fr; gap:8px; align-content:start; }
        @media(min-width:720px) and (max-width:1079.98px){
          .claims-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
          .widget[data-widget="claims"].exp .claims-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
        }
        @media(min-width:1080px){
          .claims-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
          .widget[data-widget="claims"].exp .claims-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
        }
        .claim-hist { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px 10px; padding:8px 12px; border:1px solid var(--border); border-radius:12px; background:var(--bg-card); font-size:.88rem; line-height:1.45; }
        .claim-hist .retry-claim { padding:5px 11px; font-size:12px; border-radius:9px; }
        .claim-hist.incomplete { border-color:color-mix(in srgb,var(--orange) 45%, var(--border)); background:color-mix(in srgb,var(--orange) 7%, var(--bg-card)); }
        .claim-hist .paid-badge { color:var(--green); font-weight:600; font-size:.85rem; white-space:nowrap; }
        .claim-hist .retry-claim { flex:0 0 auto; }

        :focus-visible { outline:2px solid var(--orange); outline-offset:2px; border-radius:8px; }

        .lang-switch{position:relative;display:inline-flex;}
        .lang-btn{background:transparent;border:1px solid var(--border);cursor:pointer;border-radius:50px;padding:4px 8px 4px 10px;display:inline-flex;align-items:center;gap:4px;color:var(--text);font-family:inherit;font-size:.85rem;line-height:1;}
        .lang-btn:hover{border-color:var(--orange);}
        .lang-btn .lang-flag{font-size:1.05rem;line-height:1;} .lang-btn .lang-chev{font-size:.7rem;opacity:.6;}
        .lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:1000;display:flex;flex-direction:column;gap:2px;}
        .lang-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.85rem;}
        .lang-item:hover{background:rgba(247,147,26,.1);color:var(--orange);} .lang-item.active{background:rgba(247,147,26,.16);color:var(--orange);font-weight:600;}
        .lang-item .lang-flag{font-size:1.1rem;} .lang-menu[hidden]{display:none;}

        @media (max-width:480px){ main{padding-top:80px;} }

        @keyframes blink-cursor { 0%,100%{opacity:1} 50%{opacity:0} }
        .type-cursor { display:inline-block; width:2px; background:var(--orange); margin-left:2px; animation:blink-cursor .8s infinite; }
        @media (prefers-reduced-motion: reduce) { .type-cursor { animation:none; } }
        #public-partners { margin-top:var(--sp-6); }
        .pp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:var(--sp-4); margin-top:var(--sp-5); }
        .pp-card { display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--sp-3);
                   padding:var(--sp-5) var(--sp-4); border:1px solid var(--border); border-radius:var(--r-card);
                   background:var(--bg-card); box-shadow:var(--shadow-card); }

        .pp-card .pp-name { font-weight:600; font-size:var(--fs-h3); margin:0; text-wrap:balance; }
        .pp-card > :last-child { margin-top:auto; }

        .pp-av { width:84px; height:84px; border-radius:50%; object-fit:cover;
                 background:color-mix(in srgb, var(--text) 6%, transparent); border:1px solid var(--border); cursor:pointer; }
        .pp-visit { display:inline-block; margin-top:var(--sp-1); padding:var(--sp-2) var(--sp-4); border-radius:var(--r-pill);
                    background:var(--orange); color:var(--on-orange); font-weight:600; font-size:var(--fs-ui); text-decoration:none; }
        .pp-visit:hover { filter:brightness(1.08); }

        #btn-resend { background:none; border:0; color:var(--orange-text); cursor:pointer; font:inherit; font-weight:600; text-decoration:underline; padding:0; width:auto; }
        #btn-resend[disabled] { opacity:.55; text-decoration:none; cursor:default; }

        .empty { color:var(--text-dim-legible); font-size:var(--fs-body); line-height:1.55;
                 display:flex; flex-direction:column; align-items:center; justify-content:center;
                 gap:var(--sp-2); text-align:center; padding:var(--sp-5) var(--sp-4); min-height:120px; }
        .empty::before { content:""; width:34px; height:34px; opacity:.22; background:currentColor;
                 -webkit-mask:url(/assets/starfish-logo.svg) center/contain no-repeat;
                 mask:url(/assets/starfish-logo.svg) center/contain no-repeat; }
        .empty a, .empty button { font-size:var(--fs-ui); }

        .pill { background:none; padding:0; font-size:var(--fs-micro); font-weight:700; text-transform:uppercase; letter-spacing:.06em; display:inline-flex; align-items:center; gap:var(--sp-2); }
        .pill::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex:0 0 auto; }
        .pill.pending { color:var(--orange-text); }
        .pill.claimed, .pill.paid { color:var(--green); }

        select, input[type="date"] {
          appearance:none; -webkit-appearance:none; font:inherit; font-size:var(--fs-ui);
          background:var(--bg-elevated); color:var(--text); border:1px solid var(--border);
          border-radius:var(--r-control); padding:var(--sp-2) var(--sp-3); line-height:1.3; }
        select { padding-right:var(--sp-6);
          background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
          background-position:calc(100% - 18px) 52%, calc(100% - 13px) 52%;
          background-size:5px 5px, 5px 5px; background-repeat:no-repeat; }
        select:hover, input[type="date"]:hover { border-color:var(--orange); }

        .lb-crown, .tag-mark { display:inline-block; width:1em; height:1em; vertical-align:-0.12em;
          margin-right:var(--sp-2); background:var(--gold); flex:0 0 auto;
          -webkit-mask:url(/assets/starfish-logo.svg) center/contain no-repeat;
          mask:url(/assets/starfish-logo.svg) center/contain no-repeat; }
        .payout-sent { color:var(--green); font-weight:600; }

        .balance-row { display:flex; align-items:center; gap:var(--sp-4); flex-wrap:wrap; }
        .balance-labs { display:flex; flex-direction:column; gap:2px; min-width:0; }
        .balance-labs .lab { margin:0; font-size:var(--fs-meta); color:var(--text-dim-legible); }
        .balance-labs .lab b { font-feature-settings:var(--tnum); color:var(--text-secondary); font-weight:600; }
        .balance-labs .lab-lead { font-size:var(--fs-ui); font-weight:600; color:var(--text-secondary); }
        .sales-note { margin:0 0 var(--sp-2); font-size:var(--fs-meta); }

        .lb-row.pinned { margin-top:var(--sp-3); position:relative; }
        .lb-row.pinned::before { content:"⋯"; position:absolute; top:calc(-1 * var(--sp-3)); left:0; right:0;
          text-align:center; font-size:var(--fs-meta); line-height:1; color:var(--text-dim-legible); letter-spacing:.2em; }

        .note-s { font-size:var(--fs-meta); }
        .note-tight { margin:var(--sp-1) 0 0; }
        .note-gap { margin:var(--sp-2) 0 0; }
        .note-i { font-style:italic; }
        .pp-name-anon { font-weight:400; font-style:italic; color:var(--text-dim-legible); font-size:var(--fs-ui); }
        .author-hint { text-align:center; font-size:var(--fs-meta); color:var(--text-dim-legible);
                       margin:var(--sp-7) auto var(--sp-1); max-width:60ch; }
        .pf-check { margin-top:2px; accent-color:var(--orange); width:16px; height:16px; flex-shrink:0; }
        .pf-divider { margin:var(--sp-4) 0 0; padding-top:var(--sp-4); border-top:1px solid var(--border); }
        .zerostate-card { margin-bottom:var(--sp-4); border-color:var(--orange); }

        .topline > div:first-child { min-width:0; }

        .ident { display:flex; flex-wrap:wrap; align-items:baseline; gap:0 var(--sp-2); min-width:0; }
        .ident-code { white-space:nowrap; }
        .ident #d-email { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

        @media (max-width:719.98px) {
          .ident .dot-sep { display:none; }
          .ident #d-email { flex:1 0 100%; }
        }