.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 3rem;border-radius:var(--radius, 16px);background:var(--surface, rgba(255, 255, 255, .06));box-shadow:0 8px 32px #0003;text-align:center}.login-title{margin:0;font-size:2rem;font-weight:600}.login-sub{margin:0 0 .75rem}.login-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:1rem;border:none;border-radius:999px;cursor:pointer;background:var(--accent, #4285f4);color:#fff;transition:filter .15s ease}.login-btn:hover{filter:brightness(1.08)}.login-error{margin-top:.5rem}.login-signout{margin-top:.25rem;background:none;border:none;color:var(--text-tertiary, #888);cursor:pointer;text-decoration:underline;font-size:.85rem}.spinner-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.spinner{width:28px;height:28px;border:2.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spinner-spin .7s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.clock-widget{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:120px}.clock-time{font-size:4rem;font-weight:600;line-height:1;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.clock-date{font-size:1.125rem;font-weight:600;color:var(--color-text-secondary)}.weather-widget{display:flex;flex-direction:column;gap:16px}.weather-current{display:flex;align-items:center;justify-content:space-between}.weather-left{display:flex;align-items:center;gap:16px}.weather-emoji-temp{display:flex;align-items:center;gap:8px}.weather-emoji{font-size:2rem;line-height:1}.weather-temp{font-size:2.5rem;font-weight:600;line-height:1;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.weather-desc{font-size:1.5rem;font-weight:400;color:var(--color-text-primary)}.weather-right{display:flex;align-items:flex-start;gap:16px}.weather-range,.weather-wind{font-size:.875rem}.weather-forecast{display:flex;gap:16px}.forecast-day{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border-radius:var(--radius-md);background:#0000001a}.forecast-label{font-size:.625rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase}.forecast-contents{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.forecast-emoji{font-size:1.5rem}.forecast-high{font-size:1.5rem;font-weight:500;color:var(--color-text-primary)}.forecast-low{font-size:.875rem;color:#d6d3d1}.calendar-widget{display:flex;flex-direction:column;gap:1.5rem}.cal-auth{display:flex;align-items:center}.auth-link{font-size:.85rem;color:var(--color-accent)}.cal-section{display:flex;flex-direction:column;gap:.4rem}.cal-section-label{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.cal-event{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;column-gap:.75rem;padding:.5rem 0;border-top:1px solid var(--color-border)}.cal-event:first-of-type{border-top:none}.cal-event-time{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);padding-top:.1rem;grid-row:1 / 3;align-self:start}.cal-event-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.cal-event-location{font-size:.75rem;margin-top:.1rem}.cal-empty{font-size:1rem;padding:.5rem 0}.tasks-widget{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.tasks-auth{font-size:.85rem}.tasks-list{list-style:none;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.tasks-empty{font-size:.85rem;padding:.25rem 0}.task-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 0}.task-item+.task-item{border-top:1px solid rgba(255,255,255,.08)}.task-item-left{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.task-radio{width:16px;height:16px;min-width:16px;border-radius:50%;border:1px solid #78716c;background:none;display:flex;align-items:center;justify-content:center;color:transparent;font-size:8px;padding:0;margin-top:3px;transition:border-color .15s ease,background .15s ease;overflow:hidden}.task-radio:hover{border-color:#d6d3d1}.task-radio:active{border-color:#f5f5f4}.task-radio:focus-visible{border-color:#0c0a09;box-shadow:0 0 0 2px #fff;outline:none}.task-title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.task-due{font-size:.7rem;line-height:1.4;white-space:nowrap;color:var(--color-text-tertiary);flex-shrink:0;margin-top:4px}.task-edit-input{flex:1;min-width:0;background:none;border:none;border-bottom:1px solid #78716c;border-radius:0;padding:0 0 1px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.4;color:#fff;outline:none;resize:none;overflow:hidden}.task-edit-input:focus{border-color:#d6d3d1}.task-actions{display:flex;align-items:flex-start;gap:2px;opacity:0;transition:opacity .15s ease;flex-shrink:0}.task-item:hover .task-actions{opacity:1}.task-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;padding:0;transition:background .15s ease}.task-action-edit{color:#e7e5e4}.task-action-edit:hover{background:#ffffff14}.task-action-delete{color:#f43f5e}.task-action-delete:hover{background:#f43f5e26}.task-add-form{margin-top:auto}.task-input-pill{display:flex;align-items:center;background:#0c0a09;border:1px solid #44403c;border-radius:9999px;padding:8px 8px 8px 20px;gap:4px;transition:border-color .15s ease}.task-input-pill:focus-within{border-color:#78716c}.task-input{flex:1;min-width:0;background:none;border:none;border-radius:0;padding:0;height:20px;line-height:20px;font-size:16px;color:#fff}.task-input::placeholder{color:#78716c}.task-input:focus{border-color:transparent;outline:none}.task-input-submit{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;color:#e7e5e4;flex-shrink:0;padding:0;transition:opacity .15s ease}.task-input-submit:hover{opacity:.75}.task-input-submit:disabled{opacity:.4}.stocks-widget{display:flex;flex-direction:column;gap:.25rem}.stocks-list{display:flex;flex-direction:column}.stocks-table{width:100%;border-collapse:collapse;table-layout:fixed}.stock-row td{padding:.45rem .5rem;border-top:1px solid var(--color-border);vertical-align:middle}.stock-row:first-child td{border-top:none}.stock-col-identity{width:50%}.stock-col-basis{width:17%;text-align:center;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.stock-col-prices{width:33%;text-align:right}.stock-ticker{display:block;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.stock-name{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary)}.stock-price{display:block;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.stock-col-prices span:last-child{display:block;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.stock-summary-row td{padding-top:.6rem;border-top:2px solid var(--color-border)}.stock-summary-label{display:block;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.stock-summary-cost{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-tertiary)}.stock-summary-pl{display:block;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.stock-summary-row{cursor:pointer}.privacy-blur{filter:blur(10px);transition:filter .2s ease;-webkit-user-select:none;user-select:none}.privacy-blur.revealed{filter:blur(0)}.news-widget{display:flex;flex-direction:column}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.news-card{display:flex;flex-direction:row;align-items:center;border-radius:16px;overflow:hidden;background:#0c0a09;border:1px solid #1c1917;text-decoration:none;transition:background .15s ease;padding:8px}.news-card:hover{background:#1c1917;text-decoration:none}.news-card:active{background:#292524}.news-card:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.news-card-thumb{width:100px;height:100px;flex-shrink:0;object-fit:cover;border-radius:8px;display:block}.news-card-thumb-placeholder{width:100px;height:100px;flex-shrink:0;background:#57534e;border-radius:8px}.news-card-body{padding:0 16px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.news-title{font-size:1.125rem;line-height:1.4;font-weight:600;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-meta{font-size:.75rem;font-weight:600;color:#a8a29e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-widget{display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.shopping-error{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.shopping-auth-link{font-size:.875rem;font-weight:600;color:var(--color-accent);text-decoration:none;white-space:nowrap}.shopping-auth-link:hover{text-decoration:underline}.shopping-item-error{font-size:.75rem}.shopping-list{list-style:none;display:flex;flex-direction:column;flex:1;overflow-y:auto}.shopping-empty{font-size:.875rem}.shopping-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;border-top:1px solid var(--color-border);gap:.5rem}.shopping-item:first-child{border-top:none}.shopping-item-left{display:flex;align-items:baseline;gap:.5rem;flex:1;min-width:0}.shopping-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-qty{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.shopping-edit-input{flex:1;min-width:0;background:none;border:none;border-bottom:1px solid #78716c;border-radius:0;padding:0 0 1px;font-size:1rem;font-weight:600;color:#fff;outline:none}.shopping-edit-input:focus{border-color:#d6d3d1}.shopping-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s ease;flex-shrink:0}.shopping-item:hover .shopping-actions{opacity:1}.shopping-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;padding:0;transition:background .15s ease}.shopping-action-edit{color:#e7e5e4}.shopping-action-edit:hover{background:#ffffff14}.shopping-action-delete{color:#f43f5e}.shopping-action-delete:hover{background:#f43f5e26}.shopping-add-form{margin-top:auto}.shopping-input-pill{display:flex;align-items:center;background:#0c0a09;border:1px solid #44403c;border-radius:9999px;padding:8px 8px 8px 20px;gap:4px;transition:border-color .15s ease}.shopping-input-pill:focus-within{border-color:#78716c}.shopping-input{flex:1;min-width:0;background:none;border:none;border-radius:0;padding:0;height:20px;line-height:20px;font-size:16px;color:#fff}.shopping-input::placeholder{color:#78716c}.shopping-input:focus{border-color:transparent;outline:none}.shopping-input-submit{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;color:#e7e5e4;flex-shrink:0;padding:0;transition:opacity .15s ease}.shopping-input-submit:hover{opacity:.75}.shopping-input-submit:disabled{opacity:.4}.settings-trigger{font-size:1.1rem;color:var(--color-text-secondary);padding:.4rem .5rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);transition:color .15s ease,background .15s ease;line-height:1}.settings-trigger:hover{color:var(--color-text-primary)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem}.settings-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);width:640px;max-width:100%;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border)}.settings-body{display:flex;flex-direction:column;gap:2rem;padding:2rem;overflow-y:auto}.settings-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.settings-close{font-size:.85rem;color:var(--color-text-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.settings-close:hover{color:var(--color-text-primary);background:var(--color-surface-input)}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.settings-row{display:flex;flex-direction:column;gap:.5rem}.settings-row-inline{flex-direction:row;flex-wrap:wrap;align-items:center}.settings-input{flex:1}.settings-input-full{width:100%}.settings-input-sm{width:80px;flex:none}.settings-hint{font-size:.72rem;color:var(--color-text-tertiary)}.settings-btn{padding:.4rem .75rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;white-space:nowrap;transition:background .15s ease}.settings-btn:hover:not(:disabled){background:var(--color-accent-hover)}.settings-btn-danger{background:var(--color-danger)}.settings-btn-anchor{display:inline-flex;align-items:center;text-decoration:none}.settings-btn-anchor:hover{text-decoration:none}.settings-account{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.settings-account-email{font-size:.85rem;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.settings-account-email.is-disconnected{color:var(--color-text-tertiary);font-style:italic;font-weight:400}.settings-btn-link{padding:.4rem .75rem;background:var(--color-surface-input);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-sm);font-size:.8rem;text-decoration:none;transition:background .15s ease}.settings-btn-link:hover:not(:disabled){background:var(--color-border);text-decoration:none}.settings-tickers-list{display:flex;flex-direction:column;gap:.5rem;min-height:1rem}.ticker-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.ticker-label{font-size:.82rem;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em;flex:0 0 auto;min-width:3.5rem}.ticker-text-input{flex:1 1 auto;min-width:100px;font-size:.78rem;padding:.3rem .5rem}.ticker-num-input{width:88px;flex:0 0 auto;font-size:.78rem;padding:.3rem .5rem}.ticker-actions{margin-left:auto}.ticker-actions{display:flex;align-items:center;gap:.1rem}.ticker-move{font-size:.75rem;color:var(--color-text-tertiary);padding:.1rem .3rem;border-radius:var(--radius-sm);line-height:1;transition:color .15s ease}.ticker-move:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-border)}.ticker-move:disabled{opacity:.25;cursor:default}.ticker-remove{font-size:.9rem;color:var(--color-text-tertiary);padding:.1rem .3rem;line-height:1;border-radius:var(--radius-sm)}.ticker-remove:hover{color:var(--color-danger)}.settings-file-input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.settings-file-input:focus-visible+.settings-btn{outline:2px solid var(--color-accent);outline-offset:2px}.settings-btn:disabled,.settings-btn-link:disabled{opacity:.5;cursor:default}:root{--color-surface: rgba(0, 0, 0, .5);--color-surface-input: rgba(255, 255, 255, .07);--color-border: rgba(255, 255, 255, .06);--color-text-primary: white;--color-text-secondary: #e7e5e4;--color-text-tertiary: #a8a29e;--color-accent: #10b981;--color-accent-hover: #059669;--color-success: #4ade80;--color-danger: #f43f5e;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .15), 0 4px 6px rgba(0, 0, 0, .1);--shadow-md: 0 8px 32px rgba(0, 0, 0, .55);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background-color:#0d1020;background-image:var(--app-background-image, url(/Wallpaper-3.png));background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-primary);transition:color .2s ease}#root{min-height:100%}.app{min-height:100vh;padding:1.5rem}.app-header{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1.5rem}.bento-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto;gap:1rem;max-width:1400px;margin:0 auto}.bento-clock{grid-column:1 / span 2;grid-row:1}.bento-weather{grid-column:3 / span 4;grid-row:1}.bento-tasks{grid-column:1 / span 2;grid-row:2}.bento-calendar{grid-column:3 / span 2;grid-row:2}.bento-stocks{grid-column:5 / span 2;grid-row:2}.bento-news{grid-column:1 / span 4;grid-row:3}.bento-shopping{grid-column:5 / span 2;grid-row:3}.widget{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);overflow:hidden;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.widget:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff1a;pointer-events:none}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-accent{color:var(--color-accent)}.error-text{color:var(--color-danger);font-size:.85rem}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .65rem;outline:none;transition:border-color .15s ease}input:focus{border-color:var(--color-accent)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr 1fr}.bento-clock{grid-column:1;grid-row:1}.bento-weather{grid-column:2;grid-row:1}.bento-tasks{grid-column:1;grid-row:2}.bento-calendar{grid-column:2;grid-row:2}.bento-stocks{grid-column:1 / 3;grid-row:3}.bento-shopping{grid-column:1 / 3;grid-row:4}.bento-news{grid-column:1 / 3;grid-row:5}}@media (max-width: 600px){.bento-grid{grid-template-columns:1fr}.bento-clock,.bento-weather,.bento-calendar,.bento-tasks,.bento-stocks,.bento-news,.bento-shopping{grid-column:1;grid-row:auto}}