:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f3;--surface:#fff;--surface-2:#efefeb;--text:#1c1c1a;--muted:#666660;--border:#e0e0da;--accent:#3a56d4;--accent-text:#fff;--danger:#b3261e;--tone-neutral:#6b6b66;--tone-blue:#2563c9;--tone-green:#1f7a4d;--tone-amber:#96610a;--tone-red:#b3261e;--tone-purple:#6d3fc4;--tone-pink:#b02a6f;--tone-teal:#0f766e}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151514;--surface:#1f1f1d;--surface-2:#2a2a27;--text:#ececea;--muted:#a3a39c;--border:#33332f;--accent:#93a5ff;--accent-text:#11131f;--danger:#ff8a80;--tone-neutral:#a8a8a1;--tone-blue:#7fb0ff;--tone-green:#6fd3a0;--tone-amber:#e5b567;--tone-red:#ff8a80;--tone-purple:#bda2ff;--tone-pink:#f28cc3;--tone-teal:#5fd0c4}[data-accent=green]{--accent:#1f7a4d}[data-accent=rose]{--accent:#b02a6f}[data-accent=amber]{--accent:#96610a}[data-accent=teal]{--accent:#0f766e}[data-theme=dark][data-accent=green]{--accent:#6fd3a0}[data-theme=dark][data-accent=rose]{--accent:#f28cc3}[data-theme=dark][data-accent=amber]{--accent:#e5b567}[data-theme=dark][data-accent=teal]{--accent:#5fd0c4}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1rem}h3{color:var(--muted);margin:0 0 6px;font-size:.85rem;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:36px;padding:6px 12px}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.5;cursor:default}button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){opacity:.9;background:var(--accent)}button.danger{color:var(--danger)}button.ghost{min-width:36px;color:var(--muted);background:0 0;border-color:#0000}button.link{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;min-height:0;padding:0}button.link:hover{background:0 0;text-decoration:underline}button.link.strong{font-weight:600}input:not([type=checkbox]),select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;min-height:36px;padding:6px 10px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex:none}textarea{resize:vertical}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}.danger-text{color:var(--danger)}.plain-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.badge{background:color-mix(in srgb, var(--tone) 15%, transparent);color:var(--tone);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.8rem;display:inline-block}.tone-neutral{--tone:var(--tone-neutral)}.tone-blue{--tone:var(--tone-blue)}.tone-green{--tone:var(--tone-green)}.tone-amber{--tone:var(--tone-amber)}.tone-red{--tone:var(--tone-red)}.tone-purple{--tone:var(--tone-purple)}.tone-pink{--tone:var(--tone-pink)}.tone-teal{--tone:var(--tone-teal)}.shell{grid-template-columns:220px minmax(0,1fr);height:100%;display:grid}.shell.with-panel{grid-template-columns:220px minmax(0,1fr) 360px}.sidebar{padding:calc(16px + env(safe-area-inset-top)) 12px 12px;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:12px;display:flex}.brand{padding:0 8px;font-size:1.1rem;font-weight:700}.palette-trigger{color:var(--muted);background:var(--bg);justify-content:space-between;align-items:center;display:flex}kbd{border:1px solid var(--border);font:inherit;border-radius:4px;padding:0 5px;font-size:.72rem}.nav-list{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-list button{text-align:left;background:0 0;border-color:#0000;width:100%}.nav-list button[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.sync-state{color:var(--muted);padding:4px 8px;font-size:.8rem}.status-idle{color:var(--tone-green)}.status-offline{color:var(--tone-amber)}.status-error{color:var(--danger)}.content{min-width:0;overflow-y:auto}.page{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.subtitle{margin:2px 0 0}.subtitle:first-letter{text-transform:uppercase}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search{max-width:240px}.month-filter{width:auto;max-width:240px}.count{margin-left:auto;font-size:.85rem}.segmented{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.segmented button{border:0;border-radius:0}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.empty{color:var(--muted);text-align:center;padding:48px 16px}.empty p{margin:0 0 12px}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 12px}.table tbody tr:last-child td{border-bottom:0}.th-button{min-height:0;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0;font-size:.85rem;font-weight:600}.th-button:hover{color:var(--text);background:0 0}.select-cell{width:36px;padding-right:0}.select-cell input{display:block}.table tr.selected td{background:color-mix(in srgb, var(--accent) 10%, transparent)}.selection-bar{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}.selection-bar span{margin-right:auto;font-weight:600}.calendar{flex-direction:column;gap:12px;display:flex}.calendar-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-nav h2{text-align:center;min-width:170px}.calendar-nav h2:first-letter{text-transform:uppercase}.calendar-grid{border:1px solid var(--border);background:var(--border);border-radius:10px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.calendar-label{background:var(--surface);color:var(--muted);padding:4px 8px;font-size:.8rem}.calendar-day{background:var(--surface);cursor:pointer;flex-direction:column;gap:4px;min-width:0;min-height:110px;padding:4px;display:flex}.calendar-day:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.calendar-day-head{justify-content:space-between;align-items:center;min-height:26px;display:flex}.calendar-day.outside{background:var(--bg)}.calendar-day.outside .calendar-date{color:var(--muted)}.calendar-date{text-align:center;min-width:26px;margin-left:auto;font-size:.85rem;line-height:26px}.calendar-add{min-width:26px;min-height:26px;color:var(--muted);opacity:0;padding:0;line-height:1}.calendar-day:hover .calendar-add,.timetable-head:hover .calendar-add,.calendar-add:focus-visible{opacity:1}.calendar-day.today .calendar-date{background:var(--accent);color:var(--accent-text);border-radius:50%}.task-card{background:var(--surface-2);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-width:0;min-height:0;padding:6px 8px;font-size:.8rem;display:flex}.task-card:hover:not(:disabled){background:color-mix(in srgb, var(--text) 8%, var(--surface-2))}.task-card strong{overflow-wrap:anywhere;font-weight:600}.task-card.done{opacity:.6}.task-card.done strong{text-decoration:line-through}.task-card-course{width:100%;min-width:0;color:var(--tone);align-items:center;gap:5px;display:flex}.task-card-course .class-dot{flex:none}.task-card-course-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-card-badges{flex-wrap:wrap;gap:4px;display:flex}.task-card-badges .badge{font-size:.72rem}.task-card-due{color:var(--muted);font-size:.75rem}.task-card-due.danger-text{color:var(--danger)}.calendar-item{background:color-mix(in srgb, var(--accent) 14%, transparent);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;min-height:0;padding:1px 6px;font-size:.8rem;overflow:hidden}.panel{border-left:1px solid var(--border);background:var(--surface);overflow-y:auto}.panel-form{flex-direction:column;gap:12px;padding:16px;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field>span,.field>label{color:var(--muted);font-size:.85rem}.title-input{font-size:1.05rem;font-weight:600}.panel-section{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.add-trigger{border-color:var(--accent);background:var(--accent);color:var(--accent-text);justify-content:space-between;align-items:center;display:flex}.add-trigger:hover:not(:disabled){background:var(--accent);opacity:.9}.add-trigger kbd{opacity:.8;border-color:currentColor}.quick-add{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-self:flex-start;gap:12px;width:100%;max-width:560px;max-height:100%;padding:14px;display:flex;overflow-y:auto}.quick-kinds{flex-wrap:wrap;gap:6px;display:flex}.quick-kinds button{border-radius:999px;min-height:32px;padding:2px 12px}.quick-kinds button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.quick-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-fields .wide{grid-column:1/-1}.quick-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.quick-actions .ghost{margin-right:auto;padding-left:0}.notice{z-index:11;background:var(--text);max-width:calc(100vw - 32px);color:var(--bg);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:.9rem;position:fixed;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}.split-hint{margin:0;font-size:.85rem}.palette-backdrop{z-index:10;background:#0006;justify-content:center;padding:10vh 16px 16px;display:flex;position:fixed;inset:0}.palette{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-self:flex-start;width:100%;max-width:560px;max-height:60vh;display:flex;overflow:hidden}.palette input{border:0;border-bottom:1px solid var(--border);border-radius:0;min-height:48px}.palette ul{margin:0;padding:6px;list-style:none;overflow-y:auto}.palette li{cursor:pointer;overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 10px;display:flex}.palette li.active{background:var(--surface-2)}.palette .muted{flex:none;font-size:.8rem}.palette-empty{color:var(--muted);cursor:default}.widgets{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.widget{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.widget[draggable=true]{cursor:grab}.widget-hidden{opacity:.55}.widget-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.widget-tools{gap:4px;display:flex}.widget-tools button{min-height:28px;padding:2px 8px;font-size:.8rem}.widget-empty{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.widget-empty p,.widget>p{margin:0}.task-groups{flex-direction:column;gap:12px;display:flex}.task-row{align-items:flex-start;gap:8px;display:flex}.task-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-main .link{padding:1px 0}.task-meta{align-items:center;gap:8px;display:flex}.task-meta:empty{display:none}.task-meta .badge{text-overflow:ellipsis;min-width:0;overflow:hidden}.row-date{flex:none;margin-left:auto;font-size:.8rem}.show-more{color:var(--muted);margin-top:6px;font-size:.85rem}.class-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.class-dot{background:var(--tone);border-radius:50%;width:8px;height:8px}.class-time{font-variant-numeric:tabular-nums}.week-strip{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.week-strip li{border-radius:6px;justify-content:space-between;gap:12px;padding:3px 8px;font-size:.9rem;display:flex}.week-strip li.today{background:color-mix(in srgb, var(--accent) 14%, transparent);font-weight:600}.week-day:first-letter{text-transform:uppercase}.timetable-scroll{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:auto hidden}.timetable{grid-template-columns:52px repeat(7,minmax(110px,1fr));min-width:820px;display:grid}.timetable-corner,.timetable-head{border-bottom:1px solid var(--border);padding:6px}.timetable-head{border-left:1px solid var(--border);cursor:pointer;flex-direction:column;gap:3px;font-size:.85rem;display:flex}.timetable-head-row{justify-content:space-between;align-items:center;gap:4px;display:flex}.timetable-head.today strong{color:var(--accent)}.timetable-head strong:first-letter{text-transform:uppercase}.due-chip{background:var(--surface-2);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:4px;min-height:0;padding:1px 6px;font-size:.75rem;overflow:hidden}.due-chip.whole-day{background:color-mix(in srgb, var(--tone) 18%, transparent);color:var(--tone)}.due-chip.exam{background:color-mix(in srgb, var(--tone-red) 18%, transparent);color:var(--tone-red)}.timetable-hours{position:relative}.timetable-hours span{color:var(--muted);font-size:.7rem;position:absolute;right:6px;transform:translateY(-50%)}.timetable-hours span:first-child{transform:none}.timetable-hours span:last-child{transform:translateY(-100%)}.timetable-day{border-left:1px solid var(--border);cursor:pointer;position:relative}.timetable-day:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.timetable-line{border-top:1px solid var(--border);opacity:.6;position:absolute;left:0;right:0}.timetable-now{z-index:2;pointer-events:none;border-top:2px solid #e5484d;position:absolute;left:0;right:0}.timetable-now:before{content:"";background:#e5484d;border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:-5px}.agenda-now{color:#e5484d;font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;font-weight:600;display:flex}.agenda-now:after{content:"";border-top:2px solid #e5484d;flex:1}.class-block{border:0;border-left:3px solid var(--tone);background:color-mix(in srgb, var(--tone) 16%, var(--surface));text-align:left;border-radius:6px;flex-direction:column;gap:0;min-height:0;padding:3px 6px;font-size:.75rem;line-height:1.25;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.class-block:hover:not(:disabled){background:color-mix(in srgb, var(--tone) 26%, var(--surface))}.class-block strong{overflow-wrap:break-word;font-weight:600}.class-block,.due-chip.whole-day,.due-chip.draggable{cursor:grab}.calendar-grid{-webkit-user-select:none;user-select:none}.calendar-draggable,.calendar-draggable button{cursor:grab}.calendar-draggable.dragged{opacity:.75}.calendar-grid.dragging,.calendar-grid.dragging *{cursor:grabbing}.calendar-day.drop-target{background:color-mix(in srgb, var(--accent) 14%, transparent);outline:2px solid var(--accent);outline-offset:-2px}.class-block.locked,.due-chip.whole-day.locked{cursor:pointer}.class-block.dragged{z-index:3;box-shadow:0 4px 12px #00000040}.block-edge{cursor:ns-resize;height:5px;position:absolute;left:0;right:0}.block-edge.top{top:0}.block-edge.bottom{bottom:0}.timetable{-webkit-user-select:none;user-select:none}.timetable.drag-move,.timetable.drag-move *{cursor:grabbing}.timetable.drag-start,.timetable.drag-start *,.timetable.drag-end,.timetable.drag-end *{cursor:ns-resize}.settings{max-width:720px}.settings-section{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.settings-section>p{margin:0}.settings-section h3{margin:8px 0 0}.module-row{align-items:flex-start}.account{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.login{flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex}.diagnostic{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;margin:0}.diagnostic>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:6px 12px;display:flex}.diagnostic>div:last-child{border-bottom:0}.diagnostic dt{color:var(--muted)}.diagnostic dd{overflow-wrap:anywhere;text-align:right;margin:0}.boot-error{max-width:560px;margin:0 auto;padding:24px 16px}.boot-error pre{color:var(--muted);font-size:.8rem;overflow-x:auto}.focus-stage{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.focus-stage.with-background{color:#fff;border-color:#0000}.focus-stage.with-background .segmented{border-color:#fff6}.focus-stage.with-background button:not(.primary):not([aria-pressed=true]){color:#fff;background:#00000040;border-color:#fff6}.focus-stage.with-background .focus-link>span{color:#fff}.focus-stage.full{z-index:20;border:0;border-radius:0;justify-content:center;position:fixed;inset:0}.focus-clock{font-variant-numeric:tabular-nums;font-size:clamp(4rem,14vw,7rem);font-weight:600;line-height:1.05}.focus-stage.full .focus-clock{font-size:clamp(5rem,22vw,14rem)}.focus-round{text-align:center;overflow-wrap:anywhere;margin:0}.focus-link{width:100%;max-width:420px}.focus-actions{justify-content:center}.focus-columns{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.focus-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.focus-section h2,.focus-section h3{margin:4px 0 0}.focus-hint{margin:0;font-size:.85rem}.focus-totals{flex-wrap:wrap;gap:24px;display:flex}.focus-totals>div{flex-direction:column;display:flex}.focus-totals strong{font-variant-numeric:tabular-nums;font-size:1.4rem}.focus-bar{flex-direction:column;gap:3px;display:flex}.focus-bar-label{justify-content:space-between;gap:8px;display:flex}.focus-bar-track{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.focus-bar-track span{background:var(--tone);border-radius:3px;height:100%;display:block}.focus-session{flex-wrap:wrap;justify-content:space-between;gap:2px 8px;display:flex}.focus-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end;gap:8px;display:grid}.focus-backgrounds{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.focus-backgrounds button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.focus-section button[aria-pressed=true]{border-color:var(--accent)}.focus-custom-background{align-items:center}.focus-custom-background input[type=color]{width:44px;padding:2px}.focus-preset{align-items:center;display:inline-flex}.focus-preset .ghost{min-height:28px;color:var(--muted);padding:0 6px}.focus-save-preset{flex-wrap:wrap;gap:8px;display:flex}.focus-save-preset input{flex:120px;width:auto}.focus-stage button[aria-pressed=true]{border-color:var(--accent)}.music-player{z-index:25;border:1px solid var(--border);background:#000;border-radius:10px;width:min(300px,100vw - 32px);position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 6px 20px #00000059}.music-player iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.music-close{z-index:1;color:#fff;background:#000000a6;border-radius:6px;min-height:24px;padding:0 8px;position:absolute;top:4px;right:4px}.focus-widget{flex-direction:column;gap:10px;display:flex}.focus-widget-clock{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.space-tabs{gap:4px;max-width:1200px;margin:0 auto;padding:16px 24px 0;display:flex;overflow-x:auto}.space-tabs button{color:var(--muted);background:0 0;border-color:#0000;flex:none}.space-tabs button[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.mail{grid-template-columns:210px minmax(260px,340px) minmax(0,1fr);height:100%;min-height:0;display:grid}.mail-labels{border-right:1px solid var(--border);flex-direction:column;gap:10px;min-height:0;padding:14px 10px;display:flex;overflow-y:auto}.mail-labels nav{flex-direction:column;gap:1px;display:flex}.mail-unread-count{font-size:.78rem;font-weight:600}.mail-labels-select{display:none}.mail-list{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.mail-list-head{z-index:2;border-bottom:1px solid var(--border);background:var(--bg);flex-direction:column;gap:8px;padding:10px;display:flex;position:sticky;top:0}.mail-filters{align-items:center;gap:8px;display:flex}.mail-filters .segmented button{min-height:28px;padding:2px 8px;font-size:.78rem}.mail-filters .check{padding-left:2px}.mail-selection{flex-direction:column;gap:6px;display:flex}.mail-selection-head{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.mail-selection .mail-tools button,.mail-selection .mail-menu summary{min-height:28px;padding:2px 8px;font-size:.8rem}.mail-empty{margin:0;padding:12px}.mail-list .plain-list{gap:0}.mail-list .error{padding:0 12px}.mail-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:6px;padding:8px 8px 8px 10px;display:flex;position:relative}.mail-row:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.mail-row.opened{background:color-mix(in srgb, var(--accent) 12%, transparent)}.mail-row.selected{background:color-mix(in srgb, var(--accent) 20%, transparent)}.mail-row>input{margin-top:2px}.mail-row-main{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;gap:1px;min-width:0;min-height:0;padding:0;display:flex}.mail-row-main:hover:not(:disabled){background:0 0}.mail-icon{width:24px;min-height:24px;color:var(--muted);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mail-icon:hover:not(:disabled){background:color-mix(in srgb, var(--text) 12%, transparent);color:var(--text)}.mail-icon.on{color:var(--tone-amber)}.mail-menu.mail-icon-menu>summary{width:24px;height:24px;color:var(--muted);border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mail-menu.mail-icon-menu>summary:hover{background:color-mix(in srgb, var(--text) 12%, transparent);color:var(--text)}.mail-row-quick{gap:2px;display:flex;position:absolute;top:4px;right:6px}.mail-row-quick>*{display:none}.mail-row-quick>.on,.mail-row:hover .mail-row-quick>*,.mail-row:focus-within .mail-row-quick>*,.mail-row-quick>details[open]{display:inline-flex}.mail-row-trash{color:var(--tone-red);display:none;position:absolute;top:30px;right:6px}.mail-row:hover .mail-row-trash,.mail-row:focus-within .mail-row-trash{display:inline-flex}.mail-row-from,.mail-row-subject{padding-right:6px}.mail-row:hover .mail-row-main,.mail-row:focus-within .mail-row-main{padding-right:30px}.mail-row:hover .mail-row-top,.mail-row:focus-within .mail-row-top{padding-right:56px}.mail-row:not(:hover):not(:focus-within):has(.mail-row-quick>.on) .mail-row-top{padding-right:56px}.mail-chips{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.mail-chip{background:var(--surface-2);border-radius:4px;padding:0 6px;font-size:.72rem}.mail-label-row{align-items:center;display:flex;position:relative}.mail-label-button{text-align:left;background:0 0;border-color:#0000;flex:1;align-items:center;gap:6px;min-width:0;min-height:30px;padding:3px 26px 3px 10px;font-size:.88rem;display:flex}.mail-label-button[aria-current=page]{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.mail-label-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mail-label-dot{border-radius:50%;flex:none;width:8px;height:8px}.mail-label-tools{position:absolute;right:2px}.mail-label-tools>summary{color:var(--muted);opacity:0;border:0;padding:0 4px}.mail-label-row:hover .mail-label-tools>summary,.mail-label-tools[open]>summary,.mail-label-tools>summary:focus-visible{opacity:1}.mail-menu{position:relative}.mail-menu>summary{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 12px;list-style:none}.mail-menu>summary::-webkit-details-marker{display:none}.mail-menu>div{z-index:15;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:4px;width:max-content;min-width:180px;max-width:280px;max-height:320px;margin-top:4px;padding:8px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 6px 20px #0000004d}.mail-menu>div>button{text-align:left;background:0 0;border-color:#0000;min-height:30px;font-size:.88rem}.mail-inline-form{gap:4px;display:flex}.mail-inline-form input{flex:1;min-width:0;min-height:30px;padding:2px 8px}.mail-inline-form button{min-height:30px;padding:2px 8px}.mail-colors{flex-wrap:wrap;gap:4px;display:flex}.mail-colors button{border:0;border-radius:50%;width:22px;min-height:22px;padding:0}.connector-link{border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.connector-link p{margin:0}.connector-link .actions{align-items:center}.mail-reader-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mail-format{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding-bottom:4px;display:flex}.mail-format>button{background:0 0;border-color:#0000;min-width:30px;min-height:28px;padding:0 6px}.mail-color{cursor:pointer;justify-content:center;align-items:center;min-width:30px;min-height:28px;font-weight:700;display:inline-flex;position:relative}.mail-color input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.mail-link-input{flex:200px;gap:4px;display:inline-flex}.mail-link-input input,.mail-link-input button{min-height:28px;padding:2px 8px}.mail-editor{border:1px solid var(--border);background:var(--surface);min-height:240px;max-height:50vh;color:var(--text);overflow-wrap:anywhere;border-radius:8px;flex:1;padding:8px 10px;line-height:1.45;overflow-y:auto}.mail-blank{margin:0;padding:8px 0}.mail-editor:focus{outline:2px solid var(--accent);outline-offset:1px}.mail-editor blockquote{border-left:2px solid var(--border);margin:0 0 0 8px;padding-left:8px}.mail-compose-quote{border:1px solid var(--border);background:0 0;border-radius:8px;flex:none;width:100%;height:120px}.mail-page-toggle{min-height:24px;color:var(--muted);background:0 0;border:0;align-self:flex-start;padding:0;font-size:.8rem}.mail-compose.dropping{outline:2px dashed var(--accent);outline-offset:-4px}.mail-compose-actions{align-items:center}.mail-saved{font-size:.82rem}.mail-suggestions{z-index:6;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;width:min(420px,100% - 60px);margin:2px 0 0;padding:4px;list-style:none;display:flex;position:absolute;top:100%;left:52px;box-shadow:0 6px 20px #0000004d}.mail-suggestions button{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;width:100%;min-height:30px;font-size:.88rem}.mail-notice{z-index:30;align-items:center;gap:12px;max-width:280px;display:flex;left:16px;right:auto;transform:none}.mail-notice .ghost{min-height:26px;color:inherit;padding:0 8px;font-weight:600;text-decoration:underline}.error-notice{color:var(--danger)}.mail-row-top{justify-content:space-between;gap:8px;display:flex}.mail-row-from,.mail-row-subject,.mail-row-snippet{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-row-date{flex:none;font-size:.78rem}.mail-row-snippet{font-size:.82rem}.mail-row.unread .mail-row-from,.mail-row.unread .mail-row-subject{font-weight:700}.mail-reader{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px 18px;display:flex;overflow-y:auto}.mail-reader h2{overflow-wrap:anywhere;margin:0}.mail-reader-empty{justify-content:center;align-items:center}.mail-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mail-tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.mail-back{display:none}.mail-message{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.mail-message-head{text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;min-height:0;padding:0;display:flex}.mail-message-snippet{text-overflow:ellipsis;white-space:nowrap;flex:100%;font-size:.85rem;overflow:hidden}.mail-message-to{overflow-wrap:anywhere;margin:0;font-size:.82rem}.mail-frame{background:0 0;border:0;border-radius:6px;width:100%;min-height:60px;display:block}.mail-images{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.mail-files li{flex-wrap:wrap;align-items:center;gap:6px;font-size:.88rem;display:flex}.mail-compose{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:14px;display:flex;overflow-y:auto}.mail-compose-line{align-items:center;gap:8px;display:flex;position:relative}.mail-compose-line>label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mail-compose-line>label>span{width:44px;color:var(--muted);flex:none;font-size:.88rem}.mail-compose-line .ghost{flex:none}.mail-setup{flex-direction:column;gap:10px;display:flex}.mail-setup ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.mail-setup-form{flex-direction:column;align-items:flex-start;gap:8px;max-width:520px;display:flex}.mail-setup-form .field{width:100%}.mail-account{align-items:center}@media (width<=860px){input:not([type=checkbox]),select,textarea{min-height:44px;font-size:16px}input[type=checkbox]{width:24px;height:24px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}body{overscroll-behavior:none}h1{font-size:1.3rem}.shell,.shell.with-panel{flex-direction:column;display:flex}.sidebar{padding:calc(6px + env(safe-area-inset-top)) 16px 6px;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;flex:none;justify-content:space-between;align-items:center}.brand,.sync-state{padding:0}.palette-trigger,.add-trigger{display:none}.palette-backdrop{padding:calc(12px + env(safe-area-inset-top)) 12px 12px}.quick-kinds button{min-height:36px}.notice{bottom:calc(72px + env(safe-area-inset-bottom))}.nav-list{z-index:4;padding:4px 4px calc(4px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);flex-direction:row;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.nav-list li{flex:1 0 56px}.nav-list button{text-align:center;white-space:nowrap;padding:4px 2px;font-size:.72rem}.content{padding-bottom:calc(128px + env(safe-area-inset-bottom));flex:1}.page{gap:12px;padding:16px}.page-head{align-items:center}.customize{min-height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:2px 8px;font-size:.85rem}.panel{z-index:5;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);border-left:0;position:fixed;inset:0}.panel-head .ghost{font-size:1.5rem;line-height:1}.widgets{grid-template-columns:minmax(0,1fr);gap:12px}.space-tabs{padding:12px 16px 0}.mail{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.mail-labels{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;padding:10px}.mail-labels nav{display:none}.mail-labels-select{display:block}.mail-list{border-right:0}.mail-reader-empty,.mail.reading .mail-labels,.mail.reading .mail-list{display:none}.mail-back{display:inline-flex}.toolbar{gap:8px}.search,.month-filter{flex:100%;width:100%;max-width:none}.object-list{gap:0}.object-list>li{border-bottom:1px solid var(--border);padding:10px 0}.object-list>li:last-child{border-bottom:0}.object-row .link{width:100%;display:block}.object-details{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.object-details:empty{display:none}.due-chip{border-radius:8px;width:100%;padding:6px 10px;font-size:.85rem}.music-player{right:12px;bottom:calc(128px + env(safe-area-inset-bottom));width:220px}.add-button{right:16px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:3;border-radius:50%;width:52px;height:52px;padding:0;font-size:1.6rem;line-height:1;position:fixed;box-shadow:0 2px 8px #00000040}.list-tools{justify-content:flex-end;gap:8px;display:flex}.select-row{align-items:flex-start;width:100%;display:flex}.select-row-text{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.select-row-text strong{font-weight:500}.calendar-nav{flex-wrap:nowrap}.calendar-nav h2{flex:1;min-width:0;font-size:.95rem}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.month-grid .calendar-label{text-align:center;background:0 0;padding:2px 0}.month-day{background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:48px;padding:4px 0;display:flex}.month-day.outside{color:var(--muted)}.month-day.today span:first-child{color:var(--accent);font-weight:700}.month-day[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.month-day[aria-pressed=true] span:first-child{color:inherit}.month-day[aria-pressed=true] .month-dot{background:var(--accent-text)}.month-dots{gap:2px;min-height:5px;display:flex}.month-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.day-section{flex-direction:column;gap:8px;display:flex}.day-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.day-section-head h2:first-letter{text-transform:uppercase}.day-section>p{margin:0}.task-card{font-size:.9rem}.day-nav{align-items:center;gap:2px;margin:0 -8px;display:flex}.day-nav>.ghost{flex:none;min-width:28px;padding:0}.day-strip{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;min-width:0;display:grid}.day-strip button{background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:1px;padding:4px 0;display:flex}.day-strip button.today strong{color:var(--accent)}.day-strip button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.day-strip button[aria-pressed=true] .day-letter,.day-strip button[aria-pressed=true] strong{color:inherit}.day-strip button[aria-pressed=true] .day-dot.busy{background:var(--accent-text)}.day-letter{color:var(--muted);font-size:.7rem}.day-dot{border-radius:50%;width:5px;height:5px}.day-dot.busy{background:var(--accent)}.agenda-item{border:0;border-left:3px solid var(--tone);background:color-mix(in srgb, var(--tone) 12%, var(--surface));text-align:left;border-radius:8px;gap:12px;width:100%;padding:10px 12px;display:flex}.agenda-time{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;display:flex}.agenda-time .muted{font-size:.8rem}.agenda-text{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.agenda-text strong{font-weight:600}.agenda-text .muted{font-size:.85rem}}