:root{--panel:#fff;--panel-strong:#f5f5f5;--line:rgba(0,0,0,.12);--text:#0b0b0b;--muted:#444;--accent:#000;--warm:#000}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Inter,Segoe UI Variable,Malgun Gothic,sans-serif;color:var(--text);background:linear-gradient(180deg,#fff,#f7f7f7);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:text;-moz-user-select:text;user-select:text}.page-shell{position:relative;min-height:100vh;height:100%;overflow-y:auto;overflow-x:hidden}.ambient{position:absolute;border-radius:999px;filter:blur(20px);opacity:.7}.ambient-a{top:6%;left:-5%;width:260px;height:260px;background:rgba(126,240,200,.14)}.ambient-b{right:-4%;bottom:5%;width:320px;height:320px;background:rgba(255,184,107,.11)}.ambient,.ambient-a,.ambient-b{pointer-events:none}.app-shell{position:relative;z-index:1;min-height:100vh;padding:18px 12px;display:grid;grid-template-rows:auto auto 1fr;grid-gap:12px;gap:12px}.app-chrome{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.chrome-drag-region{flex:1 1;display:flex;align-items:center;justify-content:flex-start;padding:6px 12px;border-radius:8px;background:transparent;border:0}.chrome-menu{display:inline-flex;align-items:center;gap:8px}.window-controls{display:none}.container{max-width:1100px;margin:0 auto;padding:18px}.hero{padding:18px 0}.search{display:flex;gap:8px;margin-top:8px}input{flex:1 1;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}input::placeholder{color:var(--muted);opacity:1}input:focus{outline:none;box-shadow:0 0 0 4px rgba(0,0,0,.04);border-color:rgba(0,0,0,.18)}button{padding:10px 14px;border-radius:10px;border:none;background:var(--accent);color:#fff;cursor:pointer}#results{margin-top:16px}.result{display:flex;gap:12px;align-items:center;padding:12px;border-radius:8px;background:var(--panel);border:1px solid var(--line);margin-bottom:12px}.result img{width:140px;height:78px;object-fit:cover;border-radius:6px;filter:none;opacity:1}.meta{flex:1 1}.title{font-weight:600}.actions{margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:0;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,#444,#222);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:linear-gradient(90deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));color:var(--text);border:1px solid hsla(0,0%,100%,.04)}.btn-secondary:hover{background:hsla(0,0%,100%,.06)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn-ghost:hover{color:var(--text);border-color:rgba(0,0,0,.12)}.btn-icon{padding:8px;width:36px;height:36px;border-radius:10px;justify-content:center}input,select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:8px;border-radius:8px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.result{transition:box-shadow .14s ease}.result:hover{box-shadow:0 8px 26px rgba(2,8,12,.45)}.meta .title{font-size:.98rem;color:var(--text);font-weight:700;font-size:1rem}.meta .subtitle{color:var(--muted);font-size:.92rem;margin-top:6px}.result .meta{padding-left:8px}.page-shell{scroll-behavior:smooth}.page-shell::-webkit-scrollbar{width:10px;height:10px}.page-shell::-webkit-scrollbar-track{background:transparent;border-radius:8px}.page-shell::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);border-radius:8px}.page-shell::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.1)}.page-shell{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.06) transparent}.page-shell.scrolled-top:before{content:"";position:fixed;left:0;right:0;top:56px;height:8px;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent);pointer-events:none}.title a{color:inherit;text-decoration:none;display:inline-block}.title a:hover{opacity:.95}.title a:focus{outline:none;box-shadow:0 0 0 3px rgba(126,240,200,.12);border-radius:6px}.custom-select{position:relative;display:inline-block}.custom-select-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.custom-select-toggle:after{content:"";display:inline-block;margin-left:6px;border:6px solid transparent;border-top-color:rgba(0,0,0,.4);transform:translateY(1px)}.custom-select-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 8px 20px rgba(0,0,0,.06);z-index:60}.custom-select-item{padding:10px 12px;border-radius:8px;color:var(--text);cursor:pointer;transition:background .12s ease}.custom-select-item:hover{background:rgba(0,0,0,.03)}.custom-select-item.active{background:rgba(0,0,0,.06);color:var(--text)}.btn,.custom-select-toggle,.window-control-button,a,button,input,select{-webkit-app-region:no-drag}