:root{color:#17181b;font-synthesis:none;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}.browser{background:var(--bg,#f5f7fb);min-height:100vh;position:relative;overflow:hidden}.top{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe6;border-bottom:1px solid #dfe3ea;align-items:flex-end;gap:12px;height:58px;padding:0 14px;display:flex}.brand{align-items:center;gap:8px;height:46px;padding:0 8px 8px;font-size:15px;font-weight:700;display:flex}.mini-logo,.brand-mark{color:#fff;background:#111;place-items:center;font-weight:800;display:grid}.mini-logo{border-radius:8px;width:26px;height:26px}.tabs{flex:1;align-items:flex-end;gap:4px;min-width:0;display:flex;overflow:auto}.tab{color:#50545b;cursor:pointer;background:#e8ebf0;border:0;border-radius:12px 12px 0 0;align-items:center;gap:8px;min-width:150px;max-width:220px;height:40px;padding:0 10px;display:flex}.tab.active{color:#111;background:#fff;border:1px solid #dfe3ea;border-bottom:0}.tab-dot{background:#7c8796;border-radius:50%;width:8px;height:8px}.tab-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.tab-close{font-size:18px}.new-tab,.menu-btn{cursor:pointer;color:#4e535c;background:0 0;border:0}.new-tab{width:40px;height:38px;font-size:25px}.menu-btn{width:42px;height:42px;margin-bottom:5px;font-size:22px}.toolbar{background:#fff;border-bottom:1px solid #dfe3ea;align-items:center;gap:14px;height:64px;padding:8px 16px;display:flex}.nav-buttons{gap:4px;display:flex}.nav-buttons button{cursor:pointer;color:#59606a;background:0 0;border:0;border-radius:9px;width:36px;height:36px;font-size:28px}.nav-buttons button:hover{background:#eef1f5}.address{background:#f0f2f5;border:1px solid #dfe3e8;border-radius:12px;flex:1;align-items:center;gap:8px;max-width:1000px;height:42px;margin:auto;padding:0 10px;display:flex}.address:focus-within{background:#fff;border-color:#aab5c4;box-shadow:0 0 0 3px #465a7814}.address input{color:#222;background:0 0;border:0;outline:0;flex:1;min-width:0}.lock{color:#69717d;font-size:14px}.star{cursor:pointer;color:#626a75;background:0 0;border:0;font-size:20px}.viewport{place-items:center;min-height:calc(100vh - 122px);display:grid}.home{text-align:center;width:min(780px,92vw);padding:60px 0}.brand-mark{border-radius:24px;width:76px;height:76px;margin:0 auto 18px;font-size:42px;box-shadow:0 14px 30px #00000024}.home h1{letter-spacing:-2px;margin:0;font-size:48px}.home h1 span{font-weight:400}.tagline{color:#6d7480;margin:10px 0 28px}.hero-search{background:#fff;border:1px solid #d6dbe3;border-radius:18px;align-items:center;height:58px;padding:0 14px;display:flex;box-shadow:0 10px 35px #18233414}.hero-search span{color:#68717d;font-size:25px}.hero-search input{border:0;outline:0;flex:1;min-width:0;padding:0 12px;font-size:16px}.hero-search button,.primary{color:#fff;cursor:pointer;background:#111;border:0;border-radius:12px;padding:11px 18px;font-weight:600}.quick{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.quick button,.secondary{cursor:pointer;background:#fff;border:1px solid #d5dae2;border-radius:11px;padding:9px 13px}.home-note{color:#858c97;justify-content:center;gap:8px;margin-top:40px;font-size:12px;display:flex}.home-note strong{color:#525862}.blocked-page{text-align:center;max-width:500px;padding:40px}.site-icon{background:#fff;border:1px solid #dce1e8;border-radius:22px;place-items:center;width:72px;height:72px;margin:auto;font-size:30px;font-weight:700;display:grid}.blocked-page h2{margin:18px 0 8px}.blocked-page p{color:#737a85;line-height:1.5}.blocked-page button{margin:8px}.secondary{color:#222}.drawer{z-index:20;background:#fff;border:1px solid #d9dee6;border-radius:16px;width:270px;padding:10px;position:fixed;top:64px;right:12px;box-shadow:0 18px 45px #00000029}.drawer.hidden{display:none}.drawer-head{border-bottom:1px solid #e8ebef;justify-content:space-between;padding:10px;display:flex}.drawer-head button,.drawer>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:13px}.drawer>button:hover{background:#f0f2f5}.drawer-foot{color:#8a919c;padding:15px 10px 8px;font-size:11px}.list-page{width:min(760px,92vw);padding:40px}.list-page h2{font-size:32px}.list-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e0e4ea;flex-direction:column;align-items:flex-start;width:100%;padding:14px 4px;display:flex}.list-item span{color:#7a828d;margin-top:4px;font-size:12px}.empty{color:#7d8590}.dark{--bg:#101216;color:#f5f6f8}.dark .top,.dark .toolbar,.dark .tab.active,.dark .hero-search,.dark .site-icon,.dark .drawer,.dark .secondary{color:#f5f6f8;background:#1a1d23;border-color:#303640}.dark .tab{color:#c5cad2;background:#242831}.dark .address{background:#242830;border-color:#343a45}.dark .address input,.dark .hero-search input{color:#f5f6f8}.dark .hero-search,.dark .quick button{background:#1a1d23;border-color:#303640}.dark .quick button,.dark .secondary{color:#f5f6f8}.dark .toolbar,.dark .top{border-color:#303640}.dark .drawer>button:hover{background:#242831}@media (width<=650px){.brand span{display:none}.top{gap:5px;padding:0 8px}.tab{min-width:130px}.toolbar{gap:5px;padding:8px 9px}.nav-buttons button{width:31px}.address{height:40px}.home h1{font-size:38px}.hero-search button{display:none}.home-note{flex-direction:column}.home{padding:35px 0}}
