:root{--bg: #080d19;--surface: rgba(8, 13, 25, 0.68);--surface-hover: rgba(20, 27, 44, 0.78);--card: rgba(12, 19, 33, 0.64);--border: rgba(213, 224, 242, 0.11);--border-strong: rgba(213, 224, 242, 0.24);--text: #f3f5f8;--muted: #a0a9b9;--faint: #657086;--accent: #be123c;--accent-bright: #d6385c;--accent-soft: rgba(190, 18, 60, 0.14);--background-overlay: linear-gradient(115deg, rgba(5, 9, 20, .86), rgba(7, 12, 25, .58) 48%, rgba(4, 8, 17, .84));--background-vignette: radial-gradient(circle at 50% 38%, rgba(8, 13, 25, .18), rgba(4, 8, 17, .7) 100%);--ambient-red: #a41343;--ambient-blue: #284b72;--panel-gradient: linear-gradient(145deg, rgba(12,17,27,.78), rgba(8,12,20,.62));--panel-shadow: 0 18px 50px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.03);--card-shadow: 0 12px 30px rgba(0,0,0,.25), 0 0 24px rgba(190,18,60,.07);--footer-border: rgba(213,224,242,.08);--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--radius: 20px;--measure: 80rem}[data-theme=light]{--bg: #eef1f5;--surface: rgba(255,255,255,.7);--surface-hover: rgba(255,255,255,.86);--card: rgba(255,255,255,.52);--border: rgba(20,25,35,.1);--border-strong: rgba(20,25,35,.2);--text: #161b22;--muted: #667085;--faint: #8b95a7;--accent: #9f1239;--accent-bright: #be123c;--accent-soft: rgba(159,18,57,.09);--background-overlay: linear-gradient(115deg, rgba(238,241,245,.88), rgba(238,241,245,.7) 48%, rgba(230,234,241,.9));--background-vignette: radial-gradient(circle at 50% 38%, rgba(244,246,249,.35), rgba(225,230,238,.8) 100%);--ambient-red: #be123c;--ambient-blue: #557da5;--panel-gradient: linear-gradient(145deg, rgba(255,255,255,.78), rgba(247,249,252,.62));--panel-shadow: 0 18px 50px rgba(32,43,61,.12), inset 0 1px rgba(255,255,255,.8);--card-shadow: 0 10px 26px rgba(32,43,61,.14), 0 0 20px rgba(159,18,57,.05);--footer-border: rgba(20,25,35,.1)}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased}body::before{position:fixed;z-index:0;inset:0;content:"";background:var(--background-vignette),var(--background-overlay),url("/assets/images/background.svg") center/cover no-repeat;transition:opacity .2s ease;pointer-events:none}.page-shell,.site-footer{position:relative;z-index:1}.page-shell{width:min(100% - 3rem,var(--measure));margin:0 auto;padding:clamp(2.5rem,6vw,5.5rem) 0 4rem}.ambient{position:fixed;width:24rem;height:24rem;border-radius:50%;filter:blur(110px);opacity:.09;pointer-events:none}.ambient-one{top:-11rem;right:-8rem;background:var(--ambient-red)}.ambient-two{bottom:-13rem;left:-10rem;background:var(--ambient-blue);opacity:.1}a{color:inherit}.site-footer{display:flex;justify-content:space-between;gap:1rem;width:min(100% - 3rem,var(--measure));margin:0 auto;padding:1.25rem 0 2.5rem;border-top:1px solid var(--footer-border);color:var(--faint);font:.68rem var(--font-mono);letter-spacing:.03em;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.footer-mark{color:var(--muted)}@media(max-width: 600px){body::before{background:var(--background-overlay),url("/assets/images/background.svg") center/cover no-repeat}.page-shell{width:min(100% - 2rem,var(--measure));padding-top:2.5rem}.site-footer{width:min(100% - 2rem,var(--measure));flex-direction:column}}.site-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:1rem}.layout-toggle{display:inline-flex;align-items:center;gap:.15rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.layout-option{display:grid;width:1.65rem;height:1.65rem;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);color:var(--faint);cursor:pointer;transition:color .2s ease,background .2s ease}.layout-option svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.layout-option:first-child svg{fill:currentColor;stroke:none}.layout-option:hover,.layout-option.is-active{background:var(--accent-soft);color:var(--accent-bright)}.layout-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-layout=list] .layout-option:first-child{background:rgba(0,0,0,0);color:var(--faint)}[data-layout=list] .layout-option:last-child{background:var(--accent-soft);color:var(--accent-bright)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;width:3.5rem;height:2.15rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-toggle:hover{border-color:var(--border-strong);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-icon{display:grid;width:1.45rem;height:1.45rem;place-items:center;border-radius:50%;font-size:.85rem;line-height:1}.theme-icon-sun{opacity:.45}.theme-icon-moon{background:var(--accent-soft);color:var(--accent-bright)}[data-theme=light] .theme-icon-sun{background:var(--accent-soft);color:var(--accent);opacity:1}[data-theme=light] .theme-icon-moon{background:rgba(0,0,0,0);color:var(--muted);opacity:.45}.index-layout{display:grid;gap:clamp(3rem,7vw,5.5rem)}.intro{max-width:40rem;padding-left:1.15rem;border-left:1px solid rgba(190,18,60,.55)}h1{margin:0;font-size:clamp(3.8rem,9vw,6.8rem);font-weight:800;letter-spacing:-0.09em;line-height:.88}.intro p{max-width:25rem;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(.95rem,2vw,1.1rem);letter-spacing:-0.02em}.intro-line{display:block;width:3rem;height:1px;margin-top:1.7rem;background:var(--accent-bright)}.links-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:1rem}.category-panel{position:relative;grid-column:span 7;min-height:14rem;overflow:hidden;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-gradient);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.category-panel::after{position:absolute;top:0;right:1.35rem;width:4rem;height:1px;background:linear-gradient(90deg, transparent, rgba(190, 18, 60, 0.75));content:""}.category-panel:nth-child(3n+2){grid-column:span 5}.category-panel:nth-child(3n){grid-column:span 5}.category-panel:nth-child(4n){grid-column:span 7}.category-heading{display:flex;align-items:center;gap:.75rem;padding-bottom:1.35rem}.category-index,.category-count{color:var(--accent-bright);font:.68rem var(--font-mono)}.category-index{min-width:1.4rem;color:var(--faint)}.category-count{margin-left:auto;color:var(--faint)}h2{margin:0;color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.link-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(11rem, 1fr));gap:.65rem}.link-card{display:flex;align-items:center;min-height:4.7rem;gap:.35rem;padding:.35rem .4rem .35rem .85rem;border:1px solid rgba(213,224,242,.07);border-radius:15px;background:var(--card);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.link-card:hover,.link-card:focus-within{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--card-shadow)}.link-card-main{display:flex;align-items:center;min-width:0;flex:1;gap:.8rem;padding:.4rem 0;text-decoration:none}.link-card-main:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.link-icon{display:grid;flex:0 0 2.35rem;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.055);color:#c9d0de;transition:border-color .2s ease,background .2s ease,transform .2s ease}.link-icon img{width:1.15rem;height:1.15rem;object-fit:contain}.link-card-name{overflow:hidden;font-size:.88rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.link-arrow{margin-left:auto;color:var(--faint);font-size:1.05rem;transition:transform .25s ease,color .25s ease}.link-card:hover .link-arrow,.link-card:focus-within .link-arrow{transform:translate(3px, -3px);color:var(--accent-bright)}.link-card:hover .link-icon,.link-card:focus-within .link-icon{transform:scale(1.03)}.copy-shortlink{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;min-height:2.35rem;gap:.3rem;padding:.35rem .45rem;border:1px solid rgba(0,0,0,0);border-radius:9px;background:rgba(0,0,0,0);color:var(--faint);cursor:pointer;font:.62rem var(--font-mono);transition:color .2s ease,background .2s ease,border-color .2s ease}.copy-shortlink:hover{border-color:var(--border);background:var(--accent-soft);color:var(--text)}.copy-shortlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--text)}.copy-icon{font-size:.95rem;line-height:1}.is-copied{color:var(--accent-bright)}.utility-widget{grid-column:span 7;min-width:0;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-gradient);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sipcalc{grid-column:span 5}.f1-widget{grid-column:1/-1;display:grid;grid-template-columns:minmax(9rem, 1.05fr) minmax(12rem, 1.3fr) minmax(0, 2fr);align-items:center;gap:1.5rem;min-width:0;padding:1rem 1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-gradient);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.f1-identity{display:flex;align-items:center;gap:.8rem;min-width:0}.f1-mark{display:grid;width:2.65rem;height:2.65rem;flex:0 0 2.65rem;place-items:center;border-left:2px solid var(--accent);border-radius:8px;background:var(--accent-soft)}.f1-mark img{display:block;width:2rem;height:2rem;object-fit:contain}.f1-identity .utility-kicker{margin-bottom:.25rem}.f1-identity h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f1-event{display:grid;gap:.35rem;min-width:0}.f1-event strong{overflow:hidden;color:var(--text);font-size:1.1rem;letter-spacing:-0.035em;text-overflow:ellipsis;white-space:nowrap}.f1-event span{color:var(--accent-bright);font:.78rem var(--font-mono);letter-spacing:.06em}.f1-schedule{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;min-width:0}.f1-day{display:flex;align-items:baseline;gap:.55rem;min-width:9rem;color:var(--muted);font:.74rem var(--font-mono)}.f1-day b{color:var(--accent-bright);font-size:.62rem}.f1-day span{white-space:nowrap}.f1-message{grid-column:3;margin:0;color:var(--faint);font:.65rem var(--font-mono)}.utility-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.utility-kicker{display:block;margin-bottom:.45rem;color:var(--faint);font:.62rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.utility-heading h2{letter-spacing:.12em}.utility-status{color:var(--accent);font-size:.65rem}.color-preview{display:grid;min-height:7.2rem;margin-bottom:.9rem;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.14);transition:background-color .2s ease,color .2s ease}.color-preview-value{font:500 .85rem var(--font-mono);letter-spacing:.04em}.color-input-row{display:grid;grid-template-columns:4.1rem 1fr;gap:.6rem}.tool-field{display:grid;gap:.4rem;min-width:0;color:var(--muted);font:.62rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.tool-field input{width:100%;min-height:2.4rem;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font:.8rem var(--font-mono);outline:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.tool-field input[type=text]{padding:.55rem .65rem}.tool-field input[type=color]{padding:.2rem;cursor:pointer}.tool-field input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:1px}.tool-field input.is-invalid{border-color:var(--accent)}.tool-field input.is-invalid:focus-visible{outline-color:var(--accent)}.tool-validation{min-height:1rem;margin:.4rem 0 0;color:var(--accent-bright);font:.65rem var(--font-mono)}.format-tabs{display:flex;gap:.2rem;margin-top:.55rem;overflow-x:auto;border-bottom:1px solid var(--border)}.format-tab{padding:.5rem .35rem;border:0;border-bottom:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--faint);cursor:pointer;font:.61rem var(--font-mono)}.format-tab:hover,.format-tab.is-active{border-bottom-color:var(--accent);color:var(--accent-bright)}.format-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.color-output-row{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 1rem}.color-output{min-width:0;flex:1;overflow-wrap:anywhere;color:var(--text);font:.78rem var(--font-mono)}.tool-copy{min-height:2.2rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,0);color:var(--muted);cursor:pointer;font:.62rem var(--font-mono)}.tool-copy:hover,.tool-copy:focus-visible{border-color:var(--border-strong);background:var(--accent-soft);color:var(--text)}.tool-copy.is-copied,.result-copy.is-copied{color:var(--accent-bright)}.tool-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slider-field{display:grid;gap:.35rem;margin-top:.65rem;color:var(--muted);font:.65rem var(--font-mono)}.slider-field>span{display:flex;justify-content:space-between}.slider-field output{color:var(--faint)}.slider-field input{width:100%;accent-color:var(--accent);cursor:pointer}.shade-palette{display:grid;grid-template-columns:repeat(10, 1fr);gap:.25rem;margin-top:1.1rem}.shade-swatch{display:grid;min-width:0;min-height:3.5rem;align-content:end;padding:.3rem;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#fff;cursor:pointer;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.6)}.shade-swatch:hover,.shade-swatch:focus-visible{transform:translateY(-2px);border-color:var(--border-strong);outline:none}.shade-swatch span,.shade-swatch small{overflow:hidden;font:.55rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.shade-swatch small{opacity:.8;font-size:.45rem}.sip-input-field{margin-bottom:.1rem}.sip-results{display:grid;grid-template-columns:1fr 1fr;margin:.6rem 0 0}.sip-results>div{display:grid;grid-template-columns:minmax(4.8rem, 0.75fr) minmax(0, 1.25fr) auto;align-items:center;gap:.4rem;min-width:0;padding:.55rem 0;border-bottom:1px solid var(--border)}.sip-results dt{color:var(--muted);font:.59rem var(--font-mono)}.sip-results dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text);font:.68rem var(--font-mono)}.result-copy{width:1.8rem;height:1.8rem;padding:0;border:0;border-radius:6px;background:rgba(0,0,0,0);color:var(--faint);cursor:pointer;font-size:.85rem}.result-copy:hover,.result-copy:focus-visible{background:var(--accent-soft);color:var(--accent-bright)}.result-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-layout=list] .utility-widget{grid-column:auto;width:100%;max-width:58rem;margin:0 auto}[data-layout=list] .f1-widget{grid-column:auto;display:grid;max-width:58rem;margin:0 auto}[data-layout=list] .sip-results{grid-template-columns:repeat(2, minmax(0, 1fr))}[data-layout=list] .links-grid{grid-template-columns:1fr;gap:.85rem;max-width:58rem;margin:0 auto}[data-layout=list] .category-panel,[data-layout=list] .category-panel:nth-child(3n+2),[data-layout=list] .category-panel:nth-child(3n),[data-layout=list] .category-panel:nth-child(4n){grid-column:auto;min-height:0;padding:1rem 1.15rem}[data-layout=list] .category-panel::after{right:1.15rem}[data-layout=list] .category-heading{padding-bottom:.75rem}[data-layout=list] .link-list{grid-template-columns:1fr;gap:.35rem}[data-layout=list] .link-card{min-height:3.65rem;border-color:rgba(0,0,0,0);border-radius:11px;background:rgba(0,0,0,0);box-shadow:none}[data-layout=list] .link-card+.link-card{border-top:1px solid var(--border);border-radius:0}[data-layout=list] .link-card:hover,[data-layout=list] .link-card:focus-within{transform:translateX(2px);border-color:rgba(0,0,0,0);background:var(--accent-soft);box-shadow:none}[data-layout=list] .link-card+.link-card:hover,[data-layout=list] .link-card+.link-card:focus-within{border-top-color:rgba(0,0,0,0);border-radius:11px}[data-layout=list] .link-card-main{padding:.25rem 0}[data-layout=list] .copy-shortlink{min-width:3.9rem}@media(max-width: 800px){.category-panel,.category-panel:nth-child(3n+2),.category-panel:nth-child(3n),.category-panel:nth-child(4n),.utility-widget,.sipcalc{grid-column:span 6}.f1-widget{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1rem}.f1-schedule{grid-column:1/-1}.f1-message{grid-column:1/-1}}@media(max-width: 600px){.links-grid{display:grid;grid-template-columns:1fr}.category-panel,.category-panel:nth-child(3n+2),.category-panel:nth-child(3n),.category-panel:nth-child(4n),.utility-widget,.sipcalc,.f1-widget{grid-column:auto;min-height:0}.link-list{grid-template-columns:1fr}.shade-palette{gap:.18rem}.shade-swatch{min-height:3.2rem;padding:.2rem}.shade-swatch small{display:none}.f1-widget{grid-template-columns:1fr;gap:.8rem;padding:1rem}.f1-schedule,.f1-message{grid-column:auto}.f1-day{min-width:100%}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important}}/*# sourceMappingURL=main.css.map */