.library-page { background:radial-gradient(ellipse at 90% 20%,rgba(188,173,255,.065),transparent 50%),var(--bg); }
.library-loading { position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:rgba(0,0,0,.36);pointer-events:none; }
.library-loading-card { display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:13px 17px;background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.35);color:var(--text);font:11px/1.5 var(--mono); }
.library-loading[hidden] { display:none; }
.library-loading-spinner { width:18px;height:18px;flex-shrink:0;border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:library-loading-spin .8s linear infinite; }
@keyframes library-loading-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .library-loading-spinner { animation:none; } }
.library-main { padding-top:28px;padding-bottom:45px; }
.library-breadcrumb { display:flex;justify-content:space-between;gap:18px;font:9px/1.8 var(--mono);letter-spacing:.045em;color:var(--muted); }
.library-breadcrumb a { color:var(--purple); }
.library-nav-label { font:8px var(--mono);letter-spacing:.06em;color:var(--muted); }
.library-page .tech-nav-middle a[aria-current=page] { color:var(--cyan); }
.library-page .library-playground { margin-top:0; }
.library-page .dately-demo-heading { padding:35px 0 33px; }
.library-page .dately-demo-heading h1 { margin:17px 0 0;font:500 clamp(38px,4.2vw,62px)/1 var(--sans);letter-spacing:-.065em; }
.library-page .dately-demo-heading h1 em { font:400 1.1em var(--serif);letter-spacing:-.03em;color:var(--cyan); }
.library-page .dately-demo-heading>p { max-width:350px; }
.library-next { display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);margin-top:35px;padding-top:24px;font:10px/1.8 var(--mono);color:var(--muted); }
.library-next a:last-child { color:var(--cyan); }
.library-mode { display:flex;gap:5px;border:1px solid #514661;padding:4px;margin-bottom:24px;background:#151322; }
.library-mode button { flex:1;border:0;background:transparent;color:var(--muted);padding:11px 9px;font:10px/1.4 var(--mono); }
.library-mode button[aria-pressed=true] { background:var(--purple);color:#181426; }
#numbr-form>label { display:block;font-size:15px;letter-spacing:-.02em;margin-bottom:13px; }
#numbr-input-note { color:var(--muted);font:9px/1.8 var(--mono);margin:10px 0 22px; }
.numbr-target { display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:24px; }
#numbr-form .numbr-target label { margin:0;font:8px var(--mono);letter-spacing:.08em;color:var(--muted); }
.numbr-target select { max-width:75%;min-width:0;color:var(--text);background:#151322;border:1px solid #514661;padding:11px 12px;font:10px/1.5 var(--mono);color-scheme:dark; }
.numbr-target select:disabled { opacity:.65;cursor:not-allowed; }
.numbr-target option:disabled { color:var(--muted); }
.numbr-format-note { margin:-12px 0 24px;color:var(--muted);font:11px/1.7 var(--sans);max-width:480px; }
.numbr-demo .dately-examples button:disabled { opacity:.45;cursor:not-allowed;color:#c7c0e1;border-color:#4a435e;background:transparent; }
.numbr-example-note { margin:12px 0 0;color:var(--muted);font:11px/1.7 var(--sans);max-width:480px; }
.numbr-value { margin:12px 0;font:500 clamp(36px,5vw,76px)/1.08 var(--sans);color:var(--cyan);letter-spacing:-.065em;overflow-wrap:anywhere; }
.numbr-value.is-text { font-size:clamp(27px,3vw,42px);letter-spacing:-.04em;line-height:1.2; }
.numbr-result-caption { color:var(--muted);font:10px/1.8 var(--mono);margin:0 0 25px;overflow-wrap:anywhere; }
.numbr-representations { display:grid;gap:8px;margin-top:25px; }
.numbr-representation { display:flex;justify-content:space-between;align-items:baseline;gap:20px;background:#1e1a2d;border:1px solid #40374e;padding:14px 16px; }
.numbr-representation span { font:8px/1.8 var(--mono);letter-spacing:.03em;color:var(--muted);flex-shrink:0; }
.numbr-representation strong { min-width:0;font:400 13px/1.6 var(--mono);color:#ded3ee;text-align:right;overflow-wrap:anywhere; }
.numbr-representation.is-selected { border-color:#a9f8e2;background:rgba(169,248,226,.045); }
.numbr-representation.is-selected strong { color:var(--cyan); }
.numbr-representation.is-unavailable strong { color:#bfabb3;font-size:10px; }
.numbr-extracted { display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#151322;border:1px solid #40374e; }
.numbr-extracted span { padding:11px 16px;background:#29223a;color:var(--cyan);font:500 22px/1.2 var(--mono);overflow-wrap:anywhere;max-width:100%; }
.library-page .dately-raw h3 { font:400 8px/1.8 var(--mono);color:var(--muted);margin:0 0 10px; }
.library-page :is(select,button,a,input,summary):focus-visible { outline:2px solid var(--cyan);outline-offset:4px; }
#numbr-connection { color:var(--muted); }
#numbr-connection[data-state=online] { color:var(--cyan); }
#numbr-connection[data-state=offline] { color:#efbc9e; }
@media(max-width:1000px) { .library-nav-label { display:none; } }
@media(max-width:760px) { .library-page .dately-demo-heading>p { max-width:480px; }.numbr-value { font-size:60px; } }
@media(max-width:760px) { .numbr-demo[data-operation=extract] .dately-output-panel { min-height:340px; } }
@media(max-width:560px) { .library-main { padding-top:22px; }.library-breadcrumb { font-size:8px; }.library-breadcrumb>span { display:none; }.library-page .dately-demo-heading { padding:28px 0 25px; }.library-page .dately-demo-heading h1 { font-size:42px; }.library-next { align-items:start;font-size:9px; }#numbr-connection { display:block;padding-left:15px;margin-top:6px; }.numbr-target { align-items:stretch;flex-direction:column;gap:10px; }.numbr-target select { max-width:100%;width:100%;font-size:11px; }.numbr-representation { gap:10px;padding:13px 11px; }.numbr-representation span { font-size:7px; }.numbr-representation strong { font-size:11px; }.numbr-value { font-size:58px; }.numbr-value.is-text { font-size:28px; }.library-mode button { font-size:9px;padding:10px 5px; } }