body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-ui);padding:32px;font-size:15px}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.app{max-width:1440px;margin:0 auto;min-height:calc(100dvh - 64px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-soft);overflow:clip}aside{flex-basis:240px;width:240px;padding:32px 16px 24px;background:#f6f9fb;border-color:var(--color-border)}.brand{height:44px;margin:0 12px 36px;gap:12px;font-size:25px;letter-spacing:-.8px;color:var(--color-text)}.brand img{width:40px;height:40px;display:block}.folder{height:48px;border-radius:var(--radius-control);padding:0 14px;color:var(--color-muted);gap:12px}.folder:hover{background:var(--color-neutral-bg)}.folder.active{background:var(--color-selected);color:var(--color-text)}.folder .icon,.folder.active .icon{color:var(--color-accent)}.count{color:var(--color-muted)}main{padding:44px 48px 36px;position:relative}.toolbar{height:40px;margin:0;max-width:none;position:absolute;right:48px;top:44px}.search-wrap{height:40px;width:200px;background:var(--color-neutral-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:0 12px;color:var(--color-muted)}.search::placeholder{color:var(--color-muted)}.search-wrap:focus-within{box-shadow:0 0 0 3px #8cb5ce30}.paper{margin:0;max-width:1040px}.paper>h1{font-size:34px;line-height:44px;margin:0 220px 8px 0;letter-spacing:-1.1px;color:var(--color-text)}.subtitle{font-size:14px;margin-bottom:32px;color:var(--color-muted)}#accountLabel{display:none}.composer{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:16px;border:1px solid var(--color-border);background:var(--color-panel);border-radius:16px;min-height:58px;padding:8px 10px 8px 20px;margin-bottom:24px;box-shadow:var(--shadow-soft)}.composer input{grid-column:1;grid-row:1;font-size:15px;line-height:24px}.composer input::placeholder{color:var(--color-muted)}.composer .plus{grid-column:2;grid-row:1;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;border-radius:var(--radius-control);background:var(--color-accent);color:#fff;align-self:center}.plus:hover{background:var(--color-accent-hover)}.composer:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #8cb5ce20}#list{background:var(--color-panel);border:1px solid var(--color-border);border-radius:18px;padding:0 20px;box-shadow:var(--shadow-soft)}.task{min-height:84px;padding:20px 0;column-gap:12px;border-color:#edf1f4}.task:last-child{border-bottom:0}.task-content{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;min-width:0}.task-text{flex:1 1 240px;font-size:15px;line-height:24px;padding:4px 0;font-weight:500}.task-dates{flex:1 0 100%;margin:0;gap:4px 10px;font-size:11px;color:var(--color-muted);line-height:20px}.check{color:#93a5b1}.check:hover{color:var(--color-accent)}.done .check{color:var(--color-accent)}.done .task-text{color:#8b99a3;font-weight:400}.delete{color:#93a5b1}.delete:hover{background:var(--color-neutral-bg);color:var(--color-danger)}.empty{color:var(--color-muted)}.empty-icon{background:var(--color-selected);color:var(--color-accent)}.footer,.clear{color:var(--color-muted)}.clear:hover{color:var(--color-accent)}.notice{color:var(--color-muted)}button.inline-date.date-input{color:var(--color-muted);border-radius:8px;min-height:26px;padding:0 7px}button.inline-date.date-input.date-chip{background:var(--color-neutral-bg);border:1px solid var(--color-border);color:var(--color-muted);border-radius:8px;padding:0 8px}button.inline-date.date-input.date-chip.soon{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}button.inline-date.date-input.date-chip.overdue{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.done button.inline-date.date-input.date-chip{background:var(--color-neutral-bg);color:var(--color-muted);border-color:var(--color-border)}button.inline-date.date-input:hover{background:var(--color-selected)}.inline-date:focus-within{outline-color:var(--color-accent)}.account-profile:hover{background:var(--color-selected)}.account-avatar,.profile-avatar{background:var(--color-selected);color:var(--color-accent)}.account-copy strong{color:var(--color-text)}.account-copy>span,.profile-chevron,.signed-status{color:var(--color-muted)}.account-actions{border-color:var(--color-border)}.account-actions .login-link{color:var(--color-accent)}.calendar-popover{background:#fafbfdf7;border:1px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-popup);color:var(--color-text);padding:18px}.calendar-popover::backdrop{background:#3349550a}.calendar-top,.calendar-week,.calendar-status{color:var(--color-muted)}.calendar-close{color:var(--color-muted);background:var(--color-neutral-bg)}.calendar-heading h2{color:var(--color-text);font-size:18px}.calendar-nav button{color:var(--color-accent)}.calendar-nav button:hover,.calendar-close:hover,.calendar-day:hover{background:var(--color-selected)}.calendar-day{color:var(--color-text)}.calendar-day.today{color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-primary)}.calendar-day.selected,.calendar-day.selected:hover{background:var(--color-accent);color:#fff;box-shadow:none}.calendar-actions{border-color:var(--color-border)}.calendar-actions button{background:var(--color-neutral-bg);color:var(--color-text)}.calendar-actions button+button{background:var(--color-danger-bg);color:var(--color-danger)}.calendar-popover button:focus-visible{outline-color:var(--color-accent)}.profile-dialog{background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-popup);color:var(--color-text)}.profile-dialog header{border-color:var(--color-border)}.profile-dialog header button{background:var(--color-neutral-bg);color:var(--color-muted)}.profile-dialog dt,.profile-body p{color:var(--color-muted)}.profile-reset{background:var(--color-selected);color:var(--color-accent)}.auth-shell{background:var(--color-canvas);color:var(--color-text);min-height:calc(100dvh - 64px)}.auth-card{background:var(--color-panel);border-color:var(--color-border);box-shadow:var(--shadow-soft)}.auth-header{border-color:var(--color-border)}.auth-close{color:var(--color-text)}.auth-close:hover{background:var(--color-neutral-bg)}.auth-description,.auth-field,.auth-links a{color:var(--color-muted)}.auth-fields{border-color:#bccbd5}.auth-field+.auth-field{border-color:#bccbd5}.auth-field:focus-within{box-shadow:inset 0 0 0 2px var(--color-accent)}.auth-field input{color:var(--color-text)}.auth-primary,.auth-primary:disabled{background:var(--color-accent);border-radius:var(--radius-control);color:#fff}.auth-primary:hover{background:var(--color-accent-hover)}.auth-primary:disabled{opacity:.6}.auth-secondary{border-color:var(--color-border);color:var(--color-text);border-radius:var(--radius-control)}.auth-secondary:hover{background:var(--color-neutral-bg)}.auth-status{color:var(--color-accent)}.auth-divider{color:var(--color-muted)}.auth-divider::before,.auth-divider::after{background:var(--color-border)}.auth-info{background:var(--color-neutral-bg);color:var(--color-muted)}

@media(max-width:1100px){body{padding:20px}.app{min-height:calc(100dvh - 40px)}aside{width:216px;flex-basis:216px}main{padding:32px}.toolbar{position:static;margin-bottom:28px;justify-content:flex-end}.paper>h1{margin-right:0;font-size:30px}.auth-shell{min-height:calc(100dvh - 40px)}}
@media(max-width:700px){body{padding:0}.app{border:0;border-radius:0;min-height:100dvh;display:block}aside{width:100%;padding:20px 16px 16px;border-bottom:1px solid var(--color-border);border-right:0}.brand{height:36px;margin:0 4px 20px;font-size:23px}.brand img{width:34px;height:34px}.folder{padding:0 8px;height:44px;font-size:12px;gap:6px}.sidebar-account{border-color:var(--color-border);padding-top:12px;margin-top:12px}.account-copy strong{font-size:12px}.account-copy>span{font-size:10px}main{padding:24px 16px 32px}.toolbar{margin-bottom:24px;height:36px}.search-wrap{width:100%;height:36px}.paper>h1{font-size:28px;line-height:38px}.subtitle{margin-bottom:24px;font-size:13px}.composer{padding-left:14px;gap:8px}#list{padding:0 12px}.task{grid-template-columns:32px minmax(0,1fr) 24px;gap:8px;padding:16px 0}.task-text{flex-basis:100%;font-size:14px}.task-dates{font-size:10px;gap:4px}.delete{width:24px;min-width:24px;max-width:24px}.auth-shell{padding:24px 12px;min-height:100dvh;background:var(--color-canvas)}.auth-card{min-height:0;border:1px solid var(--color-border);border-radius:24px}.auth-body{padding:24px}.auth-field{height:68px}}