:root{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface0:#313244;--surface1:#45475a;--text:#cdd6f4;--subtext:#a6adc8;--peach:#fab387;--yellow:#f9e2af;--maroon:#eba0ac;--green:#a6e3a1;--sky:#89dceb}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--base);width:100%;color:var(--text);font-family:Comic Sans MS,Comic Sans,Comic Neue,sans-serif}body{flex-direction:column;align-items:center;padding:40px 20px 20px;display:flex}#logo{margin-bottom:4px;font-size:40px}#tagline{color:var(--subtext);margin-bottom:20px;font-size:13px}#search-form{width:min(560px,90vw);margin-bottom:20px;display:flex}#search-input{background:var(--peach);color:var(--text);border:none;border-radius:20px 0 0 20px;outline:none;flex:1;padding:14px 18px;font-family:inherit;font-size:16px}#search-input::placeholder{color:var(--mantle)}#search-button{white-space:nowrap;background:var(--peach);color:var(--mantle);cursor:pointer;border:none;border-radius:0 20px 20px 0;padding:14px 18px;font-size:16px}#search-button:hover{background:var(--yellow);border-color:var(--yellow)}#grid{grid-template-columns:1fr 1.1fr 1fr;gap:20px;width:min(1100px,95vw);display:grid}@media (width<=800px){#grid{grid-template-columns:1fr}}.card{background:var(--mantle);border:2px solid var(--surface0);border-radius:10px;padding:20px;position:relative;overflow:hidden}#news-card{flex-direction:column;display:flex}.card:before{content:"";background:linear-gradient(90deg, var(--peach), var(--yellow), var(--peach));background-size:200% 100%;height:6px;animation:4s linear infinite syrup-shimmer;position:absolute;top:0;left:0;right:0}@keyframes syrup-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.card h2{color:var(--yellow);margin-bottom:12px;font-size:16px}#topic-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.topic-tab{background:var(--surface0);border:2px solid var(--surface0);color:var(--subtext);cursor:pointer;border-radius:14px;padding:5px 10px;font-family:inherit;font-size:11px}.topic-tab:hover{border-color:var(--surface1);color:var(--text)}.topic-tab.active{background:var(--peach);border-color:var(--peach);color:var(--crust);font-weight:700}#news-list{flex-direction:column;flex:1;gap:10px;list-style:none;display:flex}#news-list li a{color:var(--text);font-size:14px;line-height:1.4;text-decoration:none;display:block}#news-list li a:hover,#news-status{color:var(--subtext);font-size:12px}#shortcut-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shortcut{background:var(--surface0);color:var(--text);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:11px;text-decoration:none;display:flex;position:relative}.shortcut:hover{background:var(--surface1)}.shortcut .emoji{font-size:22px}.shortcut .remove-btn{color:var(--subtext);cursor:pointer;background:0 0;border:none;padding:2px;font-size:10px;line-height:1;display:none;position:absolute;top:2px;right:4px}.shortcut:hover .remove-btn{display:block}.shortcut .remove-btn:hover{color:var(--peach)}#add-shortcut-tile{border:2px dashed var(--surface1);width:100%;min-height:76px;color:var(--subtext);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-family:inherit;font-size:11px;display:flex}#add-shortcut-tile:hover{border-color:var(--peach);color:var(--peach)}#add-shortcut-tile .emoji{font-size:22px}#add-shortcut-form{flex-direction:column;gap:6px;margin-top:10px;display:none}#add-shortcut-form.open{display:flex}#add-shortcut-form input{background:var(--surface0);border:2px solid var(--surface1);width:100%;color:var(--text);border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px}#add-shortcut-form input:focus{border-color:var(--peach)}#add-shortcut-button{gap:6px;display:flex}#add-shortcut-button button{border:2px solid var(--peach);background:var(--peach);color:var(--crust);cursor:pointer;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}#add-shortcut-cancel{color:var(--subtext)!important;border-color:var(--surface1)!important;background:0 0!important}#shortcut-empty{color:var(--subtext);text-align:center;grid-column:1/-1;padding:6px 0 2px;font-size:12px}#weather-body{text-align:center;min-height:150px;position:relative}#weather-details{transition:filter .18s}#weather-feels-like{color:var(--subtext);margin-top:2px;font-size:12px}#weather-detail-row{color:var(--text);justify-content:center;gap:16px;margin-top:10px;font-size:13px;display:flex}#weather-high-low{color:var(--peach);margin-top:8px;font-size:13px;font-weight:700}#weather-card.weather-locked #weather-details{filter:blur(10px);-webkit-user-select:none;user-select:none;pointer-events:none}#weather-permission{z-index:1;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:18px 12px}#weather-permission strong{max-width:220px;line-height:1.4}#weather-permission-button{border:2px solid var(--peach);background:var(--peach);color:var(--crust);cursor:pointer;border-radius:6px;padding:8px 12px;font-family:inherit;font-weight:700}#weather-permission-button:hover{background:var(--yellow);border-color:var(--yellow)}#weather-card.weather-unlocked #weather-permission{display:none}#weather-emoji{font-size:46px}#weather-temp{color:var(--yellow);font-size:28px;font-weight:700}#weather-place{color:var(--subtext);margin-top:4px;font-size:13px}#weather-status{color:var(--subtext);font-size:12px}#footer{color:var(--subtext);margin-top:28px;font-size:11px}#settings-link{color:var(--subtext);background:var(--mantle);border:2px solid var(--surface0);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;text-decoration:none;display:flex;position:fixed;top:18px;right:20px}#settings-link:hover{background:var(--surface0);border-color:var(--peach);color:var(--peach)}