@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gowun+Batang:wght@700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

:root{--pigeon-post:#a6c4d9;--powder-blue:#b0dfe3;--edgewater:#d5e7e2;--spring-wood:#f3f0e7;--cavern-pink:#e4b9c2;--ink:#30434d;--muted:#71858e;--line:#d5e7e2;--paper:#f3f0e7;--white:#fff;--purple:#526f82;--purple-soft:#dcebee;--green:#78a99d;--orange:#b57683;--sidebar:#e4ece8;--shadow:0 14px 50px rgba(48,67,77,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.mobile-only{display:none}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--ink);color:#fff;font-family:'Gowun Batang',serif;font-size:17px}.brand-large{position:absolute;top:48px;left:56px;font-size:24px}.brand-large .brand-mark{width:36px;height:36px}.eyebrow,.overline{margin:0 0 16px;font-size:10px!important;font-weight:700;letter-spacing:2.2px;color:var(--purple)!important}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-copy{position:relative;display:flex;align-items:center;padding:8vw;background:var(--paper);overflow:hidden}.copy-block{z-index:1;margin-top:-10vh}.copy-block h1{font-family:'Gowun Batang',serif;font-size:clamp(48px,5.4vw,76px);line-height:1.18;letter-spacing:-4px;margin:0 0 28px;font-weight:700}.copy-block h1 em{font-style:normal;color:var(--purple)}.copy-block>p:last-child{color:#77766f;line-height:1.9;font-size:15px}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-form{width:min(390px,100%);display:grid;gap:22px}.login-form h2{font-family:'Gowun Batang',serif;font-size:32px;margin:0 0 8px;letter-spacing:-1px}.login-form>div>p:last-child{font-size:14px;color:var(--muted);margin:0}.login-form label,.settings-card label{display:grid;gap:9px;font-size:12px;font-weight:600}.login-form input,.settings-card input,.settings-card select,#listForm input{border:1px solid var(--line);background:#fafafa;border-radius:9px;padding:14px 15px;outline:none;transition:.2s}.login-form input:focus,.settings-card input:focus,#listForm input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.domain-input{display:flex;border:1px solid var(--line);background:#fafafa;border-radius:9px;overflow:hidden;align-items:center}.domain-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.domain-input input{border:0;box-shadow:none!important;min-width:0;flex:1}.domain-input span{padding-right:15px;font-size:13px;color:var(--muted)}.primary-button{border:0;border-radius:9px;background:var(--ink);color:white;padding:15px 18px;font-weight:600;display:flex;justify-content:center;gap:18px;align-items:center}.primary-button:hover{background:#3b3a35}.test-hint{text-align:center!important;color:#aaa!important;font-size:11px!important}.form-error{font-size:12px;color:#c44848;min-height:15px}.login-preview{position:absolute;left:8vw;right:8vw;bottom:10vh;height:100px}.preview-card{position:absolute;background:white;border:1px solid var(--line);border-radius:12px;height:62px;display:flex;align-items:center;gap:12px;padding:0 18px;box-shadow:var(--shadow);font-size:13px}.preview-card small{margin-left:auto;color:var(--muted)}.preview-card b{margin-left:auto;font-size:10px;color:var(--orange);background:#fff0e8;padding:4px 7px;border-radius:5px}.preview-card.front{left:4%;right:18%;bottom:-24px}.preview-card.middle{left:16%;right:6%;top:-22px}.preview-card.back{left:28%;right:-6%;top:-55px;opacity:.45}.fake-check{width:18px;height:18px;border:1px solid #ccc;border-radius:50%;display:grid;place-items:center}.fake-check.done{background:var(--green);color:#fff;border-color:var(--green)}
.app-shell{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:28px 18px 20px;background:var(--sidebar);border-right:1px solid #e3e1da}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 26px}.sidebar nav,.list-nav{display:grid;gap:3px}.nav-item,.list-item{border:0;background:transparent;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:11px;text-align:left;color:#696860;font-size:13px;width:100%}.nav-item:hover,.list-item:hover,.nav-item.active,.list-item.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px rgba(40,38,32,.05)}.nav-icon{width:18px;text-align:center;color:#999}.count{margin-left:auto;background:#eceaf9;color:var(--purple);padding:1px 7px;border-radius:9px;font-size:10px}.list-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 10px 9px;color:#9e9d96;font-size:9px;font-weight:700;letter-spacing:1.8px}.small-add{border:0;background:transparent;color:#8d8c84;font-size:18px;padding:0}.list-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.list-item span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.list-item small{margin-left:auto;color:#aaa}.sidebar-spacer{flex:1}.profile{margin-top:14px;border-top:1px solid #dddcd5;padding:18px 5px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dcd8fb;color:var(--purple);font-weight:700}.profile strong{display:block;font-size:12px}.profile small{display:block;color:#9b9a93;font-size:9px;margin-top:2px}.profile button{border:0;background:transparent;color:#aaa}.workspace{min-width:0;overflow-y:auto;background:#fbfaf7}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4.5vw;position:sticky;top:0;background:rgba(251,250,247,.9);backdrop-filter:blur(12px);z-index:5}.crumb span{font-size:12px;font-weight:600}.crumb small{display:block;color:#aaa;font-size:9px;margin-top:2px}.online-dot{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#999}.online-dot i,.status-row i{width:6px;height:6px;border-radius:50%;background:#70aa85}.install-button{margin-left:auto;margin-right:18px;border:1px solid var(--line);background:#fff;padding:7px 11px;border-radius:7px;font-size:11px}.content{width:min(890px,calc(100% - 60px));margin:0 auto;padding:58px 0 90px}.page-title h1{font-family:'Gowun Batang',serif;font-size:40px;margin:0 0 8px;letter-spacing:-1.8px}.page-title>p:last-child{color:#92918a;font-size:13px;margin:0}.quick-add{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(55,51,42,.06);margin:38px 0 40px;overflow:hidden}.quick-input{display:flex;align-items:center;gap:12px;padding:18px 20px}.quick-input>span{font-size:21px;color:var(--purple)}.quick-input input{border:0;outline:none;font-size:14px;width:100%;background:transparent}.quick-input input::placeholder{color:#aaa}.quick-tools{border-top:1px solid #f0efe9;padding:10px 12px;display:flex;gap:7px}.quick-tools select,.quick-tools input{border:0;background:#f6f5f1;border-radius:7px;padding:8px 10px;font-size:10px;max-width:150px}.quick-tools button{margin-left:auto;border:0;background:var(--purple);color:#fff;border-radius:7px;padding:8px 19px;font-size:11px;font-weight:600}.section-title{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}.section-title h2{font-size:12px;margin:0}.section-title span{font-size:10px;color:#aaa}.task-list{display:grid;gap:7px}.task-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 17px;transition:background-color .75s,border-color .75s,box-shadow .75s}.task-row:hover{background:#f9fcfc;border-color:var(--pigeon-post);box-shadow:inset 3px 0 0 var(--pigeon-post),0 5px 16px rgba(48,67,77,.08)}.task-check{appearance:none;width:19px;height:19px;border:1.5px solid #c7c6c0;border-radius:50%;display:grid;place-items:center;margin:0}.task-check:checked{background:var(--green);border-color:var(--green)}.task-check:checked:after{content:'✓';color:white;font-size:11px}.task-main{min-width:0}.task-title{font-size:13px}.task-row.completed .task-title{text-decoration:line-through;color:#aaa}.task-meta{display:flex;gap:10px;align-items:center;margin-top:5px;font-size:9px;color:#aaa}.meta-list{display:flex;align-items:center;gap:5px}.due.today,.due.overdue{color:var(--orange)}.priority{width:4px;height:24px;border-radius:5px;background:transparent}.priority.high{background:#dc705f}.priority.medium{background:#e0b14f}.priority.low{background:#6d9fcc}.task-menu{border:0;background:transparent;color:#bbb;padding:5px;font-size:16px}.empty-state{border:1px dashed #d9d7ce;border-radius:12px;padding:52px;text-align:center;color:#a2a198}.empty-state span{display:block;font-size:26px;margin-bottom:10px}.empty-state p{font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;display:grid;gap:18px}.settings-card:first-child{grid-row:span 2}.settings-card h3{margin:0 0 5px;font-size:15px}.settings-card p{margin:0;color:#999;font-size:11px;line-height:1.6}.settings-icon{width:35px;height:35px;border-radius:9px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.settings-icon.mint{background:#e7f3ef;color:var(--green)}.settings-icon.peach{background:#fff0e8;color:var(--orange)}.settings-card select{width:100%}.status-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:#777}.status-row span{display:flex;align-items:center;gap:6px}.status-row code{color:#999}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.toggle-row small{display:block;color:#aaa;font-weight:400;margin-top:3px}.toggle{appearance:none;width:36px;height:20px;border-radius:12px;background:#d4d3ce!important;padding:0!important;position:relative;border:0!important}.toggle:after{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.2s}.toggle:checked{background:var(--purple)!important}.toggle:checked:after{left:18px}.cli-example{background:#292926;color:#ddd;border-radius:7px;padding:12px;overflow:auto;font-size:9px;line-height:1.6}.settings-save{width:180px;margin:24px 0 0 auto}.icon-button{border:0;background:transparent;font-size:19px}dialog{border:0;border-radius:15px;padding:0;box-shadow:0 20px 80px rgba(0,0,0,.2);width:min(390px,calc(100% - 30px))}dialog::backdrop{background:rgba(30,29,27,.35);backdrop-filter:blur(3px)}#listForm{padding:30px;display:grid;gap:16px}#listForm h2{font-family:'Gowun Batang',serif;margin:0;font-size:24px}#listForm>p{font-size:12px;color:#999;margin:-8px 0 5px}.dialog-icon{width:35px;height:35px;border-radius:9px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.dialog-actions button{border:0;border-radius:8px;padding:10px 16px;font-size:12px}.dialog-actions>button:first-child{background:#f0efeb}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#2e2d2a;color:white;border-radius:8px;padding:11px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-copy{display:none}.login-panel{min-height:100vh;padding:25px}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;z-index:20;transform:translateX(-102%);transition:.25s;box-shadow:20px 0 60px rgba(0,0,0,.15)}.sidebar.open{transform:translateX(0)}.mobile-only{display:block}.topbar{padding:0 18px;gap:14px}.content{width:calc(100% - 30px);padding-top:34px}.page-title h1{font-size:34px}.quick-tools{flex-wrap:wrap}.quick-tools button{flex:1}.settings-grid{grid-template-columns:1fr}.settings-card:first-child{grid-row:auto}.online-dot span{display:none}.task-row{padding:13px}.profile{padding-bottom:max(0px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.task-row{grid-template-columns:25px minmax(0,1fr) 4px 24px}
.profile{grid-template-columns:1fr auto}.account-summary{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;border:0;background:transparent;padding:0;text-align:left;min-width:0}.account-summary>span:last-child{min-width:0}.account-summary:hover .avatar{box-shadow:0 0 0 3px rgba(98,88,223,.12)}.account-identity{display:flex;align-items:center;gap:13px;margin:25px 0}.account-avatar{width:46px;height:46px;font-size:16px}.account-identity strong{display:block;font-size:15px}.account-identity small{display:block;margin-top:4px;color:#999;font-size:10px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:20px}.account-stats>div{display:grid;gap:4px;padding:17px;text-align:center}.account-stats>div+div{border-left:1px solid var(--line)}.account-stats strong{font-family:'Gowun Batang',serif;font-size:22px}.account-stats span{font-size:9px;color:#999}.account-actions{display:grid;gap:7px}.account-action{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;text-align:left}.account-action:hover{background:#faf9f6}.account-action>span:first-child{display:grid;place-items:center;width:30px;height:30px;background:var(--purple-soft);color:var(--purple);border-radius:8px}.account-action strong,.account-action small{display:block}.account-action strong{font-size:12px}.account-action small{color:#aaa;font-size:9px;margin-top:3px}.account-action b{font-weight:400;color:#aaa}.account-action em{font-style:normal;font-size:8px;background:#f0efeb;color:#999;padding:4px 6px;border-radius:5px}.password-form{display:grid;gap:13px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.password-form h3{margin:0 0 3px;font-size:14px}.password-form label{display:grid;gap:7px;font-size:10px;font-weight:600}.password-form input{border:1px solid var(--line);border-radius:8px;background:#fafafa;padding:11px 12px;outline:none}.password-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}
.account-summary.active,.account-summary:hover{background:rgba(255,255,255,.72);border-radius:10px;padding:7px;margin:-7px}.account-page-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;margin-top:36px;align-items:start}.account-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:0 10px 35px rgba(55,51,42,.04)}.account-overview .account-identity{margin:0 0 27px}.account-overview .account-stats{margin-bottom:22px}.account-management{display:grid;gap:22px}.account-management h2{font-family:'Gowun Batang',serif;font-size:23px;margin:0 0 7px}.account-management>div>p{font-size:11px;line-height:1.6;color:#999;margin:0}.account-back{border:0;background:transparent;color:var(--purple);font-size:11px;font-weight:600;padding:5px 0}.account-back:hover{text-decoration:underline}
@media(max-width:760px){.account-page-grid{grid-template-columns:1fr;margin-top:26px}.account-card{padding:22px}.account-stats>div{padding:14px 8px}.account-stats strong{font-size:19px}.account-stats span{font-size:8px}}
.account-summary{color:inherit;text-decoration:none}
.danger-card{grid-column:1/-1;border-color:var(--cavern-pink);background:linear-gradient(135deg,#fff 55%,rgba(228,185,194,.22))}.danger-icon{background:var(--cavern-pink)!important;color:#744c56!important}.danger-button{border:1px solid #b57683;border-radius:9px;background:#fff;color:#9a5664;padding:12px 16px;font-weight:700}.danger-button:hover{background:var(--cavern-pink);color:#57343c}.danger-card .danger-button{justify-self:start}.danger-dialog form{padding:30px;display:grid;gap:16px}.danger-dialog h2{font-family:'Gowun Batang',serif;margin:0;font-size:24px}.danger-dialog p{font-size:12px;line-height:1.7;color:#8b6b72;margin:-8px 0 3px}.danger-dialog label{display:grid;gap:8px;font-size:11px;font-weight:600}.danger-dialog input{border:1px solid var(--line);border-radius:9px;background:#fafafa;padding:12px;outline:none}.danger-dialog input:focus{border-color:var(--cavern-pink);box-shadow:0 0 0 3px rgba(228,185,194,.28)}
.workspace{background:var(--spring-wood)}.avatar{background:var(--powder-blue);color:var(--ink)}.count{background:var(--edgewater);color:var(--ink)}.settings-icon{background:var(--pigeon-post);color:var(--ink)}.settings-icon.mint{background:var(--edgewater);color:var(--ink)}.settings-icon.peach{background:var(--cavern-pink);color:var(--ink)}.priority.high{background:var(--cavern-pink)}.priority.medium{background:var(--pigeon-post)}.priority.low{background:var(--powder-blue)}
html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--ink:#e8f0f2;--muted:#a8bac1;--line:#3b5059;--paper:#182228;--white:#223139;--purple:#b0dfe3;--purple-soft:#2d444d;--green:#9ac9bd;--orange:#e4b9c2;--sidebar:#1d2b32;--shadow:0 14px 50px rgba(0,0,0,.28)}
html[data-theme="dark"] body,html[data-theme="dark"] .login-copy,html[data-theme="dark"] .workspace{background:var(--paper);color:var(--ink)}html[data-theme="dark"] .login-panel,html[data-theme="dark"] .preview-card,html[data-theme="dark"] .nav-item:hover,html[data-theme="dark"] .list-item:hover,html[data-theme="dark"] .nav-item.active,html[data-theme="dark"] .list-item.active,html[data-theme="dark"] .quick-add,html[data-theme="dark"] .task-row,html[data-theme="dark"] .settings-card,html[data-theme="dark"] .account-card,html[data-theme="dark"] .account-action,html[data-theme="dark"] dialog{background:var(--white);color:var(--ink)}html[data-theme="dark"] .sidebar{background:var(--sidebar);border-color:var(--line)}html[data-theme="dark"] .topbar{background:rgba(24,34,40,.9)}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] .domain-input,html[data-theme="dark"] .quick-tools select,html[data-theme="dark"] .quick-tools input,html[data-theme="dark"] .password-form input,html[data-theme="dark"] .danger-dialog input{background:#1b292f;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .quick-tools,html[data-theme="dark"] .profile,html[data-theme="dark"] .password-form{border-color:var(--line)}html[data-theme="dark"] .install-button,html[data-theme="dark"] .dialog-actions>button:first-child{background:#2b3c44;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .account-summary.active,html[data-theme="dark"] .account-summary:hover{background:rgba(176,223,227,.1)}html[data-theme="dark"] .account-action:hover{background:#293a42}html[data-theme="dark"] .danger-card{background:linear-gradient(135deg,var(--white) 55%,rgba(228,185,194,.12))}html[data-theme="dark"] .danger-button{background:#273840;color:#e4b9c2}html[data-theme="dark"] .page-title>p:last-child,html[data-theme="dark"] .settings-card p,html[data-theme="dark"] .account-management>div>p,html[data-theme="dark"] .profile small{color:var(--muted)}
.role-badge{display:inline-block;margin-top:7px;padding:3px 8px;border-radius:10px;background:var(--edgewater);color:#30434d;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.account-admin{grid-column:1/-1}.account-admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.account-admin h2{font-family:'Gowun Batang',serif;font-size:23px;margin:0 0 6px}.account-admin-head p{font-size:11px;color:var(--muted);margin:0}.account-admin-head .primary-button{padding:11px 15px;white-space:nowrap}.account-users{display:grid;gap:7px;margin-top:22px}.account-user{display:grid;grid-template-columns:minmax(0,1fr) 110px 58px;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:9px}.account-user strong,.account-user small{display:block}.account-user strong{font-size:12px}.account-user small{margin-top:3px;color:var(--muted);font-size:9px}.account-user select{border:1px solid var(--line);border-radius:7px;background:var(--paper);padding:8px;font-size:10px}.delete-user{border:0;background:transparent;color:#9a5664;font-size:10px}.delete-user:disabled{color:var(--muted);cursor:not-allowed}.admin-relinquish{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.admin-relinquish strong,.admin-relinquish small{display:block}.admin-relinquish strong{font-size:12px}.admin-relinquish small{font-size:9px;color:var(--muted);margin-top:4px}.account-create-dialog form{padding:30px;display:grid;gap:16px}.account-create-dialog h2{font-family:'Gowun Batang',serif;margin:0;font-size:24px}.account-create-dialog p{font-size:11px;line-height:1.6;color:var(--muted);margin:-8px 0 3px}.account-create-dialog label{display:grid;gap:8px;font-size:11px;font-weight:600}.account-create-dialog input,.account-create-dialog select,.danger-dialog select{border:1px solid var(--line);border-radius:9px;background:#fafafa;padding:12px;outline:none}.temporary-password{display:grid;grid-template-columns:1fr auto;gap:7px;padding:13px;border:1px solid var(--edgewater);border-radius:9px;background:var(--spring-wood)}.temporary-password small{grid-column:1/-1;color:var(--muted);font-size:9px}.temporary-password code{font-size:13px;font-weight:700;overflow-wrap:anywhere}.temporary-password button{border:0;background:var(--pigeon-post);border-radius:6px;padding:6px 10px;font-size:9px}.guest-mode #quickAddForm,.guest-mode #addListButton,.guest-mode .task-check,.guest-mode .task-menu,.guest-mode #saveSettingsButton,.guest-mode #resetDataButton{display:none!important}
html[data-theme="dark"] .account-user select,html[data-theme="dark"] .account-create-dialog input,html[data-theme="dark"] .account-create-dialog select,html[data-theme="dark"] .danger-dialog select{background:#1b292f;color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .temporary-password{background:#1b292f}html[data-theme="dark"] .role-badge{background:var(--powder-blue);color:#30434d}
@media(max-width:760px){.account-admin-head,.admin-relinquish{align-items:stretch;flex-direction:column}.account-user{grid-template-columns:minmax(0,1fr) 90px}.account-user .delete-user{grid-column:2}.account-admin-head .primary-button,.admin-relinquish .danger-button{width:100%}}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.sync-button,.notification-button{border:1px solid var(--line);background:var(--white);border-radius:8px;height:34px;display:flex;align-items:center;justify-content:center}.sync-button{gap:7px;padding:0 11px;font-size:10px;color:var(--muted)}.sync-button i{width:6px;height:6px;border-radius:50%;background:#70aa85}.notification-button{position:relative;width:36px;font-size:14px}.notification-button svg{display:block;width:17px;height:17px}.notification-button b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--orange);color:#fff;font-size:8px;line-height:17px}.inbox-nav{margin-top:3px}.inbox-nav .count{margin-left:auto}.list-item em{font-style:normal;color:var(--muted);font-size:9px}.repeat-label{color:var(--purple)}.repeat-year{display:flex;gap:4px}.repeat-year input{width:58px}.quick-tools .repeat-detail{max-width:95px}.notification-dialog{width:min(520px,calc(100% - 30px));max-height:min(680px,calc(100vh - 40px));overflow:auto;padding:27px}.notification-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.notification-head h2{font-family:'Gowun Batang',serif;font-size:27px;margin:0}.notification-head .eyebrow{margin-bottom:5px}.notification-list{display:grid;gap:8px;padding-top:14px}.notification-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border:1px solid var(--line);border-radius:10px}.notification-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--purple-soft);color:var(--purple)}.notification-icon.due-icon{background:rgba(228,185,194,.35);color:var(--orange)}.notification-item strong{font-size:12px}.notification-item p{font-size:10px;color:var(--muted);line-height:1.55;margin:5px 0 0}.notification-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.notification-actions button{border:0;border-radius:7px;padding:7px 12px;font-size:9px}.notification-actions button:first-child{background:var(--paper)}.notification-actions .primary-button{background:var(--ink);color:#fff}.notification-empty,.empty-inline{padding:25px;text-align:center;color:var(--muted);font-size:10px}.collaboration-row{grid-template-columns:minmax(0,1fr) 72px 72px}.collaboration-status{font-size:9px;color:var(--green);font-weight:700}.remove-collaboration{border:0;background:transparent;color:var(--orange);font-size:9px}.guest-mode .remove-collaboration{display:block!important}html[data-theme="dark"] .sync-button,html[data-theme="dark"] .notification-button{background:var(--white);color:var(--ink)}html[data-theme="dark"] .primary-button,html[data-theme="dark"] .notification-actions .primary-button{background:var(--powder-blue);color:#30434d}html[data-theme="dark"] .primary-button:hover{background:var(--pigeon-post)}
@media(max-width:760px){.sync-button span{display:none}.sync-button{width:34px;padding:0}.notification-dialog{padding:20px}.collaboration-row{grid-template-columns:minmax(0,1fr) 65px}.collaboration-row .remove-collaboration{grid-column:2}.quick-tools .repeat-detail{max-width:120px}}
/* Dark mode uses the account-role badge palette for every non-destructive action. */
html[data-theme="dark"] .brand-mark,html[data-theme="dark"] .count,html[data-theme="dark"] .primary-button,html[data-theme="dark"] .quick-tools button,html[data-theme="dark"] .install-button,html[data-theme="dark"] .sync-button,html[data-theme="dark"] .notification-button,html[data-theme="dark"] .temporary-password button,html[data-theme="dark"] .dialog-actions>button:not(.danger-button),html[data-theme="dark"] .notification-actions button{background:var(--powder-blue);color:#30434d;border-color:rgba(48,67,77,.28)}
html[data-theme="dark"] .primary-button:hover,html[data-theme="dark"] .quick-tools button:hover,html[data-theme="dark"] .install-button:hover,html[data-theme="dark"] .sync-button:hover,html[data-theme="dark"] .notification-button:hover,html[data-theme="dark"] .temporary-password button:hover,html[data-theme="dark"] .dialog-actions>button:not(.danger-button):hover,html[data-theme="dark"] .notification-actions button:hover{background:var(--pigeon-post);color:#30434d}
html[data-theme="dark"] .nav-item:hover,html[data-theme="dark"] .list-item:hover,html[data-theme="dark"] .nav-item.active,html[data-theme="dark"] .list-item.active{background:rgba(176,223,227,.16);color:var(--powder-blue)}
html[data-theme="dark"] .small-add,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .profile button,html[data-theme="dark"] .account-back{color:var(--powder-blue)}
html[data-theme="dark"] .account-action>span:first-child,html[data-theme="dark"] .dialog-icon:not(.danger-icon){background:var(--powder-blue);color:#30434d}
html[data-theme="dark"] #listForm input{background:var(--white);color:var(--ink);border-color:var(--line)}
.task-tag{padding:2px 6px;border-radius:8px;background:var(--purple-soft);color:var(--purple)}.due-confirm-dialog{padding:30px}.due-confirm-dialog h2{font-family:'Gowun Batang',serif;margin:15px 0 8px;font-size:24px}.due-confirm-dialog>p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.due-preview{display:grid;grid-template-columns:70px 1fr;gap:9px;margin:20px 0;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:11px}.due-preview span{color:var(--muted)}html[data-theme="dark"] .due-preview{background:var(--white)}
.list-row{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:2px}.list-row .list-item,.list-row .nav-item{min-width:0}.delete-list{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:5px;font-size:14px;opacity:.45}.list-row:hover .delete-list,.delete-list:focus-visible{opacity:1}.delete-list:hover{background:rgba(228,185,194,.3);color:var(--orange)}.sort-controls{display:flex;gap:6px;margin-left:auto}.sort-controls select{border:1px solid var(--line);border-radius:7px;background:var(--white);padding:6px 8px;font-size:9px}.marker-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.marker-example{display:block;color:var(--muted);font-size:9px}.settings-save:disabled{cursor:not-allowed;opacity:.45}html[data-theme="dark"] .sort-controls select{background:var(--white);color:var(--ink)}
@media(max-width:760px){.section-title{align-items:center;flex-wrap:wrap}.sort-controls{width:100%;margin-left:0}.sort-controls select{flex:1}.marker-settings{grid-template-columns:1fr}}
.guest-mode .delete-list{display:none!important}
.task-shared{padding:2px 6px;border-radius:8px;background:var(--edgewater);color:#45656c;font-weight:700}.notification-toolbar{display:flex;justify-content:flex-end;gap:7px;padding:12px 0;border-bottom:1px solid var(--line)}.notification-toolbar button,.notification-manage button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:7px 10px;font-size:9px}.notification-toolbar button:last-child,.notification-manage button:last-child{color:#9a5664}.notification-manage{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.notification-manage button:disabled{opacity:.5}.notification-item.unread{border-color:var(--cavern-pink);box-shadow:inset 3px 0 0 var(--cavern-pink)}html[data-theme="dark"] .task-shared{background:var(--powder-blue);color:#30434d}html[data-theme="dark"] .notification-toolbar button,html[data-theme="dark"] .notification-manage button{background:var(--powder-blue);color:#30434d}
.sidebar{min-height:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.task-row.manual-sort{grid-template-columns:20px 25px minmax(0,1fr) 4px 24px}.task-drag-handle{border:0;background:transparent;color:var(--muted);padding:4px 2px;cursor:grab;touch-action:none;font-size:16px;line-height:1}.task-row.dragging{opacity:.55;box-shadow:0 10px 25px rgba(48,67,77,.18)}.task-row.manual-sort:hover{transform:none}.sort-controls select:disabled{opacity:.45;cursor:not-allowed}html[data-theme="dark"] .task-drag-handle{color:var(--powder-blue)}
.toast{left:auto;right:24px;bottom:24px;transform:translateY(20px);max-width:min(390px,calc(100vw - 32px));line-height:1.45;box-shadow:0 10px 35px rgba(0,0,0,.2)}.toast.error{background:#873f39}.toast.conflict{background:#7c5c24}.toast.show{transform:translateY(0)}
.task-row.editable{cursor:pointer}.task-row.editable:focus-visible{outline:0;background:#f9fcfc;border-color:var(--pigeon-post);box-shadow:inset 3px 0 0 var(--pigeon-post),0 0 0 3px var(--purple-soft)}html[data-theme="dark"] .task-row:hover,html[data-theme="dark"] .task-row.editable:focus-visible{background:#293a42;border-color:var(--powder-blue);box-shadow:inset 3px 0 0 var(--powder-blue),0 5px 16px rgba(0,0,0,.2)}.task-edit-dialog{width:min(580px,calc(100% - 28px));max-height:min(760px,calc(100vh - 32px));overflow:auto;padding:30px}.task-edit-dialog form{display:grid;gap:15px}.task-edit-dialog h2{font-family:'Gowun Batang',serif;margin:0;font-size:26px}.task-edit-dialog form>p{margin:-8px 0 2px;color:var(--muted);font-size:11px}.task-edit-dialog label{display:grid;gap:7px;font-size:10px;font-weight:600}.task-edit-dialog input,.task-edit-dialog textarea,.task-edit-dialog select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fafafa;color:var(--ink);padding:11px 12px;outline:none;font:inherit}.task-edit-dialog textarea{resize:vertical;min-height:76px}.task-edit-dialog input:focus,.task-edit-dialog textarea:focus,.task-edit-dialog select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.task-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-edit-repeat{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.task-edit-repeat>label{max-width:220px}.task-edit-year{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-edit-repeat.hidden,.task-edit-repeat .hidden{display:none}.task-edit-dialog .dialog-actions{margin-top:2px}html[data-theme="dark"] .task-edit-dialog input,html[data-theme="dark"] .task-edit-dialog textarea,html[data-theme="dark"] .task-edit-dialog select{background:var(--white);color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .task-edit-repeat{background:#1b292f}@media(max-width:560px){.task-edit-dialog{padding:22px}.task-edit-grid{grid-template-columns:1fr}.task-edit-dialog .dialog-actions{position:sticky;bottom:-22px;background:var(--white);padding:12px 0 2px}.task-edit-dialog .dialog-actions button{flex:1}}
.data-transfer-card{grid-column:1/-1}.data-transfer-actions{display:flex;flex-wrap:wrap;gap:8px}.secondary-button{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:11px 16px;font-size:11px;font-weight:700}.secondary-button:hover{border-color:var(--pigeon-post);background:var(--purple-soft)}html[data-theme="dark"] .secondary-button{background:var(--powder-blue);color:#30434d;border-color:rgba(48,67,77,.28)}html[data-theme="dark"] .secondary-button:hover{background:var(--pigeon-post)}@media(max-width:560px){.data-transfer-actions{display:grid;grid-template-columns:1fr}.secondary-button{width:100%}}
.caldav-sync-actions{display:flex;align-items:center;gap:10px}.caldav-sync-actions .secondary-button{flex:1}.caldav-sync-actions .secondary-button:disabled{cursor:not-allowed;opacity:.45}.caldav-sync-indicator{width:10px;height:10px;border-radius:50%;background:#d5aa45;box-shadow:0 0 0 3px rgba(213,170,69,.14);flex:0 0 auto}.caldav-sync-indicator.ready,.caldav-sync-indicator.syncing{background:#70aa85;box-shadow:0 0 0 3px rgba(112,170,133,.14)}.caldav-sync-indicator.error{background:#c44848;box-shadow:0 0 0 3px rgba(196,72,72,.14)}