* { margin: 0; padding: 0; }
html, body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-image: url("https://cmdr.site/image/B-G-R.gif");
    background-repeat: repeat;
    background-size: 360px auto;
    background-position: 0% 2%;
    background-attachment: fixed;
    background-color: #fff;
    touch-action: pan-y pinch-zoom;
}
nav {
    color: orange;
    position: relative; z-index: 20;
    font-family: "Old English Text MT";
    text-align: center; line-height: 24px; font-size: 20px;
    padding: 10px; clear: both; background: transparent;
}
nav a, img { text-decoration: none; color: red; filter: grayscale(100%); transition: color 0.5s ease; }
nav a:hover, img:hover { color: black; filter: grayscale(0%); transform: scale(1.1); }
nav a:active { color: green; filter: grayscale(0%); }
nav p { display: block; float: left; }
nav p a { font-size: 24px; }
nav ul { list-style-type: none; cursor: default; }
nav ul li { display: inline-block; }
nav ul li img { width: 16px; height: 16px; filter: grayscale(100%); }
#install-app { border: 0; background: transparent; color: red; font: inherit; cursor: pointer; }
#keywordweb { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
#keywordweb a { display: inline; }
#folderpool {
    position: fixed; z-index: 1; inset: 0; overflow: hidden;
    touch-action: pan-y pinch-zoom;
}
#folderpool .pill {
    position: absolute; top: 0; left: 0; z-index: 3;
    display: inline-flex; align-items: stretch; opacity: 1;
    background: #fff; border: 1px solid #bdbdbd; border-radius: 999px;
    overflow: hidden; filter: grayscale(1) brightness(0.8); will-change: transform, filter;
    touch-action: manipulation;
}
#folderpool .pill a { color: #222; text-decoration: none; padding: 0.15rem 0.55rem; white-space: nowrap; }
#folderpool .pill .seek { border: 0; border-left: 1px solid #bdbdbd; background: #f4f4f4; color: #222; padding: 0 0.45rem; cursor: pointer; font: inherit; }
#seekbox {
    position: fixed; z-index: 40; display: none;
    align-items: center; gap: 0;
    background: #fff; border: 1px solid #ccc; border-radius: 999px;
    padding: 6px 6px 6px 16px; font: 15px system-ui, -apple-system, sans-serif;
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    max-width: min(520px, calc(100vw - 24px));
    box-sizing: border-box;
}
#seekbox input {
    border: 0; background: transparent; outline: none;
    padding: 8px 10px; font: inherit; color: #222; min-width: 0;
}
#seekbox #prov { width: 120px; border-right: 1px solid #eee; }
#seekbox #q { flex: 1; }
#seekbox button {
    border: 0; background: #111; color: #fff; border-radius: 999px;
    padding: 8px 16px; cursor: pointer; font: inherit; font-weight: 500;
    margin-left: 4px;
}
#seekbox button[type="button"] {
    background: #f0f0f0; color: #333; padding: 8px 12px;
}
#seekbox button:hover { opacity: 0.9; }
#prov.bad { animation: shake 0.4s linear; background: #ffd0d0; }
#redirect-warn {
    position: fixed; z-index: 30; inset: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.92); font: 16px/1.45 Palatino, serif;
}
#redirect-warn .card {
    max-width: 36rem; margin: 1rem; padding: 1.25rem;
    background: #fff; border: 1px solid #bdbdbd; border-radius: 12px;
}
#redirect-warn a.go {
    display: inline-block; margin: .8rem .6rem 0 0; padding: .45rem .8rem;
    background: #111; color: #fff; text-decoration: none; border-radius: 999px;
}
#redirect-warn code { word-break: break-all; }
#consent {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 60;
    background: #111; color: #fff; padding: 16px 20px;
    font: 14px/1.45 system-ui, -apple-system, sans-serif;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    flex-wrap: wrap; box-shadow: 0 -2px 12px rgba(0,0,0,.2);
}
#consent p { margin: 0; max-width: 60ch; }
#consent .actions { display: flex; gap: 8px; flex-wrap: wrap; }
#consent button {
    border: 0; border-radius: 999px; padding: 8px 16px; cursor: pointer; font: inherit; font-weight: 500;
}
#consent .accept { background: #fff; color: #111; }
#consent .decline { background: transparent; color: #fff; border: 1px solid #666; }
#consent .manage { background: transparent; color: #aaa; border: 1px solid #444; font-size: 13px; }
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-4px); }
    40% { transform: translateX(4px); }
    60% { transform: translateX(-3px); }
    80% { transform: translateX(3px); }
}
@media (display-mode: standalone) { #install-app { display: none; } }
@media (max-width: 480px) {
    #seekbox { padding: 4px 4px 4px 12px; }
    #seekbox #prov { width: 90px; }
    #consent { flex-direction: column; align-items: stretch; text-align: center; }
    #consent .actions { justify-content: center; }
}