:root{color:#292723;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2ea;--panel:#fffdfa;--soft:#eee8de;--text:#292723;--muted:#77716a;--accent:#ae5637;--line:#ddd6ca;--shadow:0 8px 28px #4b392412;--sidebar:#efe8de;--nav-active:#fffaf4;--bottom:#f7f2eadd;background:#f6f2ea;font-family:Inter,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0}button,input,textarea,select{font:inherit;color:inherit}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;text-decoration:none;display:inline-flex}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #d39075}.secondary{background:var(--soft);color:var(--text)}.shell{min-height:100vh}.shell>aside{background:var(--sidebar);border-right:1px solid var(--line);z-index:3;flex-direction:column;width:230px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text);align-items:center;gap:12px;padding:4px 8px 28px;text-decoration:none;display:flex}.mark{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font:700 24px Georgia;display:grid}.side-nav{gap:4px;display:grid}.side-nav a{color:var(--muted);border-radius:12px;align-items:center;gap:13px;min-height:46px;padding:12px 14px;text-decoration:none;display:flex}.side-nav a.active{background:var(--nav-active);color:var(--text);box-shadow:0 1px 5px #4b39240a}.side-nav span{text-align:center;width:24px;font-size:18px}.side-note{color:var(--muted);margin-top:auto;padding:12px;font-size:12px;line-height:1.8}.status-dot{background:#6a8b63;border-radius:50%;width:7px;height:7px;display:inline-block}.shell>main{min-height:100vh;margin-left:230px;padding:34px clamp(24px,4vw,64px) 80px}.page-head{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto 28px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font:600 clamp(28px,3vw,40px) Georgia,Songti SC,serif}.page-head p{color:var(--muted);margin:8px 0 0}.icon-btn{color:var(--muted);padding:10px;font-size:22px;text-decoration:none}.content,.dashboard{max-width:1200px;margin:auto}.narrow{max-width:780px}.dashboard{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:22px;display:grid}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px}.focus{min-height:520px}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.card h2,.card-head h2{margin:0;font-size:18px}.card-head span,.muted{color:var(--muted);font-size:13px}.card-head a{color:var(--accent);font-size:14px;text-decoration:none}.quick{gap:9px;margin-bottom:14px;display:flex}.quick input,.search,input,textarea,select{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:11px 13px}.quick input{flex:1}.search{width:100%;margin-bottom:18px}.scroll-list{max-height:405px;overflow:auto}.todo-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr 44px;align-items:start;gap:11px;padding:15px 4px;display:grid}.todo-row .check{color:#fff;background:0 0;border:1.5px solid #aaa;border-radius:50%;width:25px;height:25px;min-height:0;padding:0}.todo-row .check.done{background:var(--accent);border-color:var(--accent)}.todo-title{color:var(--text);text-align:left;background:0 0;min-height:0;padding:0;font-weight:600;display:block}.todo-row textarea{width:100%;min-height:70px;margin-top:10px}.meta{color:var(--muted);margin-top:5px;font-size:12px}.ghost{color:var(--muted);background:0 0;min-height:40px;padding:0;font-size:20px}.stack{align-content:start;gap:22px;display:grid}.course-mini{gap:12px;padding:12px 0;display:flex}.course-mini i{border-radius:4px;width:4px}.course-mini div{display:grid}.course-mini span{color:var(--muted);margin-top:3px;font-size:13px}.module-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.module-grid a{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:16px;padding:15px 11px;text-decoration:none;display:grid}.module-grid span{color:var(--muted);margin-top:5px;font-size:11px}.empty{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:50px 20px;display:grid}.empty>span{color:#b3aaa0;font-size:30px}.empty b{color:var(--text)}.empty p{margin:0;font-size:14px}.subnav{gap:6px;margin-bottom:22px;display:flex}.subnav a{color:var(--muted);border-radius:10px;padding:9px 14px;text-decoration:none}.subnav a.active{background:var(--soft);color:var(--text)}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.doc-card{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:16px;gap:14px;min-height:150px;padding:20px;text-decoration:none;display:flex}.doc-card>span{color:var(--accent);font-size:22px}.doc-card p{color:var(--muted);font-size:13px;line-height:1.5}.doc-card small{color:var(--muted)}.editor{background:var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1fr;max-width:1200px;min-height:70vh;margin:auto;display:grid;overflow:hidden}.edit-pane{border-right:1px solid var(--line);grid-template-rows:auto 1fr;display:grid}.edit-pane input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px;font-size:20px;font-weight:700}.edit-pane textarea{resize:none;border:0;border-radius:0;padding:22px;line-height:1.7}.markdown{padding:24px 30px;line-height:1.75;overflow:auto}.markdown img{max-width:100%}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--line);padding:7px}.capture{max-width:760px;margin:auto}.messages{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px;min-height:55vh;padding:20px 0;display:flex}.bubble{background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 5px;max-width:78%;padding:13px 15px;box-shadow:0 3px 10px #4b39240a}.bubble p{white-space:pre-wrap;margin:0;line-height:1.6}.bubble footer button{color:#c4773e;background:0 0;min-height:25px;padding:0;font-size:18px}.composer{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f0e9dfdd;border-radius:18px;align-items:end;gap:10px;padding:10px;display:flex;position:sticky;bottom:10px}.composer textarea{resize:vertical;flex:1;min-height:50px;max-height:130px}.course-form{grid-template-columns:2fr 2fr 1fr 1fr 1fr auto;gap:8px;margin-bottom:22px;display:grid}.week{grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;padding-bottom:12px;display:grid;overflow-x:auto}.week section{background:var(--panel);border:1px solid var(--line);border-radius:15px;min-height:420px;padding:10px}.week h3{text-align:center;color:var(--muted);font-size:14px}.week article{background:var(--soft);border-left:4px solid;border-radius:8px;gap:5px;margin:8px 0;padding:10px 8px;display:grid}.week article span,.week article small{color:var(--muted);font-size:11px}.settings{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings label{justify-content:space-between;align-items:center;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}.warning{border-color:#d7a270}.trash-row{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px;display:flex}.trash-row div{gap:5px;display:grid}.trash-row small{color:var(--muted)}.bottom{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1c19;--panel:#282521;--soft:#35312b;--text:#eee9e0;--muted:#aaa39a;--line:#413c35;--shadow:none;--sidebar:#24211e;--nav-active:#35312b;--bottom:#24211eee}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1c19;--panel:#282521;--soft:#35312b;--text:#eee9e0;--muted:#aaa39a;--line:#413c35;--shadow:none;--sidebar:#24211e;--nav-active:#35312b;--bottom:#24211eee}@media (width<=820px){.shell>aside{display:none}.shell>main{padding:22px 16px calc(92px + env(safe-area-inset-bottom));margin:0}.page-head{margin-bottom:20px}.page-head h1{font-size:29px}.dashboard{grid-template-columns:1fr}.focus{min-height:auto}.bottom{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;background:var(--bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);z-index:5;border-radius:18px;grid-template-columns:repeat(4,1fr);padding:5px;display:grid;position:fixed;box-shadow:0 8px 30px #33251730}.bottom a{color:var(--muted);border-radius:13px;place-items:center;gap:2px;min-height:51px;font-size:11px;text-decoration:none;display:grid}.bottom a span{font-size:18px}.bottom a.active{background:var(--panel);color:var(--accent)}input,textarea,select{font-size:16px}.settings,.editor{grid-template-columns:1fr}.markdown{display:none}.course-form{grid-template-columns:1fr 1fr}.course-form input:first-child,.course-form input:nth-child(2),.course-form button{grid-column:1/-1}.module-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=440px){.page-head{align-items:flex-start}.page-head .button{padding:8px 10px}.card{padding:17px}.quick{grid-template-columns:1fr auto;display:grid}.doc-grid{grid-template-columns:1fr}.bubble{max-width:88%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.page-head>.button{white-space:nowrap;flex-shrink:0}.todo-toolbar{gap:14px;display:grid}.todo-row.clickable{cursor:pointer;border-radius:12px;padding:15px 10px;transition:background .16s}.todo-row.clickable:hover{background:color-mix(in srgb,var(--soft) 58%,transparent)}.todo-row.clickable:focus-visible{outline-offset:2px;outline:3px solid #d39075}.todo-content{min-width:0}.todo-title{font-weight:650;line-height:1.4}.todo-note{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 7px;font-size:13px;line-height:1.55}.todo-detail{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.todo-detail .meta{margin:0 0 0 2px}.tag-chip{--tag:#777;border:1px solid color-mix(in srgb,var(--tag) 42%,transparent);background:color-mix(in srgb,var(--tag) 13%,var(--panel));color:var(--tag);border-radius:999px;gap:4px;min-height:32px;padding:5px 10px;font-size:12px}.tag-chip:hover{background:color-mix(in srgb,var(--tag) 20%,var(--panel))}.tag-chip.selected{box-shadow:inset 0 0 0 1px var(--tag);font-weight:650}.tag-chip.display{pointer-events:none;align-items:center;min-height:24px;padding:3px 8px;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#1f17118c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.todo-dialog{background:var(--panel);border:1px solid var(--line);border-radius:22px;gap:18px;width:min(580px,100%);max-height:min(760px,100vh - 40px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 80px #19100a55}.dialog-head{justify-content:space-between;align-items:start;display:flex}.dialog-head span{color:var(--accent);letter-spacing:.08em;font-size:12px;font-weight:700}.dialog-head h2{margin:3px 0 0;font-size:23px}.dialog-close{background:var(--soft);color:var(--muted);border-radius:50%;width:38px;height:38px;min-height:0;padding:0;font-size:23px}.todo-dialog>label{gap:7px;font-size:13px;font-weight:650;display:grid}.todo-dialog label input,.todo-dialog label textarea{width:100%;font-weight:400}.todo-dialog label textarea{resize:vertical;line-height:1.55}.todo-dialog label small{color:var(--muted);font-size:11px;font-weight:400}.todo-dialog fieldset{border:0;margin:0;padding:0}.todo-dialog legend{margin-bottom:9px;font-size:13px;font-weight:650}.todo-dialog legend span{color:var(--muted);margin-left:5px;font-weight:400}.tag-options{flex-wrap:wrap;gap:7px;min-height:32px;display:flex}.tag-empty{color:var(--muted);margin:7px 0;font-size:12px}.new-tag{border-top:1px solid var(--line);grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:grid}.color-palette{gap:5px;display:flex}.color-palette button{border-radius:50%;width:22px;height:22px;min-height:0;padding:0;box-shadow:0 0 0 1px #0001}.color-palette button.active{outline:2px solid var(--text);outline-offset:2px}.dialog-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.calendar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;max-width:520px;margin:12px auto 0;padding:18px}.calendar-head{grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.calendar-head h3{text-align:center;margin:0;font-size:16px}.calendar-head .ghost{font-size:25px}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.weekdays{margin:12px 0 5px}.weekdays span{text-align:center;color:var(--muted);font-size:11px}.calendar-grid>span,.calendar-grid>button{aspect-ratio:1;min-height:42px}.calendar-grid>button{color:var(--text);background:0 0;border-radius:11px;padding:3px;position:relative}.calendar-grid>button:hover{background:var(--soft)}.calendar-grid>button.today{box-shadow:inset 0 0 0 1px var(--accent)}.calendar-grid>button.selected{background:var(--accent);color:#fff}.calendar-grid button i{background:var(--soft);min-width:16px;height:16px;color:var(--accent);border-radius:8px;place-items:center;padding:0 3px;font-size:9px;font-style:normal;display:grid;position:absolute;bottom:2px;right:3px}.calendar-grid button.selected i{color:var(--accent);background:#fff}.calendar-toggle{color:var(--accent);border:1px solid var(--line);background:0 0;gap:8px;margin:28px auto 0}.calendar-wrap{text-align:center;margin-top:24px}.selected-day{background:var(--soft);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.todo-toolbar .search{margin-bottom:0}.date-filter{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));justify-self:start;gap:8px;min-height:34px;padding:5px 10px;font-size:12px}.date-filter span{margin-left:4px;font-size:17px}.calendar-dock{text-align:center;margin-top:24px;padding-top:8px}.calendar-toggle{position:relative}.calendar-toggle.active{background:var(--soft)}.calendar-toggle>span{font-size:18px}.calendar-toggle>i{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}@media (width<=600px){.modal-backdrop{align-items:end;padding:0}.todo-dialog{width:100%;max-height:92vh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.new-tag{grid-template-columns:1fr auto}.new-tag>.secondary{grid-column:1/-1}.color-palette{flex-wrap:wrap}.calendar{padding:13px}.calendar-grid>span,.calendar-grid>button{min-height:38px}.todo-row.clickable{padding-left:5px;padding-right:3px}}.header-actions{align-items:center;gap:8px;display:flex}.todos-content{flex-direction:column;height:calc(100dvh - 172px);min-height:430px;display:flex;overflow:hidden}.todos-content>.quick,.todos-content>.todo-toolbar,.todos-content>.calendar-dock{flex:none}.todo-scroll{overscroll-behavior:contain;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent;flex:auto;min-height:130px;margin-top:12px;padding-right:5px;overflow-y:auto}.task-date{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-radius:7px;align-items:center;padding:3px 6px;font-size:11px;display:inline-flex}.optional{color:var(--muted);margin-left:4px;font-size:11px;font-weight:400}.date-entry{grid-template-columns:1fr auto;gap:8px;display:grid}.date-entry .secondary{white-space:nowrap}.field-error{color:#b64339!important;font-weight:500!important}.tag-hint{color:var(--muted);margin-top:8px;font-size:11px;display:block}.new-tag.simple{grid-template-columns:1fr auto}.ghost-button{color:var(--muted);border:1px solid var(--line);background:0 0}.calendar-modal{z-index:25}.calendar-panel{background:var(--panel);width:min(480px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:20px;overflow:auto;box-shadow:0 28px 90px #17100b66}.todo-dialog>.calendar-panel{background:color-mix(in srgb,var(--soft) 52%,var(--panel));width:100%;max-height:none;box-shadow:none;border-radius:16px;padding:16px}.calendar-jump{border-bottom:1px solid var(--line);gap:10px;padding-bottom:14px;display:grid}.calendar-jump label{gap:7px;font-size:12px;font-weight:650;display:grid}.calendar-jump label>div{grid-template-columns:1fr auto;gap:7px;display:grid}.calendar-jump input{width:100%;font-weight:400}.quick-days{flex-wrap:wrap;gap:7px;display:flex}.quick-days button{min-height:34px;padding:6px 11px;font-size:12px}.calendar-panel .calendar-head{margin:10px 0 3px}.month-title{color:var(--text);background:0 0;border-radius:10px;min-height:40px;padding:7px;font-weight:700}.month-title:hover{background:var(--soft)}.calendar-close{width:100%;margin-top:13px}.calendar-panel .calendar-grid>button{transition:background .12s,transform .12s}.calendar-panel .calendar-grid>button:active{transform:scale(.94)}.tag-manager{gap:16px;display:grid}.tag-create{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.tag-create h2{margin-bottom:5px}.tag-create p{color:var(--muted);margin:0;font-size:13px}.tag-create>div:nth-child(2){gap:8px;display:flex}.tag-create>.field-error{grid-column:1/-1}.tag-list{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tag-manage-row{border-bottom:1px solid var(--line);grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.tag-manage-row:last-child{border-bottom:0}.tag-swatch{border-radius:7px;width:12px;height:28px}.tag-manage-row>div{gap:3px;display:grid}.tag-manage-row small{color:var(--muted)}.danger-ghost{color:#b64339;background:0 0}.danger{background:#b64339}.confirm-dialog{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:min(420px,100%);padding:24px;box-shadow:0 24px 80px #19100a55}.confirm-dialog h2{margin:0 0 10px}.confirm-dialog p{color:var(--muted);line-height:1.6}.confirm-dialog label{gap:7px;font-size:13px;display:grid}.confirm-dialog label input{width:100%}.danger-icon{color:#b64339;background:#b6433918;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:12px;font-weight:800;display:grid}.dashboard-card-actions{align-items:center;gap:14px;display:flex}.dashboard-card-actions label{color:var(--muted);white-space:nowrap;font-size:12px}.dashboard-card-actions input{text-align:center;width:54px;min-height:34px;padding:5px 7px}.dashboard-card-actions a{white-space:nowrap}@media (width<=820px){.todos-content{height:calc(100dvh - 205px - env(safe-area-inset-bottom));min-height:0}.todo-scroll{min-height:0}.header-actions{gap:5px}.header-actions .button{padding:8px 10px;font-size:13px}.calendar-panel{border-radius:24px 24px 0 0;width:100%;max-height:88dvh}.calendar-modal{align-items:end;padding:0}.tag-create{grid-template-columns:1fr}.tag-create>div:nth-child(2){grid-template-columns:1fr auto;display:grid}.dashboard-card-actions{gap:7px}.dashboard-card-actions label{font-size:11px}}@media (width<=440px){.page-head:has(.header-actions){grid-template-columns:1fr;display:grid}.page-head:has(.header-actions) .header-actions{justify-content:flex-start}.todos-content{height:calc(100dvh - 255px - env(safe-area-inset-bottom))}.tag-manage-row{grid-template-columns:12px 1fr auto;padding:13px 12px}.tag-manage-row .danger-ghost,.tag-manage-row .secondary{grid-column:3}.dashboard .card-head{gap:8px}.dashboard-card-actions{justify-items:end;display:grid}.dashboard-card-actions a{font-size:12px}}.todos-content>.filter-dock{flex:none}.date-badge{border:1px solid #0000;border-radius:7px;align-items:center;padding:3px 7px;font-size:11px;display:inline-flex}.date-created{color:#50718b;background:#50718b12;border-color:#50718b2d}.date-task{color:#aa593c;background:#aa593c12;border-color:#aa593c2d}.date-completed{color:#4f7d5a;background:#4f7d5a13;border-color:#4f7d5a30}.filter-dock{justify-content:center;gap:10px;padding:15px 0 2px;display:flex}.filter-dock>button{background:var(--panel);color:var(--muted);border:1px solid var(--line);gap:8px;position:relative;box-shadow:0 3px 12px #392a1e0b}.filter-dock>button:hover,.filter-dock>button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.filter-dock>button>i{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font:700 9px/1 system-ui;display:grid;position:absolute;top:5px;right:6px}.filter-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.active-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.active-filters>button{background:color-mix(in srgb,var(--accent) 8%,var(--panel));min-height:32px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));gap:6px;padding:5px 9px;font-size:11px}.active-filters .filter-icon{width:15px;height:15px}.active-filters>button>span{margin-left:2px;font-size:16px}.active-filters>.clear-filters{color:var(--muted);background:0 0;border-color:#0000}.filter-dialog{background:var(--panel);border:1px solid var(--line);border-radius:22px;width:min(600px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;box-shadow:0 28px 90px #17100b66}.filter-dialog>.dialog-head{margin-bottom:16px}.basis-select,.match-mode{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:650;display:flex}.basis-select select,.match-mode select{min-width:160px}.filter-tabs{background:var(--soft);border-radius:13px;grid-template-columns:repeat(5,1fr);gap:5px;margin:15px 0;padding:4px;display:grid}.filter-tabs button{min-height:36px;color:var(--muted);background:0 0;padding:6px;font-size:12px}.filter-tabs button.active{background:var(--panel);color:var(--accent);box-shadow:0 2px 8px #392a1e10}.date-filter-body{min-height:120px;padding:6px 0 16px}.date-filter-body>label{gap:8px;font-size:13px;font-weight:650;display:grid}.date-filter-body>label input{max-width:260px}.date-filter-body .calendar-panel{background:color-mix(in srgb,var(--soft) 48%,var(--panel));width:100%;max-height:none;box-shadow:none;border-radius:16px;padding:14px}.filter-note{background:var(--soft);border-radius:14px;padding:24px}.filter-note p{color:var(--muted);margin:6px 0 0;font-size:13px}.range-fields{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;display:grid}.range-fields label{gap:7px;font-size:12px;font-weight:650;display:grid}.range-fields>span{color:var(--muted);padding-bottom:12px}.range-fields>small{color:var(--muted);grid-column:1/-1}.tag-filter-tools{justify-content:flex-end;gap:6px;margin-bottom:10px;display:flex}.tag-filter-tools button{min-height:32px;padding:5px 10px;font-size:11px}.tag-filter-grid{background:var(--soft);border-radius:15px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:100px;margin-bottom:14px;padding:16px;display:flex}.tag-filter-dialog .match-mode{margin-bottom:18px}@media (width<=600px){.filter-dialog{border-radius:24px 24px 0 0;width:100%;max-height:92dvh;padding:20px 16px}.filter-modal{align-items:end;padding:0}.filter-tabs{grid-template-columns:repeat(5,minmax(54px,1fr));overflow:auto hidden}.range-fields{grid-template-columns:1fr}.range-fields>span{display:none}.filter-dock>button{padding:9px 12px;font-size:12px}.filter-dock{padding-top:10px}.date-badge,.todo-detail .meta{font-size:10px}.basis-select select,.match-mode select{min-width:145px}}.todo-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.todo-timestamps{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.todo-timestamps .date-badge{white-space:nowrap}.filter-count-preview{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 13px;font-size:12px;display:flex}.filter-count-preview span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-count-preview b{color:var(--accent);white-space:nowrap;font-size:14px}.tag-filter-option{--tag:#777;background:color-mix(in srgb,var(--tag) 8%,var(--panel));min-height:54px;color:var(--tag);border:1px solid color-mix(in srgb,var(--tag) 25%,var(--line));text-align:left;border-radius:12px;justify-items:start;gap:4px;padding:8px 12px;display:grid}.tag-filter-option span{font-size:13px;font-weight:650}.tag-filter-option small{color:var(--muted);font-size:10px}.tag-filter-option.selected{background:color-mix(in srgb,var(--tag) 16%,var(--panel));box-shadow:inset 0 0 0 1px var(--tag)}.picker-stepper{grid-template-columns:44px minmax(100px,1fr) 44px;align-items:center;gap:6px;max-width:310px;margin:0 auto 13px;display:grid}.picker-stepper input,.picker-stepper>b{text-align:center;place-items:center;min-height:44px;font-size:18px;display:grid}.picker-stepper .ghost{font-size:22px}.year-options{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:7px;display:grid}.year-options button,.month-options button{background:var(--soft);min-height:54px;color:var(--text);border:1px solid #0000;justify-items:center;gap:3px;padding:7px;display:grid}.year-options button span,.month-options button span{color:var(--muted);font-size:10px}.year-options button.active,.month-options button.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.month-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.range-picker{gap:10px;display:grid}.themed-date-input{grid-template-columns:1fr 42px;gap:6px;display:grid}.themed-date-input input{width:100%}.themed-date-input button{background:var(--soft);min-height:42px;color:var(--accent);padding:0}.themed-date-input .filter-icon{width:18px}.range-calendar{background:var(--soft);border-radius:16px;padding:10px}.range-calendar .calendar-panel{width:100%;max-height:none;box-shadow:none;padding:12px}.calendar-panel,.filter-dialog,.todo-dialog{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.date-filter-body input,.calendar-panel input{background:var(--panel);color:var(--text)}:root[data-theme=dark] .calendar-panel,:root[data-theme=dark] .filter-dialog,:root[data-theme=dark] .todo-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .calendar-panel,:root:not([data-theme=light]) .filter-dialog,:root:not([data-theme=light]) .todo-dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (width<=600px){.todo-timestamps{gap:4px}.date-badge{padding:3px 5px}.month-options{grid-template-columns:repeat(3,1fr)}.tag-filter-option{min-height:50px}.filter-count-preview{z-index:2;position:sticky;bottom:0}.range-calendar{padding:5px}}.todo-row{grid-template-columns:30px minmax(0,1fr) auto}.todo-row.pinned{background:color-mix(in srgb,var(--accent) 5%,transparent)}.todo-actions{align-items:center;gap:2px;display:flex}.todo-actions>button{width:34px;height:34px;min-height:0;padding:7px}.todo-actions .ghost,.pin-button{color:var(--muted);background:0 0}.pin-button .filter-icon{width:18px;height:18px}.pin-button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.pin-setting{background:var(--soft);color:var(--text);border:1px solid var(--line);text-align:left;align-items:center;gap:12px;padding:11px 13px;display:flex}.pin-setting .filter-icon{color:var(--muted);flex:none}.pin-setting span{gap:2px;display:grid}.pin-setting small{color:var(--muted);font-weight:400}.pin-setting.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.pin-setting.active .filter-icon{color:var(--accent)}.notebook-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.side-nav .notebook-icon{width:20px;height:20px}.bottom .notebook-icon{width:19px;height:19px}.docs-content{flex-direction:column;height:calc(100dvh - 220px);min-height:300px;display:flex;overflow:hidden}.doc-subnav{flex:none;gap:6px;margin-bottom:14px;display:flex}.doc-subnav a{color:var(--muted);border-radius:10px;padding:8px 13px;font-size:13px;text-decoration:none}.doc-subnav a.active{background:var(--soft);color:var(--accent)}.doc-toolbar{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.doc-toolbar .search{margin:0}.view-switch{background:var(--soft);border-radius:12px;padding:3px;display:flex}.view-switch button{width:38px;min-height:36px;color:var(--muted);background:0 0;padding:0}.view-switch button.active{background:var(--panel);color:var(--accent);box-shadow:0 2px 8px #392a1e12}.doc-scroll{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent;flex:auto;min-height:0;padding:3px 5px 16px 3px;overflow-y:auto}.doc-scroll.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:min-content;gap:14px;display:grid}.doc-scroll.list{grid-auto-rows:min-content;gap:8px;display:grid}.doc-card{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);text-align:left;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;border-radius:16px;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;padding:18px;display:grid}.doc-card.grid{min-height:154px}.doc-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));transform:translateY(-1px)}.doc-card>.notebook-icon{color:var(--accent);width:28px;height:28px}.doc-card>div{min-width:0}.doc-card-title{justify-content:space-between;gap:8px;display:flex}.doc-card-title b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-card-title span{color:#c18a28}.doc-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.doc-card small{color:var(--muted);font-size:11px}.doc-card.list{grid-template-columns:30px minmax(0,1fr);min-height:86px;padding:14px 16px}.doc-card.list>.notebook-icon{width:23px;height:23px}.doc-card.list p{-webkit-line-clamp:1;margin:5px 0}.import-button{cursor:pointer;white-space:nowrap}.doc-menu-backdrop{z-index:30;position:fixed;inset:0}.doc-context-menu{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:4px;width:180px;padding:8px;display:grid;position:fixed;box-shadow:0 18px 55px #19100a44}.doc-context-menu>b{text-overflow:ellipsis;white-space:nowrap;padding:7px 9px;font-size:12px;overflow:hidden}.doc-context-menu button{min-height:38px;color:var(--text);background:0 0;justify-content:flex-start;padding:7px 10px}.doc-context-menu button:hover{background:var(--soft)}.doc-context-menu .danger-ghost{color:#b64339}.doc-reader{background:var(--panel);border:1px solid var(--line);max-width:900px;min-height:calc(100dvh - 220px);box-shadow:var(--shadow);border-radius:20px;margin:auto;display:block}.doc-reader.markdown{display:block}.doc-reader>.empty{min-height:420px}.editor input::placeholder,.editor textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}@media (width<=820px){.docs-content{height:calc(100dvh - 245px);min-height:260px}.doc-scroll.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.doc-reader{border-radius:16px;min-height:calc(100dvh - 190px)}.doc-reader.markdown{display:block}.doc-context-menu{right:12px;bottom:calc(78px + env(safe-area-inset-bottom));border-radius:18px;width:auto;top:auto!important;left:12px!important}.editor{min-height:calc(100dvh - 180px)}.edit-pane textarea{min-height:55dvh}}@media (width<=520px){.page-head .header-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.page-head .header-actions>*{width:100%;padding:9px 10px;font-size:12px}.docs-content{height:calc(100dvh - 275px)}.doc-scroll.grid{grid-template-columns:1fr}.doc-card.grid{min-height:132px}.doc-toolbar{grid-template-columns:1fr auto}.doc-subnav{margin-bottom:10px}.doc-reader{min-height:calc(100dvh - 215px);padding:20px}.doc-reader>.empty{min-height:300px}}.shell>main:has(.docs-content){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.shell>main:has(.docs-content)>.page-head{flex:none;width:100%}.shell>main:has(.docs-content)>.docs-content{flex:auto;width:100%;height:auto;min-height:0}.bubble-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.side-nav .bubble-icon{width:20px;height:20px}.bottom .bubble-icon{width:19px;height:19px}.shell>main:has(.capture-page){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.shell>main:has(.capture-page)>.page-head{flex:none;width:100%}.capture-page{flex-direction:column;flex:auto;width:100%;max-width:820px;min-height:0;display:flex;overflow:hidden}.memo-subnav{flex:none;gap:6px;margin-bottom:12px;display:flex}.memo-subnav a{color:var(--muted);border-radius:10px;padding:8px 13px;font-size:13px;text-decoration:none}.memo-subnav a.active{background:var(--soft);color:var(--accent)}.memo-search{flex:none;margin:0 0 10px}.capture-page .messages{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent;flex-direction:column;flex:auto;justify-content:flex-start;align-items:flex-end;gap:12px;min-height:0;padding:12px 5px 18px 2px;display:flex;overflow-y:auto}.capture-page .messages:before{content:"";margin-top:auto}.capture-page .empty{align-self:stretch;margin:auto}.bubble{background:var(--panel);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:18px 18px 5px;width:max-content;max-width:min(78%,620px);padding:13px 15px;box-shadow:0 3px 10px #4b39240a}.bubble:focus-visible{outline-offset:2px;outline:3px solid #d39075}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;margin:8px 0 0;line-height:1.6}.bubble>p:first-child{margin-top:0}.bubble footer{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;margin-top:7px;font-size:11px;display:flex}.bubble footer span{color:#c18a28;font-size:15px}.memo-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(390px,60vw);display:grid}.memo-images:has(.memo-image:only-child){grid-template-columns:1fr;width:min(300px,58vw)}.memo-images:has(.memo-image:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.memo-image{aspect-ratio:1;background:var(--soft);border-radius:10px;min-height:0;padding:0;display:block;overflow:hidden}.memo-image img{object-fit:cover;width:100%;height:100%;display:block}.composer{background:color-mix(in srgb,var(--soft) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;flex:none;gap:8px;padding:10px;display:grid;position:static}.composer-row{align-items:end;gap:9px;display:flex}.composer-row textarea{resize:vertical;flex:1;min-height:48px;max-height:120px}.composer-row>button:disabled{opacity:.45;cursor:default}.image-picker{background:var(--panel);border:1px solid var(--line);min-width:72px;min-height:48px;color:var(--accent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:flex}.image-picker .bubble-icon{width:17px;height:17px}.composer-images{grid-template-columns:repeat(9,minmax(44px,1fr));gap:6px;display:grid;overflow-x:auto}.composer-images button{aspect-ratio:1;background:var(--panel);border-radius:10px;min-height:54px;padding:0;position:relative;overflow:hidden}.composer-images img{object-fit:cover;width:100%;height:100%;display:block}.composer-images span{color:#fff;background:#201812b8;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:3px;right:3px}.memo-context-menu{width:180px}.image-viewer{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#100d0be8;place-items:center;padding:48px 24px;display:grid;position:fixed;inset:0}.image-viewer>button{background:#fff2;border-radius:50%;width:44px;height:44px;padding:0;font-size:28px;position:absolute;top:20px;right:20px}.image-viewer>img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;display:block;box-shadow:0 22px 80px #0008}@media (width<=820px){.bottom{grid-template-columns:repeat(5,1fr)}.capture-page .messages{padding-bottom:12px}.bubble{max-width:88%}.composer-images{grid-template-columns:repeat(5,minmax(52px,1fr))}.memo-images{width:min(360px,72vw)}.memo-images:has(.memo-image:only-child){width:min(310px,72vw)}.memo-context-menu{width:auto}}@media (width<=520px){.shell>main:has(.capture-page)>.page-head{margin-bottom:14px}.memo-subnav{margin-bottom:9px}.composer{border-radius:16px;padding:8px}.composer-row{gap:6px}.image-picker{min-width:48px;padding:7px}.image-picker span{display:none}.composer-row>button{padding:9px 13px}.bubble{max-width:92%}.memo-images{width:min(300px,74vw)}.memo-images:has(.memo-image:only-child){width:min(280px,74vw)}}.cap-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.side-nav .cap-icon{width:21px;height:21px}.bottom .cap-icon{width:20px;height:20px}.module-grid{grid-template-columns:repeat(2,1fr)}.schedule-content{gap:16px;display:grid}.week-banner{background:var(--panel);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.week-banner>div{gap:4px;display:grid}.week-banner span{color:var(--muted);font-size:12px}.schedule-week{grid-template-columns:repeat(7,minmax(115px,1fr));gap:8px;padding-bottom:10px;display:grid;overflow-x:auto}.schedule-week>section{background:var(--panel);border:1px solid var(--line);border-radius:15px;min-height:390px;padding:10px}.schedule-week>section.today{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.schedule-week h3{justify-content:space-between;align-items:center;margin:2px 2px 12px;font-size:13px;display:flex}.schedule-week h3 small{color:var(--muted);font-weight:400}.schedule-week section>article{background:var(--soft);border-left:4px solid;border-radius:9px;gap:5px;margin:8px 0;padding:10px 8px;display:grid}.schedule-week article span,.schedule-week article small{color:var(--muted);font-size:11px}.schedule-week section>p{text-align:center;color:var(--muted);margin-top:40px;font-size:11px}.semester-dialog,.course-manager{background:var(--panel);border:1px solid var(--line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:22px;width:min(680px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px;overflow:auto;box-shadow:0 28px 90px #17100b66}.semester-dialog{gap:18px;display:grid}.semester-dialog>label,.semester-dates>label{gap:7px;font-size:13px;font-weight:650;display:grid}.semester-dates{grid-template-columns:1fr 1fr;gap:12px;display:grid}.semester-date-input{grid-template-columns:minmax(0,1fr) 52px;gap:7px;display:grid}.semester-date-input input{width:100%;min-width:0}.semester-date-input input[type=date]{color:var(--accent);padding:8px}.semester-summary{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.semester-summary span{color:var(--muted);font-size:12px}.semester-summary b{color:var(--accent)}.course-manager{width:min(760px,100vw - 32px)}.course-form-modal{grid-template-columns:2fr 2fr 1fr 1fr;gap:9px;margin:18px 0;display:grid}.course-form-modal label{color:var(--muted);gap:5px;font-size:11px;display:grid}.course-form-modal label input{width:100%}.course-form-modal>button{grid-column:3/5}.managed-courses{border-top:1px solid var(--line);display:grid}.managed-courses article{border-bottom:1px solid var(--line);grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 4px;display:grid}.managed-courses article>i{border-radius:4px;height:34px}.managed-courses article>div{gap:3px;display:grid}.managed-courses small{color:var(--muted)}.archive-select{justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.semester-calendars{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;display:grid}.semester-month{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px}.semester-month h3{text-align:center;margin:0 0 12px}.semester-weekdays,.semester-month-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.semester-weekdays span{text-align:center;color:var(--muted);padding:4px;font-size:10px}.semester-month-grid>span,.semester-month-grid>article{border-radius:8px;min-height:64px;padding:5px}.semester-month-grid>article{border:1px solid var(--line)}.semester-month-grid>article.has-course{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.semester-month-grid article>b{font-size:11px;display:block}.semester-month-grid article>small{white-space:nowrap;text-overflow:ellipsis;border-left:2px solid;margin-top:3px;padding-left:4px;font-size:9px;display:block;overflow:hidden}:root[data-theme=dark] .semester-dialog,:root[data-theme=dark] .course-manager{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .semester-dialog,:root:not([data-theme=light]) .course-manager{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (width<=820px){.schedule-week{grid-template-columns:1fr;display:grid;overflow:visible}.schedule-week>section{min-height:0}.schedule-week section>p{margin:14px 0}.schedule-week>section:not(.today){opacity:.88}.semester-calendars{grid-template-columns:1fr}.semester-month{overflow-x:auto}.semester-weekdays,.semester-month-grid{min-width:330px}}@media (width<=600px){:is(.course-modal,.modal-backdrop:has(.semester-dialog)){align-items:end;padding:0}.semester-dialog,.course-manager{width:100%;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.semester-dates{grid-template-columns:1fr}.course-form-modal{grid-template-columns:1fr 1fr}.course-form-modal>input,.course-form-modal>button{grid-column:1/-1}.week-banner{flex-direction:column;align-items:flex-start;gap:7px}.archive-select{justify-content:space-between}.semester-month{padding:12px}.page-head .header-actions:has(a[href="/teaching/archive"]){grid-template-columns:1fr 1fr}.page-head .header-actions:has(a[href="/teaching/archive"])>a{grid-column:1/-1}}button:disabled{opacity:.45;cursor:not-allowed}.semester-date-input input[type=date]{color:#0000}.semester-date-input input[type=date]::-webkit-datetime-edit{display:none}.semester-date-input input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;margin:auto}.trash-icon,.gear-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.side-nav .trash-icon,.side-nav .gear-icon{width:19px;height:19px}.icon-btn{border-radius:12px;place-items:center;display:grid}.icon-btn .gear-icon{width:25px;height:25px}.page-head .danger{gap:8px}.page-head .danger .trash-icon{width:18px;height:18px}.trash-list{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}.trash-row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:15px 18px;display:grid}.trash-row>.trash-icon{color:var(--accent);margin-top:3px}.trash-actions{gap:7px;display:flex}.trash-actions button{white-space:nowrap}.trash-row .danger-ghost{border:1px solid color-mix(in srgb,#b64339 30%,var(--line))}@media (width<=600px){.page-head:has(>.danger){flex-direction:column}.page-head>.danger{width:100%}.trash-row{grid-template-columns:28px minmax(0,1fr);padding:14px 12px}.trash-actions{grid-column:2;grid-template-columns:1fr 1fr;display:grid}.trash-actions button{padding:8px 10px;font-size:12px}}.shell>main:has(.trash-list){flex-direction:column;height:100dvh;display:flex;overflow:hidden}.shell>main:has(.trash-list)>.page-head{flex:none;width:100%}.shell>main:has(.trash-list)>.trash-list{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent;flex:auto;width:100%;min-height:0;overflow-y:auto}.cloud-settings{grid-column:1/-1;gap:17px;display:grid}.cloud-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.cloud-title h2{margin:0 0 5px}.cloud-title p{color:var(--muted);margin:0;font-size:13px}.sync-state{background:var(--soft);max-width:330px;color:var(--muted);border-radius:10px;padding:7px 10px;font-size:12px}.sync-state.syncing{color:#8a651b;background:#c6922517}.sync-state.ok{color:#4f7d5a;background:#4f7d5a17}.sync-state.error{color:#b64339;background:#b6433915}.cloud-fields{grid-template-columns:1.2fr 1fr 1.2fr;gap:10px;display:grid}.settings .cloud-fields label{align-items:initial;justify-content:initial;gap:7px;font-size:12px;font-weight:650;display:grid}.cloud-fields input{width:100%;font-weight:400}.settings .sync-toggle{background:var(--soft);cursor:pointer;border-radius:13px;justify-content:flex-start;gap:10px;padding:12px 14px;display:flex}.sync-toggle input{width:18px;height:18px;accent-color:var(--accent)}.sync-toggle span{gap:3px;display:grid}.sync-toggle small,.sync-note,.sync-time{color:var(--muted);font-size:11px}.sync-note{margin:0;line-height:1.6}.sync-time{justify-self:end}@media (width<=760px){.cloud-title{display:grid}.sync-state{max-width:none}.cloud-fields{grid-template-columns:1fr}.cloud-settings .actions{grid-template-columns:1fr 1fr;display:grid}.cloud-settings .actions button{width:100%}}@media (width<=440px){.cloud-settings .actions{grid-template-columns:1fr}}html,body{overscroll-behavior-x:none}.menu-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:21px;height:21px}.sidebar-toggle{border:1px solid var(--line);background:var(--panel);width:36px;height:36px;min-height:0;color:var(--accent);z-index:2;border-radius:50%;padding:0;position:absolute;top:30px;right:-18px;box-shadow:0 5px 18px #24180f24}.drawer-close,.drawer-backdrop,.mobile-menu,.mobile-drawer-edge{display:none}.shell>aside,.shell>main{transition:width .2s,margin-left .2s,transform .2s}.version-card{justify-content:space-between;align-items:center;display:flex}.version-card b{color:var(--accent);font-size:18px}@media (width>=821px){.shell.sidebar-collapsed>aside{width:78px;padding-inline:10px}.shell.sidebar-collapsed>main{margin-left:78px}.shell.sidebar-collapsed .brand{justify-content:center;padding-inline:0}.shell.sidebar-collapsed .brand b,.shell.sidebar-collapsed .side-note{display:none}.shell.sidebar-collapsed .side-nav a{justify-content:center;gap:0;padding-inline:0;font-size:0}.shell.sidebar-collapsed .side-nav a span{font-size:18px}}@media (width<=820px){.shell>aside{visibility:hidden;width:min(82vw,280px);padding:26px 18px calc(22px + env(safe-area-inset-bottom));z-index:31;transition:transform .22s,visibility 0s linear .22s;display:flex;transform:translate(-105%)}.shell.drawer-open>aside{visibility:visible;transition-delay:0s;transform:none}.sidebar-toggle{display:none}.drawer-close{background:var(--soft);width:38px;height:38px;min-height:0;color:var(--muted);border-radius:50%;place-items:center;padding:0;font-size:25px;display:grid;position:absolute;top:12px;right:12px}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#17120d70;border-radius:0;min-height:0;padding:0;position:fixed;inset:0}.shell.drawer-open .drawer-backdrop{display:block}.mobile-menu{border:1px solid var(--line);background:var(--panel);width:38px;height:52px;min-height:0;color:var(--accent);z-index:8;border-left:0;border-radius:0 14px 14px 0;place-items:center;padding:0;display:grid;position:fixed;top:43%;left:0;box-shadow:0 5px 18px #24180f20}.mobile-drawer-edge{touch-action:pan-y;z-index:7;width:32px;display:block;position:fixed;inset:0 auto 0 0}.shell.drawer-open .mobile-menu,.shell.drawer-open .mobile-drawer-edge{display:none}}
