@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0c0e13;--surface:hsla(0,0%,100%,.042);--surface-hover:hsla(0,0%,100%,.075);--surface-selected:#ffffff1a;--border:#ffffff14;--border-strong:#ffffff29;--text-primary:#eeecea;--text-secondary:#eeecea80;--text-tertiary:#eeecea47;--accent:#c9b99a;--accent-dim:#c9b99a21;--accent2:#7dbfc9;--score-color:#e5a070;--blur:blur(20px);--radius:18px;--radius-sm:11px;--fire:#ff6b35;--fire-bg:#ff6b351a;--fire-border:#ff6b3540;--hot:#f5c842;--hot-bg:#f5c84214;--hot-border:#f5c84238;--rising:#6fd97f;--rising-bg:#6fd97f12;--rising-border:#6fd97f33}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0c0e13;background:var(--bg);color:#eeecea;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.app,body{min-height:100vh}.app{overflow-x:hidden;position:relative}.bg-blob{border-radius:50%;filter:blur(110px);pointer-events:none;position:fixed;z-index:0}.blob1{background:radial-gradient(circle,#3a6fa8 0,#0000 70%);height:700px;left:-150px;opacity:.16;top:-200px;width:700px}.blob2{background:radial-gradient(circle,#c9b99a 0,#0000 70%);height:500px;opacity:.1;right:-120px;top:50%;width:500px}.blob3{background:radial-gradient(circle,#7dbfc9 0,#0000 70%);bottom:0;height:450px;left:35%;opacity:.09;width:450px}.header{backdrop-filter:blur(20px);backdrop-filter:var(--blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);background:#0c0e13a6;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{gap:40px;height:64px;margin:0 auto;max-width:1440px;padding:0 32px}.header-inner,.logo{align-items:center;display:flex}.logo{flex-shrink:0;gap:10px}.logo-mark{background:#c9b99a;background:var(--accent);border-radius:8px;color:#18140d;display:grid;font-family:"DM Serif Display",serif;font-size:18px;height:32px;place-items:center;width:32px}.logo-mark.lg{border-radius:12px;font-size:26px;height:48px;width:48px}.logo-text{font-size:15px;font-weight:600;letter-spacing:-.3px}.header-greeting{color:#eeecea47;color:var(--text-tertiary);font-size:12px;font-weight:400;margin-left:2px}.nav{display:flex;flex:1 1;gap:4px}.nav-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:8px;color:#eeecea80;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;padding:6px 14px;transition:all .2s}.nav-btn:hover{background:hsla(0,0%,100%,.075);background:var(--surface-hover);color:#eeecea;color:var(--text-primary)}.nav-btn.active{background:#c9b99a21;background:var(--accent-dim);border:1px solid #c9b99a38;color:#c9b99a;color:var(--accent)}.search-wrap{align-items:center;display:flex;flex-shrink:0;position:relative}.search-icon{color:#eeecea47;color:var(--text-tertiary);font-size:16px;left:11px;line-height:1;pointer-events:none;position:absolute}.search-input{background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#eeecea;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:13px;outline:none;padding:7px 34px 7px 32px;transition:border-color .2s,background .2s,width .25s;width:220px}.search-input::placeholder{color:#eeecea47;color:var(--text-tertiary)}.search-input:focus{background:hsla(0,0%,100%,.075);background:var(--surface-hover);border-color:#ffffff29;border-color:var(--border-strong);width:280px}.search-clear{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:50%;color:#eeecea47;color:var(--text-tertiary);cursor:pointer;display:grid;font-size:10px;height:18px;place-items:center;position:absolute;right:9px;transition:color .15s,background .15s;width:18px}.search-clear:hover{background:hsla(0,0%,100%,.075);background:var(--surface-hover);color:#eeecea;color:var(--text-primary)}.main{margin:0 auto;max-width:1440px;padding:40px 32px 100px;position:relative;z-index:1}.list-header{align-items:baseline;display:flex;gap:16px;margin-bottom:32px}.list-title{font-family:"DM Serif Display",serif;font-size:38px;font-weight:400;letter-spacing:-.5px;line-height:1.1}.list-count{color:#eeecea47;color:var(--text-tertiary);font-size:12px}.topic-filter-bar{-webkit-overflow-scrolling:touch;align-items:center;background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:28px;overflow-x:auto;padding:12px 16px;scrollbar-width:none}.topic-filter-bar::-webkit-scrollbar{display:none}.filter-label{color:#eeecea47;color:var(--text-tertiary);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.9px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:nowrap;gap:6px}.filter-chip{-webkit-tap-highlight-color:transparent;background:none;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:20px;color:#eeecea80;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;transition:all .18s;white-space:nowrap}.filter-chip:hover{background:hsla(0,0%,100%,.075);background:var(--surface-hover);border-color:#ffffff29;border-color:var(--border-strong);color:#eeecea;color:var(--text-primary)}.filter-chip.active{background:#c9b99a21;background:var(--accent-dim);border-color:#c9b99a4d;color:#c9b99a;color:var(--accent)}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 24px;text-align:center}.empty-icon{font-size:40px;line-height:1;opacity:.6}.empty-title{color:#eeecea80;color:var(--text-secondary);font-size:16px;font-weight:500}.empty-sub{color:#eeecea47;color:var(--text-tertiary);font-size:13px}.welcome-overlay{align-items:center;animation:overlayIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:300}.welcome-modal{animation:panelIn .35s cubic-bezier(.34,1.56,.64,1) both;backdrop-filter:blur(20px);backdrop-filter:var(--blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);background:#10121af2;border:1px solid #ffffff29;border:1px solid var(--border-strong);border-radius:24px;max-width:500px;padding:48px 44px;width:100%}.welcome-modal.step-1{max-width:680px}.welcome-step{align-items:center;display:flex;flex-direction:column;gap:0;text-align:center}.welcome-logo{margin-bottom:24px}.welcome-title{color:#eeecea;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:36px;font-weight:400;letter-spacing:-.5px;line-height:1.15;margin-bottom:14px}.welcome-title.sm{font-size:28px;margin-bottom:10px}.welcome-sub{font-size:14px;line-height:1.6;margin-bottom:28px;max-width:360px}.name-label,.welcome-sub{color:#eeecea80;color:var(--text-secondary)}.name-label{align-self:flex-start;font-size:12px;font-weight:500;letter-spacing:.2px;margin-bottom:8px}.optional{color:#eeecea47;color:var(--text-tertiary);font-weight:400}.name-input{-webkit-appearance:none;background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;color:#eeecea;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;margin-bottom:24px;outline:none;padding:11px 16px;transition:border-color .2s,background .2s;width:100%}.name-input::placeholder{color:#eeecea47;color:var(--text-tertiary)}.name-input:focus{background:hsla(0,0%,100%,.075);background:var(--surface-hover);border-color:#ffffff29;border-color:var(--border-strong)}.welcome-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;min-height:48px;padding:12px 24px;transition:opacity .2s,transform .15s;width:100%}.welcome-btn:active{transform:scale(.98)}.welcome-btn.primary{background:#c9b99a;background:var(--accent);color:#18140d}.welcome-btn.primary:hover{opacity:.88}.topic-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;width:100%}.topic-chip{-webkit-tap-highlight-color:transparent;align-items:center;background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;gap:8px;min-height:48px;padding:10px 14px;position:relative;text-align:left;transition:all .18s}.topic-chip:hover{background:hsla(0,0%,100%,.075);background:var(--surface-hover);border-color:#ffffff29;border-color:var(--border-strong)}.topic-chip.active{background:#c9b99a21;background:var(--accent-dim);border-color:#c9b99a59}.chip-icon{flex-shrink:0;font-size:16px;line-height:1}.chip-label{color:#eeecea80;color:var(--text-secondary);flex:1 1;font-size:12.5px;font-weight:500}.chip-check,.topic-chip.active .chip-label{color:#c9b99a;color:var(--accent)}.chip-check{flex-shrink:0;font-size:10px;font-weight:700}.welcome-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.welcome-footer .welcome-btn{flex-shrink:0;padding:11px 22px;width:auto}.sel-count{color:#eeecea47;color:var(--text-tertiary);flex:1 1;font-size:12px;text-align:left}.bento-grid{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:200px;grid-template-columns:repeat(4,1fr)}.bento-card{-webkit-tap-highlight-color:transparent;animation:fadeUp .4s ease both;backdrop-filter:blur(20px);backdrop-filter:var(--blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.bento-card:hover{background:hsla(0,0%,100%,.075);background:var(--surface-hover);border-color:#ffffff29;border-color:var(--border-strong);box-shadow:0 16px 48px #00000059;transform:translateY(-2px)}.bento-card:active{box-shadow:none;transform:scale(.98)}.bento-card.selected{background:#ffffff1a;background:var(--surface-selected);border-color:#c9b99a4d;box-shadow:0 0 0 1px #c9b99a26}.bento-card.skeleton{animation:pulse 1.5s ease-in-out infinite;background:hsla(0,0%,100%,.042);background:var(--surface)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.55}}.heat-bar{flex-shrink:0;height:3px;width:100%}.heat-bar.heat-fire{background:linear-gradient(90deg,#ff6b35,#ff9f35);background:linear-gradient(90deg,var(--fire),#ff9f35)}.heat-bar.heat-hot{background:linear-gradient(90deg,#f5c842,#ffd87a);background:linear-gradient(90deg,var(--hot),#ffd87a)}.heat-bar.heat-rising{background:linear-gradient(90deg,#6fd97f,#a8f5b5);background:linear-gradient(90deg,var(--rising),#a8f5b5)}.card-inner{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:16px 18px}.size-hero .card-inner{padding:22px 26px 20px}.size-wide .card-inner{padding:18px 22px 16px}.size-tall .card-inner{padding:20px 20px 18px}.card-top-row{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-bottom:10px}.card-index{color:#eeecea47;color:var(--text-tertiary);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.8px}.card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tag{border-radius:20px;font-size:10px;font-weight:500;letter-spacing:.3px;max-width:120px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.tag-domain{background:#7dbfc91a;border:1px solid #7dbfc933;color:#7dbfc9;color:var(--accent2)}.tag-type{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);color:#eeecea47;color:var(--text-tertiary);text-transform:uppercase}.tag-heat.heat-fire{background:#ff6b351a;background:var(--fire-bg);border:1px solid #ff6b3540;border:1px solid var(--fire-border);color:#ff6b35;color:var(--fire)}.tag-heat.heat-hot{background:#f5c84214;background:var(--hot-bg);border:1px solid #f5c84238;border:1px solid var(--hot-border);color:#f5c842;color:var(--hot)}.tag-heat.heat-rising{background:#6fd97f12;background:var(--rising-bg);border:1px solid #6fd97f33;border:1px solid var(--rising-border);color:#6fd97f;color:var(--rising)}.card-title{color:#eeecea;color:var(--text-primary);flex-shrink:0;font-family:"DM Serif Display",serif;font-weight:400;letter-spacing:-.2px;line-height:1.3}.size-small .card-title{-webkit-line-clamp:3;font-size:14px}.size-small .card-title,.size-wide .card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.size-wide .card-title{-webkit-line-clamp:2;font-size:16px}.size-tall .card-title{font-size:18px}.size-hero .card-title{font-size:26px;letter-spacing:-.5px;line-height:1.2}.card-preview{color:#eeecea80;color:var(--text-secondary);flex:1 1;font-size:12.5px;line-height:1.6;margin-top:10px;overflow:hidden}.size-hero .card-preview{font-size:13.5px}.card-meta{color:#eeecea80;color:var(--text-secondary);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:11.5px;gap:10px;margin-top:auto;padding-top:12px}.meta-author{color:#eeecea47;color:var(--text-tertiary)}.meta-score{color:#e5a070;color:var(--score-color);font-weight:600}.meta-time{color:#eeecea47;color:var(--text-tertiary)}.meta-comments{color:#7dbfc9;color:var(--accent2)}.hero-score-badge{bottom:20px;color:#ffffff0d;font-family:"DM Serif Display",serif;font-size:40px;letter-spacing:-2px;line-height:1;pointer-events:none;position:absolute;right:22px;-webkit-user-select:none;user-select:none}.load-more{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);color:#eeecea80;color:var(--text-secondary);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;margin-top:28px;min-height:48px;padding:14px;transition:all .2s;width:100%}.load-more:hover:not(:disabled){background:hsla(0,0%,100%,.075);background:var(--surface-hover);border-color:#ffffff29;border-color:var(--border-strong);color:#eeecea;color:var(--text-primary)}.load-more:disabled{cursor:not-allowed;opacity:.45}.detail-overlay{align-items:center;animation:overlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.detail-panel{-webkit-overflow-scrolling:touch;animation:panelIn .28s cubic-bezier(.34,1.56,.64,1) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:#101218eb;border:1px solid #ffffff29;border:1px solid var(--border-strong);border-radius:22px;max-height:88vh;max-width:680px;overflow-y:auto;padding:32px;position:relative;scrollbar-color:#ffffff14 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin;width:100%}.detail-panel::-webkit-scrollbar{width:4px}.detail-panel::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--border);border-radius:2px}@keyframes panelIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-btn{-webkit-tap-highlight-color:transparent;background:hsla(0,0%,100%,.075);background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#eeecea80;color:var(--text-secondary);cursor:pointer;display:grid;font-size:11px;height:36px;place-items:center;position:absolute;right:18px;top:18px;transition:all .2s;width:36px}.close-btn:hover{border-color:#ffffff29;border-color:var(--border-strong);color:#eeecea;color:var(--text-primary)}.detail-heat-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;margin-bottom:14px;padding:3px 10px}.detail-heat-badge.heat-fire{background:#ff6b351a;background:var(--fire-bg);border:1px solid #ff6b3540;border:1px solid var(--fire-border);color:#ff6b35;color:var(--fire)}.detail-heat-badge.heat-hot{background:#f5c84214;background:var(--hot-bg);border:1px solid #f5c84238;border:1px solid var(--hot-border);color:#f5c842;color:var(--hot)}.detail-heat-badge.heat-rising{background:#6fd97f12;background:var(--rising-bg);border:1px solid #6fd97f33;border:1px solid var(--rising-border);color:#6fd97f;color:var(--rising)}.detail-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.detail-domain{color:#7dbfc9;color:var(--accent2);display:inline-block;font-size:11px;font-weight:500;margin-bottom:10px}.detail-title{color:#eeecea;color:var(--text-primary);font-family:"DM Serif Display",serif;font-size:24px;font-weight:400;letter-spacing:-.3px;line-height:1.3;margin-bottom:14px}.detail-meta{color:#eeecea80;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:20px}.dm-score{color:#e5a070;color:var(--score-color);font-weight:600}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-primary{-webkit-tap-highlight-color:transparent;align-items:center;background:#c9b99a;background:var(--accent);border-radius:8px;color:#1a1710;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:6px;min-height:44px;padding:9px 18px;text-decoration:none;transition:opacity .2s}.btn-primary:hover{opacity:.88}.btn-secondary{-webkit-tap-highlight-color:transparent;align-items:center;background:hsla(0,0%,100%,.075);background:var(--surface-hover);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#eeecea80;color:var(--text-secondary);display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;min-height:44px;padding:9px 18px;text-decoration:none;transition:all .2s}.btn-secondary:hover{border-color:#ffffff29;border-color:var(--border-strong);color:#eeecea;color:var(--text-primary)}.detail-text{background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);color:#eeecea80;color:var(--text-secondary);font-size:13.5px;line-height:1.7;margin-bottom:24px;padding:16px 20px}.detail-text a{color:#7dbfc9;color:var(--accent2)}.detail-text p{margin-bottom:10px}.detail-text p:last-child{margin-bottom:0}.comments-heading{color:#eeecea47;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.comment{animation:fadeUp .3s ease both;background:hsla(0,0%,100%,.042);background:var(--surface);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:11px;border-radius:var(--radius-sm);margin-bottom:8px;padding:14px 16px}.comment-author{color:#c9b99a;color:var(--accent);font-size:11px;font-weight:600;margin-bottom:6px}.comment-text{color:#eeecea80;color:var(--text-secondary);font-size:12.5px;line-height:1.65;word-break:break-word}.comment-text a{color:#7dbfc9;color:var(--accent2)}.comment-text p{margin-bottom:6px}.comment-text p:last-child{margin-bottom:0}.comment-text pre{background:#0000004d;border-radius:6px;font-size:11px;margin:8px 0;overflow-x:auto;padding:8px}.comment-skeleton{animation:pulse 1.4s ease-in-out infinite;background:hsla(0,0%,100%,.042);background:var(--surface);border-radius:11px;border-radius:var(--radius-sm);height:72px;margin-bottom:8px}.no-comments{color:#eeecea47;color:var(--text-tertiary);font-size:13px;padding:12px 0}@media (max-width:1100px){.bento-grid{grid-template-columns:repeat(3,1fr)}.size-hero{grid-column:span 2!important}}@media (max-width:720px){.main{padding:20px 14px 80px}.header-inner{flex-wrap:wrap;gap:0;height:auto;padding:0 14px}.logo{flex:1 1;padding:12px 0}.header-greeting{display:none}.search-wrap{padding:10px 0}.search-input{font-size:14px;width:140px}.search-input:focus{width:180px}.nav{border-top:1px solid #ffffff14;border-top:1px solid var(--border);flex:none;gap:2px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none;width:100%}.nav::-webkit-scrollbar{display:none}.nav-btn{flex-shrink:0;font-size:12px;padding:6px 12px;white-space:nowrap}.topic-filter-bar{border-radius:10px;margin-bottom:18px;padding:10px 12px}.filter-label{display:none}.filter-chip{font-size:11.5px;min-height:34px;padding:5px 11px}.list-header{flex-wrap:wrap;gap:6px;margin-bottom:18px}.list-title{font-size:26px}.bento-grid{gap:10px;grid-auto-rows:auto;grid-template-columns:repeat(2,1fr)}.size-hero,.size-wide{grid-column:span 2!important}.size-tall{grid-row:span 1!important}.card-inner{padding:14px 14px 12px}.size-hero .card-inner{padding:18px 18px 14px}.size-wide .card-inner{padding:14px 16px 12px}.size-hero .card-title{font-size:20px}.size-tall .card-title,.size-wide .card-title{font-size:15px}.detail-overlay{align-items:flex-end;padding:0}.detail-panel{animation:sheetUp .32s cubic-bezier(.34,1.3,.64,1) both;border-radius:22px 22px 0 0;max-height:92vh;max-width:100%;padding:24px 20px 36px}@keyframes sheetUp{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.detail-panel:before{background:#ffffff29;background:var(--border-strong);border-radius:2px;content:"";display:block;height:4px;margin:0 auto 20px;width:36px}.detail-title{font-size:20px}.detail-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.welcome-overlay{align-items:flex-end;overflow-y:auto;padding:0}.welcome-modal{border-radius:22px 22px 0 0;max-width:100%;padding:36px 24px 32px}.welcome-modal.step-1{max-width:100%}.welcome-title{font-size:30px}.welcome-title.sm{font-size:24px}.topic-grid{gap:7px;grid-template-columns:repeat(2,1fr)}.welcome-footer{align-items:stretch;flex-direction:column;gap:10px}.welcome-footer .welcome-btn{width:100%}.sel-count{text-align:center}}@media (max-width:430px){.main{padding:16px 12px 80px}.header-inner{padding:0 12px}.logo-text{font-size:14px}.search-input{width:120px}.search-input:focus{width:150px}.bento-grid{gap:8px;grid-template-columns:1fr}.size-hero,.size-tall,.size-wide{grid-column:span 1!important;grid-row:span 1!important}.card-inner,.size-hero .card-inner,.size-tall .card-inner,.size-wide .card-inner{padding:14px 14px 12px}.size-hero .card-title,.size-tall .card-title,.size-wide .card-title{font-size:15px}.detail-panel{padding:20px 16px 32px}.detail-title{font-size:18px}.welcome-modal{padding:28px 18px}.welcome-title{font-size:26px}.topic-grid{gap:6px}.chip-label{font-size:11.5px}.chip-icon{font-size:14px}.list-title{font-size:22px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.header{padding-top:env(safe-area-inset-top)}.main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.detail-panel{padding-bottom:calc(36px + env(safe-area-inset-bottom))}.welcome-modal{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=main.14f578eb.css.map*/