/*!
 * Noctia Base CSS
 * Version: 2.0.1
 * © 2026 Lanlanwi
 * Created: 2025-11-06
 * Last Updated: 2026-04-24
 * Licensed under the MIT License
 * https://opensource.org/licenses/MIT
 */:root{--noctia-base-font: var(--noctia-sans, sans-serif);--noctia-base-font-size: min(4.5vw, 5vh);--noctia-base-text-color: var(--noctia-dark, #252525);--noctia-base-bg-color: var(--noctia-white, #FFFFFF)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-family:var(--noctia-base-font);font-size:var(--noctia-base-font-size);scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;line-height:1.6;overflow-wrap:break-word;color:var(--noctia-base-text-color);background-color:var(--noctia-base-bg-color)}a{text-decoration:underline;color:inherit}button,input[type=button]{border:none;font:inherit;background:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:disabled,input[type=button]:disabled{opacity:.5;cursor:not-allowed}#search-input{display:flex;align-items:center;gap:1em;z-index:100;width:100%;height:auto;position:sticky;top:0;padding-block:1em;font-size:1rem;background-color:#ffffffbf}#search-input input[type=text]{flex:1;overflow:hidden;width:100%;padding:.2em .5em;border:.1em solid #C0C0C0;font-size:1em;line-height:1;outline:none}#search-input input[type=text]::placeholder{font-size:.875em;-webkit-user-select:none;user-select:none}#search-input input[type=text]:focus{outline:.15em solid hsl(0,90%,70%);outline-offset:.1em}#search-input button{width:auto;height:2.5em;aspect-ratio:1 / 1;padding:.25em;border:.1em solid #C0C0C0;border-radius:.5em;font-size:1em;transition:transform .2s ease,background .2s ease}#search-input button:active{background-color:#ddd;transform:scale(.9)}#search-input button:focus-visible{outline:.15em solid hsl(0,90%,70%);outline-offset:.15em}#recent-links{display:flex;flex-direction:column;width:100%;padding:.5rem;border-radius:.25rem;border:.1rem solid #C0C0C0}#recent-link-list{display:flex;flex-direction:column;gap:.2em;overflow:hidden;font-size:1.1rem;transition:height .2s ease}#recent-link-list li{list-style:none;margin:.06em;border-radius:.1em;background-color:#f0f0f0;transition:transform .2s ease}#recent-link-list li:active{background-color:#ddd;transform:scale(.97)}#recent-link-list a{display:block;overflow:hidden;padding:.4em .5em;line-height:1;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}#recent-link-list a:focus-visible{outline:.12em solid hsl(0,90%,70%);outline-offset:-.06em}#clear-all-btn{margin:0 0 .25em auto;padding:.5em .25em;border-radius:.1em;font-size:1rem;line-height:1}#clear-all-btn:active{background-color:#ddd}#clear-all-btn:focus-visible{outline:.1em solid hsl(0,90%,70%)}#no-recent{font-size:1.1rem;font-weight:700;line-height:2;text-align:center;color:#777;-webkit-user-select:none;user-select:none}#links-container{display:flex;flex-direction:column;gap:1em;width:100%;margin-top:1em;font-size:1rem}#links-container li{list-style:none;display:flex;flex-wrap:wrap;transition:transform .2s ease}#links-container .category{display:inline-block;overflow:hidden;margin-inline:.5em;padding:.4em .5em .2em;border-radius:.2em .2em 0 0;font-size:.9em;line-height:1;white-space:nowrap;text-overflow:ellipsis;color:#fff;background-color:#aaa}#links-container .category:active{background-color:gray}#links-container .category:focus-visible{background-color:#f76e6e}#links-container .link{display:block;width:100%;padding:.25em;border:.05em solid #C0C0C0;border-radius:.15em;font-size:1.25em;text-decoration:none;color:#333}#links-container li:has(.link:active){transform:scale(.95)}#links-container .link:focus-visible{outline:.15em solid hsl(0,90%,70%);outline-offset:.05em}#links-container .link-title{display:block;padding-block:.25em;font-size:1em;line-height:1.3;-webkit-user-select:none;user-select:none}#links-container .link-tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.25em;font-size:.75em}#links-container .link-tags li{padding-inline:.25em;border-radius:.1em;line-height:1.3;white-space:normal;overflow-wrap:break-word;word-break:break-all;color:#555;background-color:#f0f0f0;-webkit-user-select:none;user-select:none}#not-found{width:100%;margin-block:1em;font-size:2rem;font-weight:700;text-align:center;color:#555;-webkit-user-select:none;user-select:none}#root{display:flex;align-items:center;flex-direction:column;gap:.5rem;max-width:1000px;margin:0 auto;padding:2rem 1rem}