:root{--ink:#202b3a;--muted:#77808d;--blue:#3567dd;--blue-soft:#eef3ff;--line:#e7eaf0;--green:#3c8468;--paper:#fff;--bg:#f8f9fb}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.6 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}
button,textarea,input{font:inherit}
button{cursor:pointer}
button,a,textarea,input{ -webkit-tap-highlight-color:transparent }
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a5bfff;outline-offset:4px}
button{color:inherit}
button:disabled{cursor:default}
svg{display:block}
.topbar{height:84px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 5.3vw}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font:800 26px "Manrope",sans-serif;letter-spacing:-1.1px}
.brandmark{width:30px;height:35px;position:relative}
.brandmark svg{width:100%;height:100%}
.brand-dot{color:var(--blue)}
.header-center{display:flex;align-items:center;gap:9px;color:#858d98;font-size:12px}
.header-center b{font-weight:500;color:#414c5a}
.header-right{display:flex;align-items:center;gap:11px;font-size:12px;color:#596373}
.avatar{width:31px;height:31px;border:1px solid #e3e7ed;border-radius:50%;display:grid;place-items:center;background:#f8f9fc;color:#637088}
main{max-width:1160px;margin:0 auto;padding:39px 38px 30px}
.breadcrumb{font-size:11px;color:#8c94a0;display:flex;gap:10px;align-items:center;margin-bottom:28px}
.breadcrumb span:last-child{color:#596373}
.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:33px}
.eyebrow{font-size:10px;letter-spacing:1.65px;text-transform:uppercase;font-weight:700;color:var(--blue);margin-bottom:9px;display:flex;align-items:center;gap:7px}
.eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue)}
h1{font:750 clamp(27px,3.1vw,36px)/1.3 "Manrope",sans-serif;letter-spacing:-1.25px;margin:0 0 10px}
.intro p{margin:0;color:#7a8390;font-size:13px}
.intro p strong{font-weight:500;color:#536072}
.time-badge{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;background:white;padding:7px 11px;margin-top:29px;color:#737d8b;font-size:11px}
.time-badge svg{width:13px;height:13px}
.workspace{display:grid;grid-template-columns:237px minmax(0,1fr);gap:25px;align-items:start}
.rail{padding:4px 0 0}
.rail-heading{font-size:10px;color:#8b94a1;letter-spacing:1.4px;font-weight:600;margin:0 0 18px 13px}
.steps{list-style:none;margin:0;padding:0}
.step{width:100%;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:none;border-radius:7px;position:relative;margin-bottom:4px;transition:background .2s,border-color .2s}
.step:hover{background:#f0f3f8}
.step.active{background:#edf2ff;border-color:#dce6ff}
.step-number{border-radius:6px;border:1px solid #dde2ea;color:#8c95a2;display:grid;place-items:center;flex:0 0 27px;height:27px;font-size:11px;background:#fff;transition:all .2s}
.step.active .step-number{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 2px 5px #3567dd20}
.step.done .step-number{background:#eaf5ef;border-color:#d9eade;color:var(--green)}
.step-name{font-size:12px;font-weight:600;line-height:1.4;display:block}
.step-desc{font-size:10px;display:block;color:#9299a5;margin-top:2px;font-weight:400}
.step.active .step-name{color:#315dc0}
.step.active .step-desc{color:#7b91bf}
.step-arrow{margin-left:auto;color:#6c8cd0;font-size:16px;opacity:0}
.step.active .step-arrow{opacity:1}
.rail-note{border-top:1px solid var(--line);margin:24px 12px 0;padding-top:19px;display:flex;gap:9px;color:#8b94a1;font-size:11px;line-height:1.8}
.rail-note svg{flex-shrink:0;margin-top:3px;color:#a0a9b5}
.card{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 15px #27375203;overflow:hidden}
.card-top{height:57px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;border-bottom:1px solid #edf0f4}
.card-kicker{font-size:10px;font-weight:600;letter-spacing:1.2px;color:#87909e;text-transform:uppercase}
.card-kicker span{color:var(--blue);margin-left:6px;letter-spacing:0}
.save-status{font-size:10px;display:flex;align-items:center;gap:5px;color:#8a95a0}
.save-dot{height:5px;width:5px;border-radius:50%;background:#8caf9a}
.progress-track{height:3px;background:#f0f3f8}
.progress-fill{height:100%;width:0;background:var(--blue);transition:width .6s cubic-bezier(.22,1,.36,1)}
.question-body{padding:29px 30px 25px}
.question-label{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5eaf3;padding:3px 8px;border-radius:4px;font-size:10px;color:#6c7a90;margin-bottom:14px;background:#fafbfd}
.question-label svg{color:#798fab}
h2{font:750 25px/1.4 "Manrope",sans-serif;letter-spacing:-.7px;margin:0 0 7px}
.question-desc{font-size:12px;line-height:1.8;color:#87909d;margin:0 0 23px;max-width:560px}
.field-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}
.field-heading label{font-weight:600;color:#566173}
.field-heading span{color:#9aa1ac;font-size:10px}
textarea{display:block;width:100%;min-height:128px;resize:vertical;border:1px solid #dce2eb;border-radius:6px;padding:14px 15px;color:#39465a;background:#fff;line-height:1.8;font-size:12px;transition:border-color .2s,box-shadow .2s}
textarea::placeholder{color:#a4acb8}
textarea:focus{outline:none;border-color:#7196ed;box-shadow:0 0 0 3px #3567dd0b}
textarea.invalid{border-color:#cf7474}
.field-meta{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px;color:#98a0ac}
.field-meta .error{color:#bb5454}
.example{background:#f7f9fd;border:1px solid #e8edf6;border-radius:6px;padding:16px 17px;margin-top:23px}
.example-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.example-title{display:flex;align-items:center;gap:7px;color:#5e7294;font-size:9px;font-weight:700;letter-spacing:.7px}
.example-tag{font-size:9px;color:#93a0b3;background:#fff;border:1px solid #e8edf5;border-radius:4px;padding:1px 6px}
.example p{font-size:12px;line-height:1.85;color:#67748a;margin:0 0 11px}
.example p strong{color:#4c5e79;font-weight:600}
.example-button{padding:0;background:none;border:0;font-size:10px;color:#527ac9;display:flex;align-items:center;gap:5px}
.example-button:hover{color:#214a9a}
.card-bottom{padding:18px 29px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fdfdfe}
.btn{border:1px solid #dfe4ec;background:white;padding:10px 16px;border-radius:5px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{background:#f5f7fb}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 2px 3px #2e5dd51a}
.btn.primary:hover{background:#2d59c5;box-shadow:0 3px 8px #3567dd26}
.btn.ghost{background:none;border-color:transparent;color:#7a8594;padding-left:0}
.btn.ghost:hover{color:var(--blue)}
.btn:disabled{opacity:.35;box-shadow:none}
.bottom-right{display:flex;align-items:center;gap:15px}
.keyboard-hint{font-size:9px;color:#9ba3af}
.keyboard-hint kbd{font:9px "DM Sans",sans-serif;border:1px solid #e3e6ec;border-bottom-width:2px;padding:1px 4px;border-radius:3px;background:white}
.below-card{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;color:#99a1ad;padding:17px 0}
.journey{display:flex;align-items:center;gap:15px;padding:30px 0 20px;margin-top:20px;border-top:1px solid var(--line)}
.journey-item{display:flex;align-items:center;gap:10px;flex:1}
.journey-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e1e6ee;border-radius:7px;color:#96a1af;background:white}
.journey-item.current .journey-icon{color:#6c8ac7;background:#f0f4fd;border-color:#dee7f8}
.journey-name{font-size:10px;font-weight:600;color:#788595}
.journey-desc{font-size:9px;color:#a0a7b1}
.journey-line{height:1px;width:40px;background:#e2e7ef;flex-shrink:0}
footer{max-width:1084px;margin:0 auto;padding:20px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#a1a8b2}
.footer-sign{display:flex;align-items:center;gap:5px}
.footer-sign svg{color:#9da8b7}
.reset{font-size:10px;color:#8b95a3;background:none;border:0;padding:0}
.reset:hover{color:#526784}
.fade-in{animation:enter .32s ease both}
@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
[hidden]{display:none!important}
.success-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:center;box-shadow:0 4px 15px #27375203}
.success-top{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--line);font-size:10px;color:#8993a1}
.status-pill{font-size:9px;padding:3px 8px;border-radius:4px;background:#f0f5ff;color:#5877b3;display:flex;align-items:center;gap:5px}
.status-pill::before{content:"";width:4px;height:4px;border-radius:50%;background:#7495d4}
.success-content{padding:28px 35px 30px}
.egg-stage{height:210px;width:260px;position:relative;margin:0 auto;display:grid;place-items:center}
.egg-orbit{position:absolute;width:194px;height:194px;border:1px dashed #e4e9f2;border-radius:50%;animation:orbit 60s linear infinite}
.egg-orbit::before{content:"";position:absolute;top:21px;left:22px;width:6px;height:6px;border-radius:50%;background:#c4d4f1;box-shadow:149px 113px 0 -1px #dbe5f5}
.egg-halo{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#edf3ff 0,#f6f8fd 60%,#fff0 72%);animation:breathe 4s ease-in-out infinite}
.egg-shadow{position:absolute;bottom:25px;left:85px;width:90px;height:10px;filter:blur(4px);background:#dfe5f0;border-radius:50%;animation:shadow 4s ease-in-out infinite}
.egg-art{width:115px;height:155px;position:relative;z-index:1;transform-origin:50% 90%;animation:eggArrival 1.3s cubic-bezier(.22,1,.36,1),eggRock 5s ease-in-out 1.3s infinite}
.egg-art svg{width:100%;height:100%;overflow:visible}
.egg-spark{position:absolute;width:4px;height:4px;background:#9fb9ec;border-radius:50%;animation:twinkle 3s ease-in-out infinite}
.spark-a{top:45px;right:43px}.spark-b{top:124px;left:35px;animation-delay:1s}.spark-c{bottom:31px;right:60px;animation-delay:2s}
.success-content h2{font-size:27px}
.success-desc{font-size:12px;color:#7e8999;max-width:400px;margin:10px auto 20px;line-height:1.9}
.success-desc strong{font-weight:600;color:#566a89}
.egg-caption{font-size:9px;letter-spacing:1px;color:#9ba8bc;margin-bottom:14px;text-transform:uppercase}
.success-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.incubation{margin:24px auto 0;text-align:left;max-width:440px;border:1px solid var(--line);border-radius:7px;padding:18px}
.incubation h3{font-size:12px;margin:0 0 4px}
.incubation>p{font-size:10px;color:#9099a6;margin:0 0 16px}
.care-task{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid #eff1f5;cursor:pointer}
.care-task input{margin:3px 0 0;accent-color:var(--blue);width:14px;height:14px;flex-shrink:0}
.care-task span{font-size:11px;color:#546278}
.care-task small{display:block;font-size:10px;font-weight:400;color:#98a0ad;margin-top:2px}
.care-progress{font-size:10px;color:var(--blue);margin:8px 0 11px}
.hatch-button{width:100%}
.summary{text-align:left;padding:22px 28px;border-top:1px solid var(--line);background:#fbfcfe}
.summary h3{font:700 16px "Manrope",sans-serif;margin:0 0 15px}
.summary-row{padding:11px 0;border-top:1px solid var(--line)}
.summary-row b{display:block;font-size:10px;color:#6b82aa;margin-bottom:4px}
.summary-row p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#687589;margin:0}
.success-foot{padding:13px 22px;border-top:1px solid var(--line);background:#fbfcfe;font-size:10px;color:#8b96a6;display:flex;justify-content:center;gap:6px;align-items:center}
.sprout{opacity:0;transform:translateY(30px) scale(.5);transform-origin:58px 125px;transition:all 1.2s .3s}
.shell-top{transition:transform 1.2s ease,opacity 1s ease;transform-origin:50% 60%}
.shell-bottom{transition:transform 1.2s ease}
.crack{opacity:0;transition:opacity .5s}
.hatched .egg-art{animation:none}
.hatched .shell-top{transform:translate(-20px,-40px) rotate(-25deg);opacity:0}
.hatched .shell-bottom{transform:translateY(12px)}
.hatched .sprout{opacity:1;transform:translateY(0) scale(1)}
.hatched .crack{opacity:1}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes breathe{50%{transform:scale(1.1);opacity:.65}}
@keyframes eggArrival{0%{opacity:0;transform:translateY(-45px) rotate(-12deg)}50%{opacity:1;transform:translateY(3px) rotate(5deg)}75%{transform:translateY(-5px) rotate(-3deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes eggRock{0%,65%,100%{transform:rotate(0)}72%{transform:rotate(-3deg)}79%{transform:rotate(3deg)}86%{transform:rotate(-1deg)}}
@keyframes shadow{50%{transform:scaleX(.9);opacity:.7}}
@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@media(min-width:1400px){main{padding-top:49px}.intro{margin-bottom:38px}.question-body{padding-top:34px;padding-bottom:31px}textarea{min-height:144px}}
@media(max-width:850px){.topbar{padding:0 26px;height:72px}.header-center{display:none}main{padding:29px 24px 24px}.workspace{grid-template-columns:191px minmax(0,1fr);gap:18px}.step{padding:10px 8px;gap:9px}.step-desc{font-size:9px}.question-body{padding:24px 22px}.card-top{padding:0 22px}.card-bottom{padding:16px 22px}.keyboard-hint{display:none}h2{font-size:22px}.journey-line{width:15px}.journey{gap:10px}footer{margin:0 24px}.time-badge{display:none}}
@media(max-width:600px){.topbar{height:66px;padding:0 21px}.brand{font-size:24px}.brandmark{width:26px;height:31px}.header-right{font-size:10px;gap:7px}.avatar{height:27px;width:27px}main{padding:23px 19px 20px}.breadcrumb{font-size:10px;margin-bottom:22px}.intro{margin-bottom:23px}.eyebrow{font-size:9px;margin-bottom:10px}h1{font-size:28px;letter-spacing:-1px;line-height:1.35}.intro p{font-size:12px;max-width:305px;line-height:1.8}.workspace{display:block}.rail{padding:0;margin-bottom:20px}.rail-heading{margin:0 0 11px;font-size:9px;display:flex;justify-content:space-between}.steps{display:flex;gap:5px}.steps li{flex:1;min-width:0}.step{padding:7px 2px;flex-direction:column;gap:5px;margin:0;border-radius:6px;min-height:67px}.step-number{flex-basis:auto;width:24px;height:24px;font-size:10px;border-radius:5px}.step-name{font-size:8px;white-space:nowrap;font-weight:500}.step-desc,.step-arrow{display:none}.rail-note{display:none}.card-top{height:48px;padding:0 18px}.card-kicker{font-size:9px;letter-spacing:.7px}.save-status{font-size:9px}.question-body{padding:22px 19px}.question-label{margin-bottom:12px}h2{font-size:23px;letter-spacing:-.7px}.question-desc{font-size:11px;line-height:1.8;margin-bottom:20px}textarea{font-size:13px;min-height:141px;padding:12px}.field-heading{font-size:10px}.field-heading span{font-size:9px}.field-meta{font-size:9px}.example{padding:13px;margin-top:19px}.example-title{font-size:8px;letter-spacing:.4px}.example-tag{font-size:8px}.example p{font-size:11px}.card-bottom{padding:15px 18px}.btn{font-size:10px;padding:10px 13px}.below-card{font-size:9px;padding:14px 0}.journey{margin-top:12px;padding-top:23px;gap:7px;align-items:flex-start}.journey-item{flex-direction:column;align-items:flex-start;gap:7px}.journey-line{width:22px;margin-top:15px}.journey-name{font-size:9px}.journey-desc{font-size:8px;max-width:90px}.journey-icon{width:29px;height:29px}footer{margin:0 19px;font-size:9px;padding-top:17px;padding-bottom:22px}.reset{font-size:9px}.success-content{padding:20px 18px 25px}.success-content h2{font-size:24px}.success-desc{font-size:11px}.success-top{padding:13px 17px;font-size:9px}.success-foot{font-size:9px;padding:12px}.summary{padding:20px}.egg-stage{height:195px}.egg-shadow{bottom:18px}.incubation{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ══ THE SHELF (the CRUD of the definitions) — an OVERLAY, closed by default,
      so the page's flow stays byte-identical to the source app. ══ */
.shelf-panel{position:fixed;z-index:96;left:50%;top:50%;transform:translate(-50%,-50%);
  width:392px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 26px 64px #27375230;padding:19px 20px 17px}
.shelf-panel[hidden]{display:none}
.shelf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.shelf-head h2{font:700 17px/1.3 "Manrope",sans-serif;letter-spacing:-.5px;margin:0;color:var(--ink)}
.shelf-head h2 span{color:var(--blue);font-size:12px;font-weight:600;vertical-align:2px}
.shelf-close{background:none;border:0;color:#9aa3b0;font-size:15px;line-height:1;padding:2px 4px}
.shelf-close:hover{color:var(--ink)}
.shelf-lead{font-size:11px;color:#7a8390;margin:8px 0 13px;line-height:1.7}
.shelf-new{width:100%;padding:9px 11px;border:1px dashed #c9d5f5;border-radius:7px;background:var(--blue-soft);color:#315dc0;font-size:12px;font-weight:600;text-align:left;transition:background .2s,border-color .2s}
.shelf-new:hover{background:#e3ecff;border-color:#a9c0f7}
.shelf-list{list-style:none;margin:13px 0 0;padding:0}
.shelf-item{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 11px;margin-bottom:8px;transition:border-color .2s,box-shadow .2s}
.shelf-item.current{border-color:#cddcfb;box-shadow:0 2px 10px #3567dd14}
.shelf-item.archived{background:#fafbfc;opacity:.75}
.shelf-open{display:block;width:100%;text-align:left;background:none;border:0;padding:0;font:inherit}
.shelf-name{display:block;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.35;overflow-wrap:anywhere}
.shelf-name.untitled{color:#98a1ae;font-weight:500;font-style:italic}
.shelf-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}
.shelf-status{font-size:9px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#8b94a1}
.shelf-status[data-status="incubating"]{color:var(--blue)}
.shelf-status[data-status="hatched"]{color:var(--green)}
.shelf-when{font-size:9px;color:#9aa3b0}
.shelf-actions{display:flex;gap:6px;margin-top:8px}
.shelf-actions button{flex:1;padding:6px 7px;font-size:10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#69737f;transition:background .15s,border-color .15s}
.shelf-actions button:hover{background:#f2f5fa;border-color:#d8dee8;color:#3f4a59}
.shelf-actions button.danger:hover{background:#fdf1f1;border-color:#f0d4d4;color:#a4544f}
.shelf-empty{font-size:11px;color:#98a1ae;padding:7px 2px}
.shelf-foot{margin-top:14px;padding-top:11px;border-top:1px solid var(--line);text-align:right}
.shelf-foot a{font-size:10.5px;color:var(--blue);text-decoration:none}
.shelf-foot a:hover{text-decoration:underline}
#open-shelf{cursor:pointer}
#open-shelf:hover{text-decoration:underline;text-underline-offset:2px}

/* THE CALLOUT — the sanctioned visible addition (the producer's go,
   2026-11-12): one button, in the header's own grain. */
.new-product{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;border:1px solid #dce4f6;
  border-radius:6px;background:var(--blue-soft);color:#315dc0;font-size:11.5px;font-weight:600;white-space:nowrap;
  transition:background .2s,border-color .2s,transform .15s}
.new-product:hover{background:#e3ecff;border-color:#b9cbf6;transform:translateY(-1px)}
.new-product:active{transform:translateY(0)}

/* ══ THE TOAST (the one voice of the CRUD — confirm what the server said) ══ */
.toast-host{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:95;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}
.buddin-toast{pointer-events:auto;display:flex;align-items:center;gap:9px;background:#202b3a;color:#fff;border-radius:8px;padding:9px 13px;font-size:12px;box-shadow:0 10px 30px #202b3a33;animation:toastIn .22s cubic-bezier(.22,1,.36,1)}
.buddin-toast.is-error{background:#8e3b3b}
.buddin-toast.is-ok{background:#2f6a55}
.buddin-toast button{background:none;border:0;color:#ffffffaa;font-size:13px;line-height:1;padding:0}
@keyframes toastIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

/* ══ THE VERSIONING ORB (FabCraft's little item, bottom right — same grammar,
      re-toned for Budding's paper: the orb opens the LINEAGE of the releases) ══ */
.ver-orb{position:fixed;right:16px;bottom:16px;z-index:90;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:#fff;border:1px solid var(--line);color:var(--blue);box-shadow:0 8px 22px #27375218;transition:transform .2s,box-shadow .2s}
.ver-orb:hover{transform:translateY(-3px);box-shadow:0 14px 30px #27375226,0 0 0 4px #3567dd14}
.ver-orb svg{width:22px;height:22px;display:block}
.ver-orb .ver-tag{position:absolute;bottom:-17px;right:0;font-size:8.5px;letter-spacing:.1em;color:#8b94a1;font-weight:600}
.ver-panel{position:fixed;right:16px;bottom:74px;z-index:91;width:308px;max-width:calc(100vw - 32px);display:none;
  background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 46px #27375224;padding:15px 16px 13px}
.ver-panel.open{display:block}
.ver-panel h4{font-size:10px;letter-spacing:.16em;color:var(--blue);margin:0 0 4px;text-transform:uppercase;font-weight:700}
.ver-panel p{font-size:11.5px;color:#7a8390;margin:0 0 10px}
.ver-list{list-style:none;padding:0;margin:0;max-height:230px;overflow:auto}
.ver-list li{border-top:1px solid var(--line);padding:8px 0}
.ver-list a{color:var(--ink);text-decoration:none;font-weight:650;font-size:13px;display:flex;justify-content:space-between;gap:10px}
.ver-list a:hover{color:var(--blue)}
.ver-list a span{font-size:10px;color:#98a1ae;font-weight:400;letter-spacing:.05em}
.ver-list em{display:block;font-style:normal;font-size:11px;color:#7a8390;margin-top:2px}
.ver-foot{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;color:#98a1ae;display:flex;justify-content:space-between;gap:8px}
.ver-foot a{color:var(--blue);text-decoration:none}
.loading-state{display:inline-flex;align-items:center;gap:7px;color:#98a1ae;font-size:11px}
.loading-state i{width:9px;height:9px;border-radius:50%;border:1.5px solid #d7dde6;border-top-color:var(--blue);animation:orbSpin .7s linear infinite}
@keyframes orbSpin{to{transform:rotate(360deg)}}
@media(max-width:560px){.ver-orb{width:42px;height:42px;right:12px;bottom:12px}.ver-panel{right:12px;bottom:64px;width:calc(100vw - 24px)}.shelf-panel{width:calc(100vw - 24px);padding:16px 15px 14px}}