:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#182033;
  --muted:#718096;
  --line:#e6eaf0;
  --line-strong:#d9dfe8;
  --accent:#e94057;
  --accent-soft:#fff0f2;
  --good:#16845b;
  --warn:#9a6915;
  --shadow:0 16px 40px rgba(26,39,64,.08);
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.shell{min-height:100vh}
.site-header{height:72px;display:grid;grid-template-columns:250px 1fr 250px;align-items:center;padding:0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f35b6d,#cb2942);box-shadow:0 9px 22px rgba(233,64,87,.24)}
.brand strong{display:block;font-size:18px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.main-nav{display:flex;justify-content:center;gap:8px}.main-nav button{border:0;background:transparent;color:#5c687b;padding:10px 18px;border-radius:10px;font-weight:700}.main-nav button.active{background:#1e293b;color:#fff}.main-nav button span{font-weight:600;opacity:.75}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.source-state{font-size:12px;color:var(--muted)}.source-state.ready{color:var(--good);font-weight:700}
.plain-button{border:1px solid var(--line-strong);background:#fff;color:#334155;padding:9px 13px;border-radius:9px}.plain-button:hover{border-color:#bcc6d4;background:#fafbfc}
.main-content{max-width:1480px;margin:0 auto;padding:30px 30px 60px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.page-heading h1{margin:0;font-size:28px}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px rgba(26,39,64,.035)}
.search-box{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px}.search-box input,.radar-box input{width:100%;border:1px solid var(--line-strong);border-radius:11px;padding:14px 16px;outline:none;background:#fbfcfe;color:var(--text)}.search-box input:focus,.radar-box input:focus,.settings-form textarea:focus,.settings-form input:focus{border-color:#9da9ba;box-shadow:0 0 0 3px rgba(100,116,139,.08)}
.primary{border:0;background:#1e293b;color:#fff;padding:0 22px;border-radius:11px;font-weight:800}.primary:hover{background:#111827}.secondary{border:1px solid var(--line-strong);background:#fff;color:#334155;padding:10px 14px;border-radius:10px;font-weight:700}.danger{border:1px solid #f1c5cb;background:#fff7f8;color:#b4233b;padding:8px 12px;border-radius:9px}
.search-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 2px 14px;color:var(--muted);font-size:13px}.search-summary strong{color:var(--text)}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{overflow:hidden}.product-image-button{display:block;width:100%;padding:0;border:0;background:#eef2f6}.product-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.image-empty{aspect-ratio:1/1;display:grid;place-items:center;color:#98a2b3;background:#eef2f6;font-size:13px}.product-main{padding:15px}.product-title{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;font-weight:800;color:var(--text);line-height:1.5;height:48px;overflow:hidden}.product-data{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.product-data div{background:#f7f9fc;border-radius:10px;padding:10px}.product-data span{display:block;color:var(--muted);font-size:11px}.product-data b{display:block;margin-top:4px;font-size:16px}.store-name{margin-top:12px;color:#526173;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.card-actions button{padding:9px 10px;border-radius:9px;font-weight:700}.card-actions .view{border:1px solid var(--line-strong);background:#fff;color:#334155}.card-actions .watch{border:0;background:var(--accent-soft);color:#c92d44}
.empty{padding:54px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:#39465a;font-size:16px}.empty p{margin:8px 0 0;font-size:13px;line-height:1.7}
.loading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.loading-card{height:360px;border-radius:16px;background:linear-gradient(90deg,#eceff4,#f8f9fb,#eceff4);background-size:500px 100%;animation:loading 1.2s infinite}@keyframes loading{to{background-position:500px 0}}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summary-card{padding:16px 18px}.summary-card span{display:block;color:var(--muted);font-size:12px}.summary-card b{display:block;margin-top:6px;font-size:24px}.summary-card small{display:block;margin-top:6px;color:#8a95a6;font-size:11px;line-height:1.5}
.import-card{padding:18px;margin-bottom:18px}.import-card h3{margin:0 0 6px;font-size:17px}.import-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.import-row{display:grid;grid-template-columns:1fr auto;gap:10px}.import-row textarea{min-height:76px;resize:vertical;border:1px solid var(--line-strong);border-radius:11px;padding:12px 14px;outline:none;background:#fbfcfe}
.table-card{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:960px}.data-table th{padding:13px 14px;text-align:left;color:#738096;background:#f8fafc;font-size:12px;border-bottom:1px solid var(--line)}.data-table td{padding:14px;border-top:1px solid #edf0f4;font-size:13px;vertical-align:middle}.data-table tr:first-child td{border-top:0}.table-product{display:flex;align-items:center;gap:10px;min-width:280px}.table-product img{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#eef2f6}.table-product button{border:0;background:transparent;text-align:left;padding:0;font-weight:800;color:#263247;line-height:1.45}.table-product span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.positive{color:var(--good);font-weight:800}.table-actions{display:flex;gap:7px;white-space:nowrap}.table-actions button{padding:7px 9px;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:#405067}.table-actions .remove{color:#b4233b;border-color:#efc8ce}
.radar-box{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px}.radar-note{margin:12px 2px 18px;color:var(--muted);font-size:13px;line-height:1.7}.source-tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#f1f4f8;color:#59677b;font-size:11px}.source-tag.real{background:#edf8f2;color:#16724f}.radar-word{font-weight:800}.radar-word button{border:0;background:transparent;padding:0;color:#25324a;font-weight:800;text-align:left}.radar-action{border:1px solid var(--line-strong);background:#fff;padding:7px 10px;border-radius:8px;color:#3f5068}
.drawer{position:fixed;right:-760px;top:0;width:min(720px,96vw);height:100vh;background:#fff;z-index:50;box-shadow:-24px 0 60px rgba(30,41,59,.14);transition:right .24s ease;overflow:auto}.drawer.open{right:0}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.34);backdrop-filter:blur(3px);opacity:0;visibility:hidden;z-index:40;transition:.2s}.overlay.show{opacity:1;visibility:visible}.drawer-head,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:2}.drawer-head span,.modal-head span{font-size:12px;color:var(--muted)}.drawer-head h2,.modal-head h2{margin:4px 0 0;font-size:20px}.drawer-body{padding:22px}.detail-section{padding:18px 0;border-top:1px solid var(--line)}.detail-section:first-child{border-top:0;padding-top:0}.detail-section h3{margin:0 0 12px;font-size:17px}.detail-product{display:grid;grid-template-columns:190px 1fr;gap:20px}.detail-product img{width:190px;height:190px;border-radius:14px;object-fit:cover;background:#eef2f6}.detail-product h2{margin:0;font-size:21px;line-height:1.5}.detail-price{font-size:25px;font-weight:900;margin-top:12px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.detail-stats div{background:#f7f9fc;border-radius:10px;padding:11px}.detail-stats span{display:block;color:var(--muted);font-size:11px}.detail-stats b{display:block;margin-top:4px;font-size:15px}.detail-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.detail-links a,.detail-links button{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--line-strong);background:#fff;color:#34445c;padding:9px 12px;border-radius:9px;font-weight:700;font-size:13px}.detail-links .strong{background:#1e293b;color:#fff;border-color:#1e293b}.seller-card{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:13px;padding:14px}.seller-card img,.seller-avatar{width:62px;height:62px;border-radius:14px;object-fit:cover;background:#e8edf3}.seller-card h4{margin:0;font-size:16px}.seller-card p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.seller-numbers{display:flex;gap:16px;margin-top:8px;color:#66758a;font-size:12px}.seller-numbers b{color:#263247}.seller-card a{white-space:nowrap;text-decoration:none;border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.work-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.work-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#edf1f5}.work-body{padding:10px}.work-title{font-size:12px;font-weight:800;line-height:1.45;height:35px;overflow:hidden}.work-stats{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.6}.work-card a{display:block;margin-top:8px;text-align:center;text-decoration:none;background:#f4f6f9;border-radius:8px;padding:7px;font-size:12px;color:#3d4d65}
.history-bars{display:flex;gap:6px;height:150px;align-items:flex-end;padding:10px 0 0}.history-bar{flex:1;min-width:18px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.history-bar i{display:block;width:70%;min-height:3px;background:#64748b;border-radius:5px 5px 2px 2px}.history-bar b{font-size:10px;color:#435168}.history-bar span{font-size:9px;color:#8994a5;writing-mode:vertical-rl}
.settings-modal{position:fixed;left:50%;top:7vh;transform:translateX(-50%) scale(.98);width:min(760px,94vw);max-height:86vh;overflow:auto;background:#fff;border-radius:18px;z-index:60;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}.settings-modal.open{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}.settings-body{padding:20px}.settings-form{padding:0 22px 22px}.settings-section{padding:18px 0;border-top:1px solid var(--line)}.settings-section:first-child{border-top:0}.settings-section h3{margin:0;font-size:16px}.settings-section p{margin:6px 0 13px;color:var(--muted);font-size:12px;line-height:1.65}.settings-form textarea,.settings-form input{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:11px 12px;outline:none;background:#fbfcfe}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.key-list{display:grid;gap:8px;margin-top:12px}.key-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 12px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.key-row b{font-size:13px}.key-row span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.key-row button{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:7px 9px;font-size:11px}.settings-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.settings-actions div{display:flex;gap:8px}
.toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:80}.toast{width:min(360px,88vw);background:#1f2937;color:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow)}.toast b{display:block;font-size:13px}.toast span{display:block;margin-top:4px;color:#d8dee8;font-size:12px;line-height:1.5}
.notice{padding:11px 13px;border-radius:10px;background:#fff8e8;color:#7b5c1d;font-size:12px;line-height:1.6;margin-bottom:12px}.status-good{color:var(--good)}.status-warn{color:var(--warn)}
@media(max-width:1180px){.site-header{grid-template-columns:210px 1fr 210px}.product-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{height:auto;grid-template-columns:1fr auto;padding:14px 16px;gap:12px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:stretch}.main-nav button{flex:1;padding:10px 8px}.header-actions .source-state{display:none}.main-content{padding:22px 16px 50px}.page-heading{align-items:start}.product-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-product{grid-template-columns:1fr}.detail-product img{width:100%;height:auto;aspect-ratio:1/1}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-card{grid-template-columns:54px 1fr}.seller-card img,.seller-avatar{width:54px;height:54px}.seller-card>a{grid-column:1/-1;text-align:center}.import-row,.radar-box,.search-box{grid-template-columns:1fr}.primary{padding:13px 18px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:520px){.brand span{display:none}.page-heading h1{font-size:24px}.page-heading .plain-button{display:none}.product-grid,.loading-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.summary-card b{font-size:20px}.works-grid{grid-template-columns:1fr 1fr}.detail-stats{grid-template-columns:1fr 1fr}.main-nav button{font-size:13px}.site-header{padding:12px}.main-content{padding-left:12px;padding-right:12px}}

/* 第三版最终视觉优化 更清晰 更轻快 */
:root{
  --bg:#f7f7fb;
  --card:rgba(255,255,255,.92);
  --text:#172033;
  --muted:#728097;
  --line:#e9eaf1;
  --line-strong:#dfe2eb;
  --accent:#ee3f5d;
  --accent-2:#ff7187;
  --accent-soft:#fff1f4;
  --good:#17835d;
  --warn:#9a6a12;
  --shadow:0 18px 50px rgba(38,45,68,.09);
  --shadow-soft:0 8px 24px rgba(38,45,68,.055);
  --spring:cubic-bezier(.2,.85,.25,1.15);
}
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,112,135,.11),transparent 28rem),
    radial-gradient(circle at 92% 6%,rgba(114,126,255,.08),transparent 30rem),
    linear-gradient(180deg,#fafafe 0%,#f5f6fa 100%);
  min-height:100vh;
}
.site-header{
  height:76px;
  background:rgba(255,255,255,.78);
  border-bottom:1px solid rgba(225,227,236,.88);
  box-shadow:0 8px 30px rgba(40,48,72,.045);
  backdrop-filter:blur(18px) saturate(1.2);
}
.brand-mark{
  position:relative;
  border-radius:13px;
  background:linear-gradient(145deg,var(--accent-2),var(--accent));
  box-shadow:0 10px 26px rgba(238,63,93,.30);
  transform:rotate(-4deg);
}
.brand-mark:after{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.76);border-radius:8px}
.main-nav{padding:5px;background:rgba(242,244,249,.86);border:1px solid rgba(226,229,237,.9);border-radius:15px}
.main-nav button{border-radius:11px;transition:transform .22s var(--spring),background .2s ease,color .2s ease,box-shadow .2s ease}
.main-nav button:hover{transform:translateY(-1px);color:#27334a}
.main-nav button.active{background:linear-gradient(135deg,#2b3347,#161d2c);box-shadow:0 7px 18px rgba(27,34,52,.18);transform:translateY(-1px)}
.source-state{padding:7px 10px;border-radius:999px;background:#f4f6fa;border:1px solid var(--line);transition:.2s ease}
.source-state.ready{background:#edf9f3;border-color:#d7efe3;color:#14714f}
.main-content{padding-top:34px}
.page-heading h1{font-size:30px;letter-spacing:-.5px}.page-heading p{font-size:13px;line-height:1.7}
.card{border:1px solid rgba(228,230,238,.88);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);transition:transform .24s var(--spring),box-shadow .24s ease,border-color .24s ease}
.search-box,.radar-box{padding:10px 10px 10px 18px;border-radius:19px;box-shadow:0 16px 45px rgba(38,45,68,.075)}
.search-box input,.radar-box input{border:0;background:transparent;padding:16px 8px;font-size:16px;box-shadow:none!important}
.primary{min-height:48px;border-radius:13px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 10px 22px rgba(238,63,93,.22);transition:transform .2s var(--spring),box-shadow .2s ease,filter .2s ease}
.primary:hover{background:linear-gradient(135deg,var(--accent-2),var(--accent));transform:translateY(-2px);box-shadow:0 14px 30px rgba(238,63,93,.29);filter:saturate(1.05)}
.primary:active,.secondary:active,.plain-button:active,.card-actions button:active,.table-actions button:active,.radar-action:active{transform:scale(.96)}
.secondary,.plain-button,.card-actions button,.table-actions button,.radar-action,.detail-links a,.detail-links button{transition:transform .18s var(--spring),background .18s ease,border-color .18s ease,box-shadow .18s ease}
.plain-button:hover,.secondary:hover,.table-actions button:hover,.radar-action:hover,.detail-links a:hover,.detail-links button:hover{background:#fff;border-color:#cdd2df;box-shadow:0 6px 16px rgba(40,48,72,.07);transform:translateY(-1px)}
.product-card{overflow:hidden;border-radius:19px}.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(38,45,68,.12);border-color:#e2dce3}
.product-image-button{overflow:hidden}.product-image{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-image{transform:scale(1.045)}
.product-title{font-size:14px;line-height:1.55}.product-data{background:linear-gradient(180deg,#fbfbfd,#f7f8fb);border:1px solid #eef0f5;border-radius:12px;padding:10px}
.card-actions .watch{background:var(--accent-soft);border-color:#ffd7de;color:#b52240}.card-actions .watch:hover{background:#ffe7ec;border-color:#ffc7d1}
.summary-card{position:relative;overflow:hidden;border-radius:18px;padding:20px}.summary-card:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;top:-35px;background:linear-gradient(145deg,rgba(238,63,93,.12),rgba(113,126,255,.08))}.summary-card b{position:relative;font-size:28px}
.import-card{border-radius:19px}.import-row textarea{border-radius:13px;background:#fbfbfd;transition:border .2s ease,box-shadow .2s ease}.import-row textarea:focus{border-color:#e4a5b2;box-shadow:0 0 0 4px rgba(238,63,93,.07);outline:none}
.table-card{border-radius:18px;overflow:auto}.data-table tbody tr{transition:background .16s ease}.data-table tbody tr:hover{background:#faf9fc}.table-product img{box-shadow:0 4px 12px rgba(34,43,64,.10)}
.source-tag{font-weight:700}.source-tag.real{background:#eaf8f1;color:#126b4a}.positive{color:#16825b;font-weight:800}
.drawer{right:-780px;border-left:1px solid rgba(225,227,236,.8);box-shadow:-35px 0 80px rgba(31,39,58,.16);transition:right .34s var(--spring)}
.overlay{background:rgba(21,26,40,.30);backdrop-filter:blur(7px);transition:opacity .22s ease,visibility .22s ease}
.drawer-head,.modal-head{background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}
.detail-product img,.seller-card,.work-card{box-shadow:0 8px 24px rgba(39,46,67,.055)}
.work-card{transition:transform .2s var(--spring),box-shadow .2s ease}.work-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(39,46,67,.11)}.work-card img{transition:transform .4s ease}.work-card:hover img{transform:scale(1.035)}
.detail-links .strong{background:linear-gradient(135deg,var(--accent-2),var(--accent));border-color:transparent;box-shadow:0 8px 18px rgba(238,63,93,.20)}
.settings-modal{border:1px solid rgba(228,230,238,.9);border-radius:23px;box-shadow:0 30px 90px rgba(28,35,53,.20);transform:translateX(-50%) translateY(14px) scale(.97);transition:opacity .24s ease,visibility .24s ease,transform .3s var(--spring)}
.settings-modal.open{transform:translateX(-50%) translateY(0) scale(1)}
.key-list{gap:10px}.key-row{border-radius:14px;padding:13px 14px;background:linear-gradient(180deg,#fbfcfe,#f7f9fc);transition:transform .18s var(--spring),border-color .18s ease,box-shadow .18s ease}.key-row:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(38,45,68,.06)}.key-row.active-key{border-color:#ffd1da;background:linear-gradient(180deg,#fff8fa,#fff)}
.key-info{min-width:0}.key-title{display:flex;gap:8px;align-items:center}.key-title em{font-style:normal;font-size:10px;color:#ad2740;background:#ffe9ee;border-radius:999px;padding:3px 7px}.key-balance{display:block;margin-top:7px;font-size:15px;color:#16714f}.key-balance.unknown{color:#7c8798}.key-info small{display:block;margin-top:4px;color:#9aa3b0;font-size:10px}
.endpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.endpoint-chip{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fafbfe}.endpoint-chip b{display:block;font-size:12px}.endpoint-chip span{display:block;margin-top:4px;font-size:10px;color:var(--muted);line-height:1.5}.settings-hint{max-width:310px;font-size:11px;color:var(--muted);line-height:1.6}
.note-result{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:start}.note-result-image{width:180px;height:180px;object-fit:cover;border-radius:15px}.note-result h3{margin:4px 0 10px;font-size:18px}.note-result p{color:var(--muted);line-height:1.8;font-size:13px}
.toast{border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px rgba(25,31,47,.22);animation:toastIn .32s var(--spring)}
@keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
#page{animation:pageIn .28s ease both}@keyframes pageIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:820px){.site-header{height:auto}.main-nav{border-radius:13px}.settings-actions{align-items:stretch;flex-direction:column}.settings-hint{max-width:none}.endpoint-grid{grid-template-columns:1fr}.note-result{grid-template-columns:1fr}.note-result-image{width:100%;height:auto;aspect-ratio:4/3}}