/* Follow AnxietyPopoverView.swift: width 326pt, header 42pt, rows 36pt,
   Undo/footer 34pt. System glyphs are rendered from the app's SF Symbols. */
.hero-visual{padding:0;isolation:auto;min-width:0;max-width:100%}
.mac-desktop{position:relative;min-height:376px;overflow:visible;border:1px solid #81929c42;border-radius:14px;background:radial-gradient(ellipse at 90% 110%,#d2c8b8 0,transparent 62%),radial-gradient(ellipse at 0 20%,#6f8d9a 0,transparent 67%),linear-gradient(145deg,#a9b9bb,#8499a8 56%,#a8abb6);box-shadow:0 20px 42px -32px #1b302c66,inset 0 0 0 1px #ffffff25}
.mac-menu-bar{height:28px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:13px 13px 0 0;background:linear-gradient(#e2e7e7d9,#d7dfe0d9);box-shadow:0 1px 0 #0d253419;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);font:12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f1f1f;white-space:nowrap}
.mac-menu-spacer{flex:1;min-width:0}.mac-status-item{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;min-width:40px;padding:0 7px;border-radius:4px;background:#64717833;color:#17191a;font-size:11px;font-variant-numeric:tabular-nums}.mac-status-item[aria-expanded=false]{background:none}.mac-status-item img{width:18px;height:18px}.mac-system-items{display:flex;align-items:center;gap:12px}.mac-system-items img{flex:none;object-fit:contain}.mac-clock{font-size:11.5px;font-weight:500;letter-spacing:.05px}.mac-date{margin-right:5px}
.native-popover{position:relative;width:326px;max-width:calc(100% - 32px);margin:13px 22px 62px auto;filter:drop-shadow(0 12px 15px #14232d4d)}.native-popover:before{content:"";position:absolute;z-index:1;top:-7px;left:var(--popover-anchor,38px);width:14px;height:14px;transform:rotate(45deg);background:#696c6e;border-top:1px solid #ffffff4d;border-left:1px solid #ffffff4d}
.native-app{position:relative;border:1px solid #ffffff3b;border-radius:10px;background:linear-gradient(180deg,#6a6c6ded,#444648f5);color:#ffffffeb;backdrop-filter:blur(30px) saturate(.55);-webkit-backdrop-filter:blur(30px) saturate(.55);font:500 13.5px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;box-shadow:inset 0 1px 0 #ffffff17}
.native-app button,.native-app input,.native-app a{font-family:inherit}.native-app button{color:inherit;border:0;cursor:pointer;padding:0;line-height:inherit;background:none}.native-app button:disabled{cursor:default}.native-app img{object-fit:contain;flex:none;pointer-events:none}.native-app [hidden],.native-popover[hidden]{display:none!important}.native-app :focus-visible,.mac-status-item:focus-visible{outline:2px solid #b8edcf;outline-offset:2px;border-radius:3px}
.native-header{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border-bottom:1px solid #ffffff13;border-radius:9px 9px 0 0;position:relative;z-index:5}.native-app-check{opacity:.7}.native-list-anchor{position:absolute;left:50%;transform:translateX(-50%)}.native-list-picker{display:flex;gap:4px;align-items:center;justify-content:center;min-height:32px;font-size:13.5px;font-weight:600;white-space:nowrap}.native-list-picker img:first-child{opacity:.7;margin-right:1px}.native-list-picker img:last-child{opacity:.75}.native-add{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff0f!important;position:relative}.native-add[aria-expanded=true]{background:#ffffff24!important}.native-add:before{content:"";position:absolute;inset:-9px}.native-add img{opacity:.9}
.native-add-row{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px;background:#0000001f;border-bottom:1px solid #ffffff13}.native-add-row>img{opacity:.48}.native-add-row input{border:0;background:none;color:#fffffff0;font-size:13.5px;font-weight:500;min-width:0;flex:1;padding:0;outline:none!important;height:32px}.native-add-row input::placeholder{color:#ffffff80;opacity:1}.native-add-row:focus-within{box-shadow:inset 0 0 0 1px #b9e3ce80}.native-add-row button:not(.visually-hidden){display:flex;align-items:center;justify-content:center;min-width:24px;height:32px;opacity:.6}.native-error{margin:0;padding:10px 13px;background:#3e2929;color:#ffddd5;font-size:11px;line-height:1.4}
.native-task-list{padding:0;margin:0;list-style:none;max-height:313px;min-height:72px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff44 transparent;border-bottom:1px solid #ffffff13}.native-task-row{height:36px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#ffffff09;position:relative}.native-task-row:hover,.native-task-row:focus-within{background:#ffffff18}.native-checkbox{appearance:none;-webkit-appearance:none;flex:none;display:block;width:20px;height:18px;background:transparent url('/assets/symbols/square.png') center/20px 18px no-repeat;border:0;padding:0;margin:0;opacity:.72;cursor:pointer;border-radius:3px}.native-checkbox:checked{background-image:url('/assets/symbols/square-checked.png');opacity:.45}.native-task-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;letter-spacing:0;cursor:text}.native-task-row.is-done{background:#0000000f}.native-task-row.is-done .native-task-title{text-decoration:line-through;color:#ffffff66}.native-done-heading{height:25px;background:#00000024;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9.5px;letter-spacing:.8px;font-weight:700;color:#ffffff57}.native-done-heading span:last-child{font-size:10.5px;letter-spacing:0;font-variant-numeric:tabular-nums}.native-row-actions{display:flex;align-items:center;gap:2px;visibility:hidden;flex:none}.native-task-row:hover .native-row-actions,.native-task-row:focus-within .native-row-actions{visibility:visible}.native-row-actions button{display:flex;align-items:center;justify-content:center;width:19px;height:25px;opacity:.55}.native-row-actions button:hover{opacity:1}.native-edit-input{border:0;background:none;min-width:0;flex:1;font-size:13.5px;font-weight:500;color:inherit;padding:0;height:30px}.native-empty{height:108px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#ffffff66;font-size:11.5px}.native-empty strong{font-size:13px;color:#ffffffad;font-weight:600}.native-empty>span:first-child{font-size:17px}
.native-undo{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;background:#00000029;border-bottom:1px solid #ffffff13;font-size:11.5px}.native-undo>img{opacity:.48}.native-undo>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffa3;font-weight:500}.native-undo button{font-size:11.5px;color:#0a84ff;font-weight:600;height:30px}.native-footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:11.5px;border-radius:0 0 9px 9px;position:relative;z-index:4}.native-settings,.native-done{display:flex;align-items:center;gap:3px;height:32px}.native-settings>img:first-child{opacity:.52}.native-settings>img:last-child{opacity:.6}.native-footer #task-count{position:absolute;left:50%;transform:translateX(-50%);color:#ffffff7a;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500;pointer-events:none}.native-footer .native-done{font-size:10.5px;font-weight:600;color:#ffffffa3;gap:3px}.native-done>img{opacity:.72}.native-footer #done-count{all:unset;font:inherit;color:inherit}
.native-menu-anchor{position:relative}.native-list-anchor{position:absolute}.native-menu{position:absolute;top:34px;left:-6px;z-index:20;min-width:190px;padding:5px;border:1px solid #ffffff33;border-radius:7px;background:#333638fa;box-shadow:0 8px 20px #0005;backdrop-filter:blur(20px);font-size:12px;color:#f1f1f1}.native-menu-bottom{top:auto;bottom:34px}.native-done-menu{left:auto;right:-4px;min-width:180px}.native-menu button,.native-menu a{display:flex;align-items:center;min-height:28px;width:100%;padding:5px 8px;border-radius:4px;text-align:left;text-decoration:none;white-space:nowrap;font-size:12px}.native-menu button:hover,.native-menu a:hover{background:#2476ce;color:#fff}.native-menu button:disabled{opacity:.4;background:none}.native-menu-current{padding:6px 8px;margin:0;font-size:12px}.native-menu-note{max-width:190px;margin:0;padding:6px 8px;white-space:normal;font-size:10px;line-height:1.5;color:#c4c8c6}.native-menu-divider{height:1px;background:#ffffff24;margin:4px}.native-menu-tick{width:15px;display:inline-block}
.native-list-anchor .native-menu{left:50%;transform:translateX(-50%)}
.native-confirmation{position:absolute;z-index:40;inset:0;display:flex;flex-direction:column;justify-content:center;padding:24px;border-radius:9px;background:#292b2df7;backdrop-filter:blur(16px);font-size:12px}.native-confirmation h3{margin:0 0 10px;font-size:14px}.native-confirmation p{font-size:12px;line-height:1.5;color:#d0d1d2;margin:0 0 18px}.native-confirmation>div{display:flex;justify-content:flex-end;gap:9px}.native-confirmation button{background:#ffffff1c;min-height:30px;padding:6px 12px;border-radius:5px;font-size:12px}.native-confirmation #confirm-delete{background:#b23e3c;color:#fff}
.hero-visual .preview-caption{margin:20px 10px 0 38px;color:#4d6455}.hero-visual .caption-detail{font-size:10px;line-height:1.8;color:#526759}.native-popover .native-checkbox:focus-visible{outline-offset:0}
@media(min-width:1440px){.hero-visual{padding:0;margin-left:0}.mac-desktop{min-height:390px}}
@media(max-width:1050px){.hero-visual{padding:0}.mac-menu-bar{gap:8px;padding-inline:9px}.mac-system-items{gap:9px}.mac-date{display:none}.native-popover{margin-right:16px}}
@media(max-width:780px){.hero-visual{width:min(520px,100%);padding:0}.mac-desktop{min-height:370px}.mac-date{display:inline}.native-popover{margin-right:24px}}
@media(max-width:560px){.hero-visual{padding:0}.mac-desktop{min-height:354px;border-radius:11px}.mac-menu-bar{border-radius:10px 10px 0 0;gap:7px;padding-inline:9px}.mac-system-items{gap:9px}.mac-date{display:none}.mac-clock{font-size:10.5px}.native-popover{max-width:calc(100% - 20px);margin:13px auto 54px}.native-popover:before{left:var(--popover-anchor,24px)}.hero-visual .preview-caption{margin-left:29px;font-size:11px}.hero-visual .caption-detail{font-size:9px}.native-task-row{height:40px}.native-menu button,.native-menu a{min-height:40px}.native-checkbox{width:22px;height:22px;background-size:20px 18px}.native-footer #task-count{font-size:10.5px}.native-undo{gap:6px}.native-undo>span{font-size:10.5px}.native-undo button{font-size:11.5px}.native-row-actions{visibility:visible}.native-row-actions button{width:22px;height:30px}}
@media(max-width:360px){.mac-system-items{gap:7px}.mac-spotlight{display:none!important}.native-header,.native-footer{padding-inline:9px}.native-task-row{padding-inline:9px;gap:6px}.native-task-title{font-size:12px}.native-row-actions button{width:18px}.native-footer #task-count{font-size:10px}.native-done{font-size:10px!important}.native-popover{max-width:calc(100% - 18px)}}