.todo-page{--todo-sakura: #e978a5;--todo-sakura-deep: #c95586;--todo-lavender: #8f83dc;--todo-gold: #efbd62;display:grid;gap:2rem}.todo-hero{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);gap:1rem;align-items:stretch;padding:1.35rem;border-color:#d9639147;background:radial-gradient(circle at 9% 14%,rgba(255,198,218,.38),transparent 13rem),radial-gradient(circle at 72% 110%,rgba(160,148,232,.24),transparent 18rem),var(--glass-page-bg);box-shadow:0 22px 58px #7b3e6f1a,inset 0 1px #ffffffeb;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.todo-hero:after{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 17% 24%,rgba(235,119,164,.19) 0 .27rem,transparent .31rem),radial-gradient(ellipse at 23% 15%,rgba(239,189,98,.16) 0 .2rem,transparent .24rem),radial-gradient(ellipse at 51% 82%,rgba(143,131,220,.14) 0 .25rem,transparent .29rem),repeating-linear-gradient(116deg,transparent 0 3.9rem,rgba(223,111,155,.035) 4rem 4.06rem,transparent 4.12rem 7.2rem);content:"";pointer-events:none}.todo-hero>*{position:relative;z-index:1}.todo-hero:hover,.todo-shell:hover{transform:none}.todo-hero h1{font-size:3.35rem}.todo-readout{position:relative;display:grid;align-content:start;gap:.45rem;min-height:10.5rem;padding:1rem;overflow:hidden;border:1px solid rgba(231,128,168,.38);border-radius:10px;background:radial-gradient(circle at 94% 6%,rgba(231,111,157,.24),transparent 9rem),radial-gradient(circle at 6% 110%,rgba(138,126,220,.2),transparent 11rem),var(--glass-hud-bg);box-shadow:inset 0 1px #ffcbe124,0 16px 36px #31194229;isolation:isolate}.todo-readout:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,151,193,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,218,255,.045) 1px,transparent 1px);background-size:1.2rem 1.2rem;content:"";mask-image:linear-gradient(90deg,#000,transparent 88%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 88%)}.todo-readout-copy{position:relative;z-index:2;display:grid;gap:.45rem;max-width:78%}.todo-readout .meta-code{color:#8de7ff;text-shadow:0 0 14px rgba(103,222,250,.28)}.todo-readout strong{color:#f4fcff}.todo-readout p{color:#cfebf5bd}.todo-focus-session{position:relative;z-index:3;display:grid;gap:.22rem;max-width:82%;margin-top:auto;padding:.62rem .7rem;border:1px solid rgba(238,139,178,.32);border-radius:7px;background:linear-gradient(135deg,#ff90be14,#53cef40f),var(--glass-nested-bg);box-shadow:inset 2px 0 #f187b0d1,0 0 18px #ee82ae0f;color:#ddf4fcd6;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.todo-focus-session[hidden]{display:none}.todo-focus-session>strong{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.todo-focus-session>span:last-child{display:flex;justify-content:space-between;gap:.6rem;color:#b0e0f0bd;font-family:Courier New,Consolas,monospace;font-size:.7rem}.todo-focus-session[data-session-status=paused]{border-color:#ffbe5759;box-shadow:inset 2px 0 #ffb746c7}.todo-focus-session:hover,.todo-focus-session:focus-visible{border-color:#f69fc2a8;background:linear-gradient(135deg,#ff90be29,#53cef41f),var(--glass-nested-bg);box-shadow:inset 2px 0 0 var(--todo-gold),0 0 22px #ea73a11f;transform:translateY(-1px)}.todo-operator-cameo{position:absolute;right:-2.4rem;bottom:-.8rem;z-index:1;width:20rem;opacity:.24;filter:drop-shadow(0 0 1.2rem rgba(241,126,173,.2)) drop-shadow(0 0 .7rem rgba(71,213,255,.14));pointer-events:none}.todo-operator-cameo img{display:block;width:100%;height:auto}.todo-shell{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);gap:1rem;align-items:start;padding:1rem;border-color:#d568933d;background:radial-gradient(circle at 104% 0%,rgba(236,144,180,.2),transparent 20rem),radial-gradient(circle at 14% 105%,rgba(149,136,224,.16),transparent 19rem),var(--glass-page-bg);box-shadow:0 22px 58px #5d366617,inset 0 1px #fffffff0;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.todo-nav{position:sticky;top:5.4rem;display:grid;gap:.45rem;padding:.7rem;border:1px solid rgba(237,134,175,.32);border-radius:10px;background:radial-gradient(circle at 88% 4%,rgba(235,113,161,.23),transparent 9rem),var(--glass-hud-bg);box-shadow:inset 0 1px #ffc6de1f,0 14px 32px #2b1d4129}.todo-tab{display:flex;align-items:center;justify-content:space-between;min-height:2.65rem;padding:.52rem .65rem;border:1px solid transparent;border-radius:6px;background:transparent;color:#d7f0f9c2;font:inherit;font-weight:700;cursor:pointer}.todo-tab strong{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;min-height:1.8rem;border-radius:999px;background:#d3f4ff17;color:#b9e4f3c2;font-size:.78rem}.todo-tab:hover,.todo-tab.is-active{border-color:#ed8eb475;background:linear-gradient(135deg,#e2659742,#6758ae4d 52%,#08527770);box-shadow:inset 3px 0 0 var(--todo-gold),0 0 16px #e66f9d12;color:#fff}.todo-tab.is-active strong{background:#6fe0ff29;color:#e8faff}.todo-main,.todo-detail{min-width:0}.todo-main{display:grid;gap:1rem}.todo-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.todo-summary{display:grid;gap:.35rem;color:var(--text-muted);font-family:Courier New,Consolas,monospace;font-size:.78rem;font-weight:700;text-align:right}.todo-form{display:grid;gap:.7rem;padding:.85rem;border:1px solid rgba(208,102,145,.2);border-radius:8px;background:var(--glass-strong-bg)}.todo-quick-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center}.todo-form label{display:grid;gap:.35rem;color:var(--text-secondary);font-weight:700}.todo-form input,.todo-form textarea,.todo-form select,.todo-actions select{width:100%;min-height:var(--control-height);padding:var(--control-padding);border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--glass-strong-bg);color:var(--text-primary);font:inherit}.todo-form textarea{min-height:4.6rem;resize:vertical}.todo-more-options{display:grid;gap:.75rem}.todo-more-options summary{width:fit-content;padding:.38rem .55rem;border:1px solid rgba(35,141,206,.16);border-radius:999px;background:linear-gradient(135deg,#ffffffd1,#ffecf5c2);color:var(--text-secondary);font-size:.86rem;font-weight:700;cursor:pointer}.todo-more-options[open] summary{margin-bottom:.65rem;color:var(--electric)}.todo-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.todo-options,.todo-form-actions{display:flex;flex-wrap:wrap;gap:.75rem}.todo-options label{display:inline-flex;align-items:center;gap:.45rem}.todo-options input{width:auto;min-height:auto}.todo-list{display:grid;gap:.72rem;min-width:0}.todo-item{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(138px,.28fr);grid-template-areas:"check main actions";gap:.78rem;align-items:start;padding:.82rem;border:1px solid rgba(193,105,152,.2);border-radius:8px;background:var(--glass-nested-bg);cursor:default;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.todo-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,.28fr);gap:.65rem;padding:.75rem;border:1px solid rgba(205,97,142,.18);border-radius:8px;background:var(--glass-strong-bg)}.todo-tools label{display:grid;gap:.32rem;color:var(--text-secondary);font-size:.82rem;font-weight:700}.todo-tools input,.todo-tools select{width:100%;min-height:var(--control-height);padding:var(--control-padding);border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--glass-strong-bg);color:var(--text-primary);font:inherit}.todo-tools input:focus-visible,.todo-tools select:focus-visible{border-color:#46d3f08f;box-shadow:0 0 0 3px var(--control-focus);outline:2px solid transparent}.todo-item:hover{border-color:#d6659261;box-shadow:0 12px 28px #713a681a,0 0 18px #ee99ba0f;transform:translateY(-1px)}.todo-item.is-selected{border-color:#d25c8b75;box-shadow:inset 3px 0 0 var(--todo-sakura),0 10px 26px #74386b17}.todo-item.is-overdue{border-color:#d04c8a47;background:linear-gradient(135deg,#da4c891c,#7e5eb50f),var(--glass-nested-bg)}.todo-check{grid-area:check;position:relative;display:grid;place-items:center;width:1.55rem;height:1.55rem;margin-top:.2rem}.todo-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.todo-check-mark{width:1.28rem;height:1.28rem;border:1px solid rgba(0,143,206,.38);border-radius:999px;background:#ffffffe0}.todo-check input:checked+.todo-check-mark{background:linear-gradient(135deg,var(--electric),var(--sakura-soft));box-shadow:inset 0 0 0 .28rem #ffffffb8}.todo-check input:disabled{cursor:not-allowed}.todo-item.is-done{opacity:.72}.todo-item.is-done strong{color:var(--text-muted);text-decoration:line-through}.todo-item-main{grid-area:main;min-width:0}.todo-item-main p{margin:.25rem 0 .45rem;color:var(--text-secondary)}.todo-item-top,.todo-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.todo-star,.todo-star-readonly{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid rgba(35,141,206,.16);border-radius:999px;background:#ffffffb8;color:var(--text-faint);font-size:1rem;line-height:1}.todo-star{cursor:pointer}.todo-star.is-important,.todo-star-readonly.is-important{border-color:#c4910052;color:var(--warning)}.todo-meta{color:var(--text-muted);font-size:.86rem}.todo-overdue{color:var(--signal);font-weight:700}.todo-actions{grid-area:actions;display:grid;gap:.45rem;min-width:0}.todo-actions .button{width:100%;min-height:2.75rem;padding:.48rem .65rem}.todo-item.is-busy{opacity:.68}.todo-actions .todo-view{border-color:#c4618d42;background:linear-gradient(135deg,#ffeef6e0,#eef7ffd1);color:var(--electric)}.todo-manage{display:grid;gap:.45rem}.todo-manage summary{display:grid;place-items:center;min-height:2.75rem;padding:.48rem .65rem;border:1px solid rgba(196,97,141,.24);border-radius:6px;background:#ffffffb3;color:var(--text-secondary);font-weight:700;cursor:pointer;list-style:none}.todo-manage summary::-webkit-details-marker{display:none}.todo-manage[open] summary{color:var(--electric)}.todo-manage-menu{display:grid;gap:.45rem;margin-top:.45rem}.todo-delete{color:var(--signal)}.todo-item :is(button,select):disabled,.todo-form[aria-busy=true] :is(input,textarea,select,button){opacity:.52;cursor:wait}.todo-detail{position:fixed;top:7.5rem;right:1rem;z-index:180;width:min(28rem,calc(100vw - 2rem));max-height:calc(100dvh - 8.5rem);overflow:auto;opacity:0;pointer-events:none;transform:translate(1rem);transition:opacity .16s ease,transform .16s ease}.todo-detail.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.todo-detail-inner{display:grid;gap:.8rem;padding:.9rem;border:1px solid rgba(204,98,143,.32);border-radius:12px;background:radial-gradient(circle at 100% 0%,rgba(229,128,169,.18),transparent 13rem),var(--glass-strong-bg);box-shadow:0 24px 70px #301a3d40,0 0 26px #ea7da814,inset 0 1px #fffffff5;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.todo-detail-head,.todo-detail-title,.todo-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}.todo-detail-head .button{min-height:2.25rem;padding:.45rem .65rem}.todo-detail-content{display:grid;gap:.8rem}.todo-detail-content p{color:var(--text-secondary)}.todo-detail-content dl{display:grid;gap:.55rem;margin:0}.todo-detail-content dl div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.65rem;padding-bottom:.45rem;border-bottom:1px solid rgba(35,141,206,.1)}.todo-detail-content dt{color:var(--text-muted);font-family:Courier New,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em}.todo-detail-content dd{min-width:0;margin:0;color:var(--text-primary);overflow-wrap:anywhere}@media(max-width:980px){.todo-hero,.todo-shell,.todo-tools{grid-template-columns:1fr}.todo-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-item{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check main" "actions actions"}.todo-actions{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr))}.todo-nav{position:static;display:flex;overflow-x:auto;padding-bottom:.25rem;scroll-padding-inline:.7rem;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain;mask-image:linear-gradient(90deg,transparent,#000 .8rem,#000 calc(100% - .8rem),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 .8rem,#000 calc(100% - .8rem),transparent)}.todo-tab{flex:0 0 auto;min-width:8.5rem;scroll-snap-align:center}.todo-detail{top:auto;right:.65rem;bottom:.65rem;left:.65rem;width:auto;max-height:min(72dvh,38rem);transform:translateY(1rem)}.todo-detail.is-open{transform:translateY(0)}}@media(max-width:560px){.todo-form-grid{grid-template-columns:1fr}.todo-hero h1{font-size:2.45rem}.todo-list-head,.todo-quick-add,.todo-form-actions,.todo-detail-head,.todo-detail-title,.todo-detail-actions{display:grid;grid-template-columns:1fr;text-align:left}.todo-summary{text-align:left}.todo-readout-copy,.todo-focus-session{max-width:84%}.todo-operator-cameo{right:-3.8rem;width:18rem;opacity:.18}.todo-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-actions .todo-focus{grid-column:1 / -1}.todo-actions .todo-view:last-child{grid-column:1 / -1}.todo-actions select{width:100%}}@media(max-width:660px){.todo-hero,.todo-shell,.todo-detail-inner{backdrop-filter:var(--glass-filter-mobile);-webkit-backdrop-filter:var(--glass-filter-mobile)}}@media(prefers-reduced-motion:reduce){.todo-focus-session{transition:none}.todo-focus-session:hover,.todo-focus-session:focus-visible{transform:none}}