:root{--background:#fff7dc;--foreground:#241a05;--muted:#7c6a3a;--panel:#fffdf2;--panel-border:#eadca9;--accent:#8a6314;--accent-soft:#f6e7ad;--warning-soft:#fff0b8;--warning-border:#d6a529;--shadow:0 18px 45px #5c410a1f}:root.dark{--background:#0b1120;--foreground:#f8fafc;--muted:#94a3b8;--panel:#111827;--panel-border:#1f2937;--accent:#60a5fa;--accent-soft:#172554;--warning-soft:#422006;--warning-border:#854d0e;--shadow:0 18px 45px #0000004d}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--panel-border);width:240px;min-height:100vh;padding:20px 8px;transition:width .22s,padding .22s;position:relative}.sidebar.collapsed{width:64px}.sidebar-brand{align-items:center;min-height:36px;margin-bottom:18px;padding:0 12px;font-weight:700;display:flex}.sidebar.collapsed .sidebar-title{opacity:0;pointer-events:none}.nav-list{gap:8px;display:grid}.nav-link,.theme-button,.hot-search-chip{border:1px solid var(--panel-border);background:var(--panel);color:var(--foreground);border-radius:999px}.nav-link{text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;padding:0 12px;transition:background .16s,border-color .16s,padding .22s;display:flex;overflow:hidden}.sidebar-control,.sidebar-control:hover,.sidebar-control:focus,.sidebar-control:focus-visible,.sidebar-control:active{box-shadow:none;background:0 0;border-color:#0000;outline:none}.nav-link:hover,.theme-button:hover,.hot-search-chip:hover{border-color:var(--accent)}.nav-icon-slot{width:24px;min-width:24px;color:var(--accent);place-items:center;display:grid}.nav-label{white-space:nowrap;opacity:1;transition:opacity .16s,transform .22s,width .22s;overflow:hidden}.sidebar.collapsed .nav-link{gap:0;padding:0}.sidebar.collapsed .nav-label{opacity:0;width:0;transform:translate(-8px)}.theme-button{place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.main-area{flex:1;min-width:0;padding:24px;position:relative}.top-actions{justify-content:flex-end;gap:8px;display:flex}.center-stage{place-items:start center;min-height:calc(100vh - 140px);padding-top:clamp(40px,9vh,96px);display:grid}.search-card{text-align:center;width:min(720px,100%);position:relative;overflow:visible}.brand-logo{color:var(--accent);margin-bottom:10px}.pride-subtitle{letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(120deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982,#e40303) 0 0/220% 220%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;font-size:clamp(10px,1.7vw,13px);font-weight:700;animation:7s linear infinite pride-shift}.brand-title-row{justify-content:center;align-items:center;gap:clamp(10px,2.2vw,20px);max-width:100%;display:flex;overflow:visible}.brand-title{letter-spacing:-.035em;background:linear-gradient(125deg,#e40303 0%,#ff8c00 18%,#ffed00 34%,#008026 50%,#24408e 66%,#732982 82%,#e40303 100%) 0 0/240% 240%;color:#0000;-webkit-background-clip:text;background-clip:text;flex:0 auto;min-width:0;margin:0;padding-inline:.12em;font-size:clamp(42px,7.4vw,86px);font-style:italic;line-height:.98;animation:6s linear infinite pride-shift;overflow:visible}.brand-character{width:auto;max-width:min(28vw,180px);height:auto;image-rendering:pixelated;object-fit:contain;flex:none}@keyframes pride-shift{0%{background-position:0%}to{background-position:200%}}.brand-subtitle{color:var(--muted);letter-spacing:.04em;margin:10px 0 28px;font-size:12px}.search-input-wrap{z-index:40;position:relative}.search-box{border:1px solid var(--panel-border);background:var(--panel);width:100%;color:var(--foreground);box-shadow:var(--shadow);border-radius:999px;outline:none;padding:18px 52px 18px 22px}.clear-search{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-search:hover{background:var(--accent-soft);color:var(--accent)}.autocomplete{z-index:50;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);text-align:left;border-radius:20px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden}.autocomplete-item,.item-row{border-bottom:1px solid var(--panel-border);padding:16px 18px;display:block}.autocomplete-item:last-child,.item-row:last-child{border-bottom:0}.item-name{font-weight:700}.item-price,.muted,.title-status,.price-note{color:var(--muted);margin-top:4px}.title-status{font-size:14px}.price-note{margin:12px 0 0;font-size:14px}.hot-searches{z-index:1;justify-content:center;gap:10px;margin-top:22px;display:grid;position:relative}.hot-search-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hot-search-chip{text-align:center;justify-content:center;align-items:center;min-height:38px;padding:9px 12px;display:inline-flex}.last-updated-bubble{right:24px;bottom:max(20px, env(safe-area-inset-bottom));z-index:10;justify-content:flex-end;align-items:flex-end;gap:10px;max-width:min(420px,100vw - 32px);display:flex;position:fixed}.message-character{image-rendering:auto;object-fit:contain;flex:none;width:auto;max-width:45vw;height:auto}.message-bubble{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);color:var(--foreground);border-radius:18px 18px 18px 4px;padding:12px 14px;font-size:13px;line-height:1.35;position:relative}.message-bubble:after{content:"";background:var(--panel);border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);width:12px;height:12px;position:absolute;bottom:12px;right:-7px;transform:rotate(-45deg)}.page-panel{max-width:980px;margin:48px auto}.page-title{margin:0 0 10px;font-size:40px}.beta-banner,.detail-card,.empty-panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:20px;padding:18px}.beta-banner{background:linear-gradient(135deg, var(--warning-soft), var(--panel));border-color:var(--warning-border);margin:24px 0}.item-list{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;overflow:hidden}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.empty-state{text-align:center;color:var(--muted);padding:20px}@media (max-width:767px){.sidebar{z-index:100;height:100dvh;min-height:100dvh;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));position:fixed;top:0;left:0;transform:translate(0)}.sidebar.collapsed{width:56px;transform:translate(0)}.sidebar.collapsed .nav-icon-slot{width:100%}.search-input-wrap{z-index:20}.main-area{padding:18px 18px 18px 72px}.detail-grid{grid-template-columns:1fr}.pride-subtitle{letter-spacing:.1em;font-size:10px}.brand-title-row{gap:6px}.brand-title{letter-spacing:-.03em;padding-inline:.14em;font-size:clamp(40px,15vw,64px)}.brand-character{max-width:min(21vw,86px)}.last-updated-bubble{right:12px;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 84px)}.message-character{max-width:45vw}.message-bubble{border-radius:18px 18px 4px;padding:10px 12px;font-size:12px}.message-bubble:after{border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);bottom:-7px;right:18px;transform:rotate(45deg)}}