:root{--bg-base: #0a0a0a;--bg-raise: #101014;--surface-glass: rgba(24, 24, 32, .5);--surface-glass-hover: rgba(30, 30, 40, .62);--surface-input: rgba(18, 18, 24, .58);--blur-glass: 16px;--accent: #0ea5e9;--accent-bright: #38bdf8;--accent-deep: #0284c7;--on-accent: #0a0a0a;--text-primary: #f2f4f8;--text-secondary: #a2acb9;--text-danger: #f87171;--border-glass: rgba(255, 255, 255, .08);--border-glass-strong: rgba(255, 255, 255, .14);--border-accent: rgba(14, 165, 233, .38);--glow-accent: rgba(14, 165, 233, .15);--glow-ring: rgba(14, 165, 233, .35);--shadow-card: 0 12px 32px rgba(0, 0, 0, .45);--shadow-card-hover: 0 18px 44px rgba(0, 0, 0, .55);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-card: 14px;--radius-control: 10px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-entrance: .3s;--dur-fast: 90ms;--dur-base: .16s;--dur-slow: .3s;--dur-sweep: .6s;color-scheme:dark;font-family:var(--font-sans);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-base)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background-color:var(--bg-base)}body{font-family:var(--font-sans);color:var(--text-primary)}::selection{background:#0ea5e94d;color:var(--text-primary)}.ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-glow{position:absolute;width:min(46rem,92vw);aspect-ratio:1 / 1;border-radius:50%;filter:blur(110px);opacity:0;animation:a1-ambient-in 1.2s var(--ease-out) forwards,a1-ambient-drift 26s ease-in-out 1.2s infinite alternate}.ambient-glow--top-left{top:-16rem;left:-12rem;background:radial-gradient(circle,#0ea5e926,#0ea5e900 70%)}.ambient-glow--top-right{top:-20rem;right:-12rem;animation-delay:0ms,1.6s;background:radial-gradient(circle,#2dd4bf1a,#2dd4bf00 70%)}.ambient-glow--bottom-right{bottom:-18rem;right:-14rem;animation-delay:0ms,2.4s;background:radial-gradient(circle,#6366f121,#6366f100 70%)}.ambient-glow--bottom-left{bottom:-22rem;left:-14rem;animation-delay:0ms,3.2s;background:radial-gradient(circle,#0ea5e91a,#0ea5e900 70%)}.app-shell{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:clamp(1.75rem,4vw,3.5rem) clamp(1rem,3vw,2rem) 4rem}.brand{display:flex;align-items:center;gap:.75rem;animation:a3-brand-in var(--dur-entrance) var(--ease-out) 60ms both}.brand-glyph{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-control);border:1px solid var(--border-accent);background:#0ea5e91f;box-shadow:0 0 24px var(--glow-accent),var(--shadow-inset);color:var(--accent-bright);font-family:var(--font-mono);font-size:1.1rem;font-weight:600;line-height:1}.brand-title{margin:0;font-size:clamp(1.5rem,4vw,2.125rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.subtitle{margin:.75rem 0 0;max-width:46rem;color:var(--text-secondary);font-size:clamp(.9rem,2.2vw,1rem);line-height:1.6;animation:a3-brand-in var(--dur-entrance) var(--ease-out) .12s both}.input-panel{margin:clamp(1.5rem,4vw,2.25rem) 0 clamp(1.25rem,3vw,1.75rem);padding:clamp(1rem,3vw,1.375rem);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);box-shadow:var(--shadow-inset),var(--shadow-card);animation:a4-panel-in var(--dur-entrance) var(--ease-out) .18s both}.input-row{display:flex;flex-wrap:wrap;gap:.625rem}#timestamp-input{flex:1 1 16rem;min-width:0;padding:.7rem .875rem;border:1px solid var(--border-glass-strong);border-radius:var(--radius-control);background:var(--surface-input);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;line-height:1.4;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}#timestamp-input::placeholder{color:var(--text-secondary);opacity:.65}#timestamp-input:hover{border-color:#ffffff38}#timestamp-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0ea5e938,0 0 24px var(--glow-accent)}#now-button{flex:0 0 auto;padding:.7rem 1.125rem;border:1px solid transparent;border-radius:var(--radius-control);background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--on-accent);font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px #0ea5e926,var(--shadow-inset);transition:transform .16s var(--ease-out),box-shadow .2s ease,filter .16s ease}#now-button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 26px #0ea5e926,0 0 28px var(--glow-accent)}#now-button:active{transform:translateY(0);filter:brightness(.96)}#now-button:focus-visible,#timestamp-input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.input-hint{margin:.75rem 0 0;color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.01em}.section-label{margin:0 0 .875rem;color:var(--text-secondary);font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.clock-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-5) var(--space-7);margin:0 0 clamp(1.5rem,4vw,2.25rem);padding:var(--space-6) var(--space-5);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);box-shadow:var(--shadow-inset),var(--shadow-card);transition:border-color var(--dur-slow) ease,box-shadow var(--dur-slow) ease;animation:a4-panel-in var(--dur-entrance) var(--ease-out) .21s both}@supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){.clock-hero{background:#121d26}}.clock-hero:hover,.clock-hero:focus-within{border-color:var(--border-accent);box-shadow:var(--shadow-inset),var(--shadow-card-hover),0 0 40px var(--glow-accent)}.clock-heading{flex:1 0 100%;margin:0}.clock-analog{flex:0 0 auto;line-height:0}.clock-analog svg{display:block;width:clamp(9.5rem,44vw,13.75rem);height:auto}.clock-face{fill:var(--surface-input);stroke:var(--border-glass-strong)}.clock-tick{stroke:var(--border-glass);stroke-width:1;stroke-linecap:round}.clock-tick--hour{stroke:var(--border-glass-strong);stroke-width:2.5}.clock-numeral{fill:var(--text-secondary);font-family:var(--font-mono);font-size:13px;font-weight:500}.clock-hand{stroke-linecap:round;transform-box:view-box;transform-origin:50% 50%;transition:transform var(--dur-sweep) var(--ease-out)}.clock-hand--hour{stroke:var(--text-primary);stroke-width:5;transform:rotate(var(--hour-deg, 0deg))}.clock-hand--minute{stroke:var(--text-primary);stroke-width:3;transform:rotate(var(--minute-deg, 0deg))}.clock-hand--second{stroke:var(--accent-bright);stroke-width:1.5;transform:rotate(var(--second-deg, 0deg));filter:drop-shadow(0 0 4px var(--glow-ring))}.clock-hero[data-live] .clock-hand{transition:none}.clock-pin{fill:var(--accent)}.clock-pin-halo{fill:none;stroke:var(--glow-ring);stroke-width:3;transform-box:view-box;transform-origin:50% 50%;animation:a15-pin-pulse 2.4s var(--ease-out) infinite}.clock-digital-block{flex:0 1 auto;min-width:0;text-align:center}.clock-badge{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.18em}.clock-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--text-secondary)}.clock-hero[data-live] .clock-badge-dot{background:var(--accent-bright);box-shadow:0 0 8px var(--glow-ring);animation:a11-badge-pulse 2.4s ease-in-out infinite}.clock-digital{margin-top:var(--space-2);color:var(--text-primary);font-family:var(--font-mono);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:500;line-height:1.1;letter-spacing:.02em;font-variant-numeric:tabular-nums;transition:font-size var(--dur-slow) var(--ease-out)}.clock-digital--large{font-size:clamp(2.6rem,9vw,4.25rem)}.clock-digit-group{display:inline-block;animation:a7-value-swap .22s var(--ease-out) both}.clock-colon{padding:0 .06em;color:var(--text-secondary)}.clock-hero[data-live] .clock-colon{animation:a12-colon-blink 1s steps(1) infinite}.clock-digital-sub{margin:var(--space-1) 0 0;color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;line-height:1.5}.clock-ref{color:var(--accent-bright);font-weight:600}.clock-date{display:inline-block;animation:a7-value-swap .22s var(--ease-out) both}.clock-controls{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media(min-width:768px){.clock-controls{flex-direction:column;align-items:center}}.seg{display:inline-flex;padding:3px;border:1px solid var(--border-glass);border-radius:999px;background:var(--surface-input)}.seg button{padding:6px 14px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) ease,background-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.seg button:hover{color:var(--text-primary)}.seg button:active{transform:scale(.96)}.seg button[aria-pressed=true]{background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--on-accent);box-shadow:0 4px 14px var(--glow-accent)}.seg button[aria-pressed=true]:hover{color:var(--on-accent);box-shadow:0 4px 18px var(--glow-accent),0 0 22px var(--glow-accent)}.seg button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.results-heading{margin:0 0 .875rem;color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;animation:a5-results-in var(--dur-entrance) var(--ease-out) .24s both}.results{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;margin:0;padding:0;list-style:none}@media(min-width:768px){.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.results{grid-template-columns:repeat(3,minmax(0,1fr))}}.result-row{position:relative;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.95rem 1.05rem;border:1px solid var(--border-glass);border-radius:var(--radius-card);background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);box-shadow:var(--shadow-inset),var(--shadow-card);transition:transform .22s var(--ease-out),border-color .22s ease,background-color .22s ease,box-shadow .22s ease}.results[data-entering] .result-row{animation:a2-card-in var(--dur-entrance) var(--ease-out) both}.results[data-entering] .result-row:nth-child(1){animation-delay:.3s}.results[data-entering] .result-row:nth-child(2){animation-delay:.37s}.results[data-entering] .result-row:nth-child(3){animation-delay:.44s}.results[data-entering] .result-row:nth-child(4){animation-delay:.51s}.results[data-entering] .result-row:nth-child(5){animation-delay:.58s}.results[data-entering] .result-row:nth-child(6){animation-delay:.65s}.results[data-entering] .result-row:nth-child(7){animation-delay:.72s}.result-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 0 1px var(--glow-ring),0 0 28px var(--glow-accent);transition:opacity .22s ease}.result-row:hover,.result-row:focus-within{transform:translateY(-3px);border-color:var(--border-accent);background:var(--surface-glass-hover);box-shadow:var(--shadow-inset),var(--shadow-card-hover)}.result-row:hover:after,.result-row:focus-within:after{opacity:1;animation:a6-glow-pulse 2.4s ease-in-out infinite}.result-label{padding-right:4.75rem;color:var(--text-secondary);font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.result-value{display:block;min-width:0;color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;font-weight:500;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;animation:a7-value-swap .22s var(--ease-out) both}.copy-button{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;gap:5px;min-width:24px;min-height:24px;padding:4px 9px;border:1px solid var(--border-glass);border-radius:7px;background:var(--surface-input);color:var(--text-secondary);font-family:var(--font-sans);font-size:.68rem;font-weight:600;cursor:pointer;opacity:0;transition:opacity var(--dur-base) ease 40ms,transform var(--dur-fast) var(--ease-out),color var(--dur-base) ease,border-color var(--dur-base) ease}.result-row:hover .copy-button,.result-row:focus-within .copy-button,.copy-button:focus-visible{opacity:1}.copy-button:hover{color:var(--text-primary);border-color:var(--border-glass-strong)}.copy-button:active{transform:scale(.96)}.copy-button[data-state=done]{color:var(--accent-bright);border-color:var(--border-accent)}.copy-button[data-state=failed]{color:var(--text-danger);border-color:#f8717166}.copy-button[aria-disabled=true]{cursor:progress}@media(hover:none){.copy-button{opacity:1}}.error{grid-column:1 / -1;display:flex;align-items:center;gap:.625rem;padding:.95rem 1.05rem;border:1px solid rgba(248,113,113,.32);border-radius:var(--radius-card);background:#28161a80;backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);box-shadow:var(--shadow-inset),var(--shadow-card);color:var(--text-danger);font-size:.95rem;animation:a7-value-swap .22s var(--ease-out) both}@keyframes a1-ambient-in{0%{opacity:0}to{opacity:1}}@keyframes a1-ambient-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2.5rem,1.75rem,0) scale(1.08)}}@keyframes a2-card-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes a3-brand-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes a4-panel-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes a5-results-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes a6-glow-pulse{0%,to{box-shadow:0 0 0 1px var(--glow-ring),0 0 22px var(--glow-accent)}50%{box-shadow:0 0 0 1px var(--glow-ring),0 0 38px var(--glow-accent)}}@keyframes a7-value-swap{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes a11-badge-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes a12-colon-blink{0%,60%{opacity:1}60.01%,to{opacity:.35}}@keyframes a15-pin-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.15;transform:scale(1.9)}}@keyframes a16-spin{to{transform:rotate(360deg)}}@keyframes a17-skeleton{0%,to{opacity:.35}50%{opacity:.65}}@keyframes a18-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){#now-button{flex:1 1 100%}.result-value{font-size:.9rem}.clock-hero{gap:var(--space-4);padding:var(--space-5) var(--space-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient-glow{opacity:1}.result-row:hover,.result-row:focus-within{transform:none}.clock-hand,.clock-hero[data-live] .clock-hand{transition:none}.clock-colon,.clock-hero[data-live] .clock-colon,.clock-hero[data-live] .clock-badge-dot{animation:none;opacity:1}.clock-pin-halo{animation:none;opacity:.55}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:36px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-control);background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--on-accent);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-base) ease,color var(--dur-base) ease,border-color var(--dur-base) ease}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.96)}.btn--ghost{border-color:var(--border-glass);background:var(--surface-input);color:var(--text-secondary);font-weight:500}.btn--ghost:hover{border-color:var(--border-glass-strong);color:var(--text-primary);filter:none}.btn--ghost[data-state=done]{border-color:var(--border-accent);color:var(--accent-bright)}.btn--ghost[data-state=failed]{border-color:#f8717166;color:var(--text-danger)}.share-button{flex:0 0 auto;animation:a7-value-swap var(--dur-base) var(--ease-out) both}.panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 13px;border:1px solid var(--border-glass);border-radius:999px;background:var(--surface-input);color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:500;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) ease,border-color var(--dur-base) ease,background-color var(--dur-base) ease}.chip:hover{border-color:var(--border-glass-strong);background:var(--surface-glass-hover);color:var(--text-primary)}.chip:active{transform:scale(.96)}.chip[aria-expanded=true]{border-color:var(--border-accent);color:var(--accent-bright)}.chip-count{min-width:18px;padding:0 5px;border-radius:999px;background:#0ea5e929;color:var(--accent-bright);font-family:var(--font-mono);font-size:.66rem;font-weight:600;line-height:18px;text-align:center}.spinner{flex:none;width:11px;height:11px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:a16-spin .7s linear infinite}.btn:focus-visible,.chip:focus-visible,.copy-button:focus-visible,.h-chip:focus-visible,.h-pin:focus-visible,.h-clear:focus-visible,.panel-close:focus-visible,.export-preview:focus-visible,.share-input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.history-panel:focus,.export-dialog:focus{outline:none}.overlay-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;pointer-events:none}.history-panel,.overlay-backdrop,.toast{pointer-events:auto}.history-panel{position:absolute;top:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;width:min(24rem,100%);padding:var(--space-5) var(--space-5) var(--space-4);overflow-y:auto;border-left:1px solid var(--border-glass-strong);background:#101016d1;backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);box-shadow:-18px 0 48px #00000080;opacity:0;visibility:hidden;transform:translate(14px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow)}.history-panel[data-open]{opacity:1;visibility:visible;transform:none;transition-delay:0s,0s,0s}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-title{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--text-primary)}.panel-count{min-width:20px;padding:0 6px;border-radius:999px;background:#0ea5e929;color:var(--accent-bright);font-family:var(--font-mono);font-size:.68rem;line-height:20px;letter-spacing:0;text-align:center}.panel-close{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--border-glass);border-radius:8px;background:var(--surface-input);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:color var(--dur-base) ease,border-color var(--dur-base) ease,transform var(--dur-fast) var(--ease-out)}.panel-close:hover{border-color:var(--border-glass-strong);color:var(--text-primary)}.panel-close:active{transform:scale(.94)}.panel-body{display:flex;flex-direction:column;gap:var(--space-3)}.panel-note{margin:0;color:var(--text-secondary);font-size:.8rem;line-height:1.6}.skeleton-row{height:34px;border-radius:999px;background:linear-gradient(90deg,var(--surface-input),var(--surface-glass-hover));animation:a17-skeleton 1.4s ease-in-out infinite}.history-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.history-item{display:flex;align-items:center;gap:var(--space-2)}.h-chip{display:inline-flex;flex:1 1 auto;align-items:baseline;gap:var(--space-3);min-width:0;min-height:34px;padding:6px 14px;border:1px solid var(--border-glass);border-radius:999px;background:var(--surface-input);color:var(--text-secondary);font-family:var(--font-mono);font-size:.78rem;font-weight:500;text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),color var(--dur-base) ease,border-color var(--dur-base) ease,background-color var(--dur-base) ease}.h-chip:hover{border-color:var(--border-glass-strong);background:var(--surface-glass-hover);color:var(--text-primary)}.h-chip:active{transform:scale(.98)}.h-chip-time{color:var(--text-primary);font-variant-numeric:tabular-nums}.h-chip-day{font-size:.7rem}.history-item[data-current] .h-chip{border-color:var(--border-accent);box-shadow:0 0 18px var(--glow-accent)}.history-item[data-pinned] .h-chip{color:var(--accent-bright)}.h-pin{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;opacity:.55;transition:opacity var(--dur-base) ease,color var(--dur-base) ease,background-color var(--dur-base) ease}.h-pin:hover,.h-pin[aria-pressed=true]{opacity:1;background:#ffffff0f}.h-pin[aria-pressed=true]{color:var(--accent-bright)}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.h-clear{padding:6px 8px;border:none;border-radius:6px;background:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;text-decoration:underline dotted;cursor:pointer;transition:color var(--dur-base) ease}.h-clear:hover{color:var(--text-primary)}.h-clear[aria-disabled=true]{opacity:.5;cursor:default;text-decoration:none}.panel-foot-note{color:var(--text-secondary);font-size:.7rem}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:#0a0a0ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow)}.overlay-backdrop[data-open]{opacity:1;visibility:visible;transition-delay:0s,0s}.export-dialog{display:flex;flex-direction:column;gap:var(--space-4);width:min(34rem,100%);max-height:100%;padding:var(--space-5);overflow-y:auto;border:1px solid var(--border-glass-strong);border-radius:var(--radius-card);background:var(--bg-raise);box-shadow:var(--shadow-card-hover);transform:translateY(10px) scale(.99);transition:transform var(--dur-slow) var(--ease-out)}.overlay-backdrop[data-open] .export-dialog{transform:none}.export-formats{align-self:flex-start}.export-preview{max-height:13rem;margin:0;padding:var(--space-4);overflow:auto;border:1px solid var(--border-glass);border-radius:var(--radius-control);background:var(--surface-input);color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.export-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.share-block{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-glass)}.share-label{color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.share-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.share-input{flex:1 1 14rem;min-width:0;padding:9px 12px;border:1px solid var(--border-glass-strong);border-radius:var(--radius-control);background:var(--surface-input);color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem}.toast-slot{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;justify-content:center;padding:var(--space-5);pointer-events:none}.toast{max-width:32rem;margin:0;padding:.75rem 1.05rem;border:1px solid var(--border-glass-strong);border-radius:var(--radius-card);background:#121218eb;backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);box-shadow:var(--shadow-card);color:var(--text-primary);font-size:.85rem;line-height:1.5;pointer-events:auto;animation:a18-toast-in var(--dur-base) var(--ease-out) both}.toast[data-tone=danger]{border-color:#f8717166;color:var(--text-danger)}@supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){.history-panel,.toast{background:#121d26}.overlay-backdrop{background:#0a0a0ae6}}.footer-hint{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-5);margin:var(--space-7) 0 0;color:var(--text-secondary);font-size:.76rem}.footer-hint-label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.footer-shortcut{display:inline-flex;align-items:center;gap:var(--space-2)}.kbd-group{display:inline-flex;gap:3px}.footer-hint kbd{min-width:22px;padding:2px 7px;border:1px solid var(--border-glass-strong);border-bottom-width:2px;border-radius:6px;background:var(--surface-input);color:var(--accent-bright);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-align:center}@media(max-width:480px){.history-panel{width:100%;border-left:none}.share-button{flex:1 1 100%}.result-label{padding-right:4rem}.export-dialog{padding:var(--space-4)}.footer-hint{gap:var(--space-2) var(--space-4)}}@media(prefers-reduced-motion:reduce){.history-panel,.export-dialog{transform:none}.skeleton-row{animation:none;opacity:.45}.spinner{animation:none;border-top-color:currentColor;opacity:.6}}.footer-grid-nav{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,2rem) clamp(2.5rem,6vw,4rem)}.fg-label{margin-bottom:var(--space-3);color:var(--text-secondary);font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.footer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:810px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.fg-card{display:block;min-width:0;padding:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-control);background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(140%);text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-base) ease,background-color var(--dur-base) ease}a.fg-card:hover{transform:translateY(-1px);border-color:var(--border-glass-strong);background:var(--surface-glass-hover)}a.fg-card:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.fg-card .fg-title{margin:0 0 var(--space-1);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:600}.fg-card .fg-desc{margin:0;color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;line-height:1.45}.fg-card--current{border-left:3px solid var(--accent);cursor:default}.fg-card--current .fg-title{color:var(--accent-bright)}@supports not ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))){.fg-card{background:#121d26}}@media(prefers-reduced-motion:reduce){a.fg-card:hover{transform:none}}.fg-card--hub{border-left:3px solid var(--accent-bright)}.fg-card--hub .fg-title{color:var(--accent-bright)}.tools-index{display:grid;gap:clamp(2rem,5vw,3rem);margin-top:var(--space-6)}.tools-group-title{margin:0 0 var(--space-2);color:var(--text-primary);font-family:var(--font-sans);font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.tools-group-desc{margin:0 0 var(--space-4);max-width:62ch;color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;line-height:1.6}.breadcrumb{margin:0 0 var(--space-4)}.breadcrumb--shell{position:relative;z-index:1;max-width:72rem;margin:0 auto var(--space-4);padding:clamp(1.75rem,4vw,3.5rem) clamp(1rem,3vw,2rem) 0}.breadcrumb--shell+.site-intro{padding-top:0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-1);min-width:0;font-family:var(--font-sans);font-size:.8rem;line-height:1.4}.breadcrumb-item a{padding:4px 8px;border-radius:var(--radius-control);color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:color var(--dur-base) ease,background-color var(--dur-base) ease}.breadcrumb-item:first-child a{margin-left:-8px}.breadcrumb-item a:hover{background:var(--surface-input);color:var(--text-primary)}.breadcrumb-item a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.breadcrumb-current{overflow:hidden;min-width:0;color:var(--text-primary);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-sep{color:var(--text-secondary);-webkit-user-select:none;user-select:none}.site-intro{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:clamp(1.75rem,4vw,3.5rem) clamp(1rem,3vw,2rem) 0}.site-intro h1{margin:0;font-size:clamp(1.5rem,4vw,2.125rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.site-intro p{margin:.75rem 0 0;max-width:46rem;color:var(--text-secondary);font-size:clamp(.9rem,2.2vw,1rem);line-height:1.6}.site-prose,.site-faq{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:0 clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem)}.site-prose h2,.site-faq h2{margin:0 0 var(--space-4);font-size:clamp(1.1rem,2.6vw,1.375rem);font-weight:600;letter-spacing:-.01em}.site-prose h2+p{margin-bottom:var(--space-3)}.site-prose p+h2{margin-top:var(--space-6)}.site-faq h3{margin:var(--space-5) 0 var(--space-2);color:var(--text-primary);font-size:1rem;font-weight:600}.site-faq h3:first-of-type{margin-top:0}.site-prose p,.site-faq p{margin:0;max-width:46rem;color:var(--text-secondary);font-size:.9rem;line-height:1.65}.site-prose code,.site-faq code{padding:.1em .4em;border-radius:4px;background:var(--surface-input);color:var(--text-primary);font-family:var(--font-mono);font-size:.85em}.related-strip{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,2rem) var(--space-6)}.rl-label{margin-bottom:var(--space-3);color:var(--text-secondary);font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.related-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}@media(min-width:640px){.related-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.rl-card{display:block;min-width:0;padding:var(--space-2) var(--space-4);border-left:2px solid var(--border-glass);text-decoration:none;transition:border-color var(--dur-base) ease,background-color var(--dur-base) ease}.rl-card:hover{border-left-color:var(--accent);background:var(--surface-glass)}.rl-card:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.rl-card .rl-title{margin:0 0 var(--space-1);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:600}.rl-card .rl-desc{margin:0;color:var(--text-secondary);font-family:var(--font-sans);font-size:.75rem;line-height:1.45}@media(prefers-reduced-motion:reduce){.rl-card{transition:none}}