:root{--bg:oklch(16% 0.018 55);--bg-soft:oklch(20% 0.02 55);--surface:oklch(93% 0.02 75);--surface-2:oklch(97% 0.012 80);--ink:oklch(94% 0.012 70);--ink-soft:oklch(74% 0.02 60);--ink-on-surface:oklch(24% 0.02 50);--vinyl:oklch(11% 0 0);--vinyl-groove:oklch(21% 0 0);--vinyl-groove-light:oklch(26% 0 0);--accent:oklch(73% 0.15 68);--accent-strong:oklch(63% 0.16 52);--accent-ink:oklch(16% 0.02 50);--line:oklch(35% 0.02 55);--shadow-color:12 8 4;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:oklch(16% .018 55);background-color:var(--bg);color:oklch(94% .012 70);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{outline:2px solid oklch(73% .15 68);outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 3s linear infinite}@media (prefers-reduced-motion:reduce){.animate-spin{animation:none}}.site-header{background-color:oklch(16% .018 55);background-color:var(--bg);padding:28px 20px 4px;text-align:center}.site-title{color:oklch(73% .15 68);color:var(--accent);font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:700;letter-spacing:-.01em;margin:0}.site-title-sub{color:oklch(74% .02 60);color:var(--ink-soft);display:block;font-size:.8125rem;font-weight:500;letter-spacing:.01em;margin-top:4px}@media (min-width:640px){.site-title-sub{display:inline;margin-left:10px;margin-top:0}}#description{align-items:center;background-color:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-md);box-sizing:border-box;color:var(--ink);display:flex;flex-direction:column;justify-content:flex-start;margin:24px auto 60px;max-width:760px;padding:32px 24px;text-align:center}#description h2{color:var(--ink);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin-bottom:24px}#content section{margin-bottom:28px;padding:0 8px;text-align:left}#content h3{color:var(--accent);font-size:1.125rem;font-weight:700;margin-bottom:10px}#content p{color:var(--ink-soft);font-size:.9375rem;line-height:1.65;margin:0 0 4px;max-width:68ch}#button-guide ul{list-style-type:none;margin:0;padding:0}#button-guide li{color:var(--ink-soft);font-size:.9375rem;line-height:1.6;margin-bottom:10px}#button-guide strong{color:var(--ink)}@media (max-width:768px){#description{margin:16px auto 40px;padding:22px 16px}#description h2{font-size:1.5rem}#content h3{font-size:1rem}#button-guide li,#content p{font-size:.875rem}}.App{background-color:var(--bg);text-align:center}html{scroll-behavior:smooth}#app-container{display:flex;flex-direction:column;min-height:100vh}#main-content{flex:1 1}.url-form{display:flex;gap:0;justify-content:center;margin-top:4px;padding:0 16px}.url-input{background-color:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;box-shadow:inset 0 1px 2px rgba(var(--shadow-color),.25);color:var(--ink-on-surface);font-size:.9375rem;max-width:420px;padding:12px 16px;width:100%}.url-input::placeholder{color:oklch(45% .02 55)}.url-input:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;position:relative;z-index:1}.load-button{background-color:var(--accent);border:1px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--accent-ink);cursor:pointer;font-size:.9375rem;font-weight:600;padding:0 22px;transition:background-color .15s var(--ease-out-expo)}.load-button:hover{border-color:var(--accent-strong)}.load-button:active,.load-button:hover{background-color:var(--accent-strong)}.route-loading{font-size:.9375rem;margin:60px 0}#footer,.route-loading{color:var(--ink-soft);text-align:center}#footer{align-items:center;background-color:var(--bg-soft);border-top:1px solid var(--line);display:flex;flex-direction:column;margin-top:auto;padding:22px 10px;width:100%}#footer-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10px}#footer-nav a{color:var(--ink-soft);font-weight:600;text-decoration:none;transition:color .15s var(--ease-out-expo)}#footer-nav a:hover{color:var(--accent)}.footer-text{color:oklch(55% .015 55);font-size:13px;margin-top:8px}@media (max-width:768px){#footer-nav{flex-direction:row;gap:5px}}
/*# sourceMappingURL=main.7459e6f0.css.map*/