.cud{--bg:var(--paper);--bg-top:var(--paper-top);--surface:var(--paper-raised);--paper-deep:var(--paper-deep);--ink-soft:var(--ink-soft);--muted:var(--muted);--rule:var(--hairline);--interrupt:var(--signal);--interrupt-soft:#f8e4db;--today:#815f00;--today-soft:#f9efc2;--week-soft:#eceadb;--radius:14px;--shadow:0 1px 0 var(--paper-deep), 0 12px 30px #17180f12;--cu-serif:var(--font-serif), Georgia, serif;--cu-mono:var(--font-mono), ui-monospace, monospace;-webkit-user-select:none;user-select:none;width:100%;max-width:420px;margin:0 auto;position:relative}.cud-frame{background:var(--ink);border-radius:38px;outline:none;width:395px;max-width:100%;margin:0 auto;padding:10px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 24px 48px -24px #17180f73}.cud-frame:focus-visible{box-shadow:0 0 0 3px var(--marker-deep), 0 24px 48px -24px #17180f73}.cud-screen{clip-path:inset(0 round 30px);isolation:isolate;height:min(720px,100svh - 180px);min-height:560px;font-family:var(--font-sans), "Helvetica Neue", Arial, sans-serif;border-radius:30px;font-size:16px;line-height:1.5;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);container-type:inline-size}@media (max-width:640px){.cud{width:calc(100% + 16px);max-width:none;margin:0 -8px}.cud-frame{border-radius:30px;width:min(100%,390px);padding:8px}.cud-screen{clip-path:inset(0 round 24px);border-radius:24px;height:min(640px,74svh);min-height:520px}}.cud .cu{background:linear-gradient(180deg, var(--bg-top), var(--bg));color:var(--ink);text-align:left;flex-direction:column;display:flex;position:absolute;inset:0}.cud button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cud .cu-top{z-index:3;background:linear-gradient(180deg, var(--bg-top) 70%, #faf8ee00);pointer-events:none;padding:16px 0 10px;position:absolute;top:0;left:0;right:0}.cud .cu-top>*{pointer-events:auto}.cud .cu-top-row{align-items:center;gap:10px;padding:0 22px;display:flex}.cud .cu-brand{font-family:var(--cu-serif);align-items:center;gap:8px;font-size:21px;font-style:italic;line-height:1;display:inline-flex}.cud .cu-switch{min-height:36px;color:var(--ink-soft);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;margin-left:auto;margin-right:-8px;padding:0 8px;font-size:13.5px;text-decoration:none;display:inline-flex}.cud .cu-top-sub{min-height:26px}.cud .cu-tabs{flex:none;align-items:center;gap:32px;display:flex}@container (max-width:380px){.cud .cu-tabs{gap:24px}}@container (max-width:350px){.cud .cu-tabs{gap:18px}.cud .cu-top-row,.cud .cu-status{padding:0 18px}}@container (max-width:330px){.cud .cu-tabs{gap:14px}.cud .cu-scope{display:none}}.cud .cu-tab{white-space:nowrap;font-family:var(--cu-mono);letter-spacing:.12em;word-spacing:-.22em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-1) ease, box-shadow var(--dur-2) var(--ease-out);background:0 0;border:0;padding:6px 0;font-size:10.5px;font-weight:600;box-shadow:inset 0 -2px #0000}.cud .cu-tab.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--marker-deep)}.cud .cu-scope{flex:none;align-items:center;margin-left:auto;margin-right:-9px;display:flex}.cud .cu-scope-btn{width:36px;height:32px;color:var(--ink-soft);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.cud .cu-progress{background:var(--rule);border-radius:3px;width:calc(100% - 44px);height:3px;margin:12px auto 0;overflow:hidden}.cud .cu-progress span{background:var(--ink);transform-origin:0;height:100%;transition:transform var(--dur-3) var(--ease-out);border-radius:3px;display:block}.cud .cu-status{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-top:2px;padding:0 22px;display:grid}.cud .cu-status>*{pointer-events:auto}.cud .cu-count{min-width:96px;min-height:40px;font-family:var(--cu-mono);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:0 0;border:0;border-radius:999px;grid-column:2;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:11.5px;display:flex}.cud .cu-count svg{opacity:.7}.cud .cu-clear{background:var(--ink);height:26px;color:var(--bg-top);font-family:var(--cu-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:cud-clear-in var(--dur-3) var(--ease-out);border:0;border-radius:999px;grid-column:3;justify-self:end;align-items:center;gap:6px;padding:0 4px 0 11px;font-size:10px;font-weight:600;display:inline-flex;position:relative}.cud .cu-clear:after{content:"";position:absolute;inset:-9px -6px}.cud .cu-clear-n{background:var(--marker);min-width:18px;height:18px;color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;animation:cud-pop var(--dur-2) var(--ease-spring);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}@keyframes cud-clear-in{0%{opacity:0;transform:translate(8px)}}@keyframes cud-pop{0%{transform:scale(.6)}}@container (max-width:350px){.cud .cu-clear-word{display:none}}.cud .cu-deck{scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;flex:1;min-height:0;overflow-y:hidden}.cud .cu-deck::-webkit-scrollbar{display:none}.cud-manual .cu-deck{overscroll-behavior-y:contain;touch-action:pan-y;overflow-y:auto}.cud .cu-slide{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;height:100%;padding:150px 26px 26px;display:flex;position:relative}@container (max-width:380px){.cud .cu-slide{padding:146px 22px 22px}}.cud .cu-card{margin:auto 0}.cud .cu-slide-read .cu-headline,.cud .cu-slide-read .cu-body,.cud .cu-slide-read .cu-kicker,.cud .cu-slide-read .cu-kicker svg{color:var(--muted)}.cud .cu-headline,.cud .cu-body,.cud .cu-kicker{transition:color var(--dur-2) ease}.cud .cu-kicker{font-family:var(--cu-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.cud .cu-kicker svg{color:var(--muted);flex:none}.cud .cu-kicker.hot,.cud .cu-kicker.hot svg{color:var(--interrupt)}.cud .cu-kicker.due,.cud .cu-kicker.due svg{color:var(--today)}.cud .cu-kicker.late,.cud .cu-kicker.late svg{color:var(--interrupt)}.cud .cu-kicker.promise{color:var(--ink-soft)}.cud .cu-chip{letter-spacing:.06em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:9.5px}.cud .cu-chip-held{color:var(--ink);background:var(--marker)}.cud .cu-chip-urg{color:var(--ink-soft);background:var(--week-soft);margin-left:auto}.cud .cu-chip-urg.today{color:var(--today);background:var(--today-soft)}.cud .cu-headline{font-family:var(--cu-serif);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;margin:18px 0 0;font-size:clamp(27px,8.4cqw,36px);font-weight:400;line-height:1.1}.cud .cu-body{color:var(--ink-soft);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:14px 0 0;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.cud .cu-meta{color:var(--muted);align-items:baseline;gap:10px;margin-top:22px;font-size:13.5px;display:flex}.cud .cu-sender{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cud .cu-when{font-family:var(--cu-mono);flex:none;font-size:11.5px}.cud .cu-foot{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:14px;padding-top:12px;display:flex}.cud .cu-actions{flex-wrap:wrap;align-items:center;gap:0 18px;min-width:0;min-height:48px;display:flex}.cud .cu-got{border:1.5px solid var(--ink);background:var(--ink);height:48px;color:var(--bg-top);transition:transform var(--dur-1) ease, background var(--dur-2) ease, color var(--dur-2) ease, border-color var(--dur-2) ease;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 20px 0 16px;font-size:15px;font-weight:600;display:inline-flex}.cud .cu-got svg{opacity:.55;transition:opacity var(--dur-2) ease}.cud .cu-got:active{transform:scale(.96)}.cud .cu-got.on{background:var(--marker);border-color:var(--marker-deep);color:var(--ink)}.cud .cu-got.on svg{opacity:1;animation:cud-tick var(--dur-3) var(--ease-spring)}@keyframes cud-tick{0%{transform:scale(.4)}}.cud .cu-act{color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:4px;background:0 0;border:0;padding:10px 0;font-size:14px}.cud .cu-act-reply{align-items:center;gap:5px;display:inline-flex}.cud .cu-act-reply svg{color:var(--ink-soft)}.cud .cu-noted{color:var(--muted);font-size:13.5px;line-height:1.4}.cud .cu-end-title{font-family:var(--cu-serif);letter-spacing:-.01em;margin:0;font-size:clamp(30px,9.4cqw,42px);font-weight:400;line-height:1.08}.cud .cu-end-first{color:var(--ink);margin:12px 0 0;font-size:15.5px;line-height:1.45}.cud .cu-end-sub{color:var(--ink-soft);margin:14px 0 0;font-size:15.5px;line-height:1.5}.cud .cu-end-links{gap:18px;margin-top:6px;display:flex}.cud .cu-brief{border-top:1px solid var(--rule);margin-top:26px;padding-top:18px}.cud .cu-brief-line{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.5}.cud .cu-next{text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);width:100%;color:var(--ink);transition:border-color var(--dur-1) ease, transform var(--dur-1) ease;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:15px 18px;font-size:16px;font-weight:600;display:flex}.cud .cu-next svg{color:var(--ink-soft);flex:none}.cud .cu-next:active{transform:scale(.99)}.cud .cu-ix{z-index:6;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.cud .cu-ix-scrim{cursor:default;background:#17180f42;border:0;padding:0;animation:.24s cud-fadein;position:absolute;inset:0}.cud .cu-ix-sheet{background:var(--bg-top);width:100%;max-height:72%;box-shadow:0 -1px 0 var(--rule), 0 -22px 60px #17180f2e;border-radius:22px 22px 0 0;outline:none;flex-direction:column;animation:.42s cubic-bezier(.32,.72,0,1) cud-up;display:flex;position:relative}@keyframes cud-fadein{0%{opacity:0}}@keyframes cud-up{0%{transform:translateY(100%)}}.cud .cu-ix-head{flex:none;padding:9px 22px 4px}.cud .cu-ix-grip{background:var(--rule);border-radius:4px;width:36px;height:4px;margin:0 auto 6px;display:block}.cud .cu-ix-bar{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.cud .cu-ix-title{font-family:var(--cu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:600}.cud .cu-ix-links{gap:16px;display:flex}.cud .cu-ix-first{padding:10px 0}.cud .cu-ix-list{overscroll-behavior:contain;border-top:1px solid var(--rule);flex:1;min-height:0;padding:0 10px 14px;overflow-y:auto}.cud .cu-ix-row{text-align:left;width:100%;min-height:48px;color:var(--ink);border:0;border-bottom:1px solid color-mix(in srgb, var(--rule) 55%, transparent);background:0 0;align-items:center;gap:12px;padding:0 12px;font-size:15px;line-height:1.3;display:flex}.cud .cu-ix-row:last-child{border-bottom:0}.cud .cu-ix-n{text-align:right;width:20px;font-family:var(--cu-mono);color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px}.cud .cu-ix-line{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.cud .cu-ix-row svg{color:var(--muted);flex:none}.cud .cu-ix-row.read .cu-ix-line,.cud .cu-ix-row.off .cu-ix-line{color:var(--muted)}.cud .cu-ix-row.here{box-shadow:inset 2px 0 0 var(--ink);font-weight:600}.cud .cu-ix-row.here .cu-ix-n{color:var(--ink)}.cud-ring{position:relative}.cud-ring:before{content:"";border-radius:inherit;border:2px solid var(--ink);opacity:0;pointer-events:none;animation:cud-ring .42s var(--ease-out) forwards;position:absolute;inset:-6px}.cud .cu-tab.cud-ring:before{border-radius:8px;inset:-4px -8px}@keyframes cud-ring{0%{opacity:.35;transform:scale(.92)}to{opacity:0;transform:scale(1.06)}}.cud-fade{z-index:8;background:var(--bg-top);opacity:0;pointer-events:none;transition:opacity .6s var(--ease-out);font-family:var(--cu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.cud-fade.on{opacity:1}.cud-annot{z-index:2;cursor:pointer;text-align:left;width:210px;color:var(--ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:96px;left:-214px}.cud-annot-word{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.01em;background-image:linear-gradient(104deg, var(--marker), var(--marker));background-position:0 70%;background-repeat:no-repeat;background-size:0% 72%;padding:0 .12em;font-size:1.45rem;font-style:italic;line-height:1.1;transition:background-size .42s .7s;display:inline-block;transform:rotate(-4deg)}.cud-annot.is-drawn .cud-annot-word{background-size:100% 72%}.cud-annot svg{width:170px;height:64px;margin:2px 0 0 28px;display:block;overflow:visible}.cud-annot path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320px}.cud-annot.is-drawn path{animation:.8s ease-out .35s forwards cud-draw}.cud-annot.is-drawn path.cud-annot-head{animation-duration:.26s;animation-delay:1.05s}@keyframes cud-draw{to{stroke-dashoffset:0}}@media (hover:hover){.cud-annot:hover .cud-annot-word{background-size:100% 88%}}@media (max-width:900px){.cud-annot{align-items:flex-end;gap:8px;width:auto;margin:0 8px 6px;display:flex;position:static}.cud-annot svg{transform-origin:0;width:110px;height:44px;margin:0 0 -4px;transform:rotate(34deg)}}.cud-reduced .cud-annot path{stroke-dashoffset:0;animation:none}.cud-reduced .cud-annot-word{background-size:100% 72%;transition:none}.cud-quiet{cursor:pointer;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:8px 10px;font-size:.9rem;text-decoration:underline}.cud-quiet:hover{color:var(--ink)}.cud-caption{text-align:center;min-height:2.6em;color:var(--ink-soft);margin:16px 4px 0;font-size:.95rem;line-height:1.4}.cud-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.cud-btn{min-height:44px}.cud-label{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 8px 0;font-size:.7rem;line-height:1.5}.cud-reduced .cu-progress span,.cud-reduced .cu-tab,.cud-reduced .cu-got{transition:none}.cud-reduced .cu-got.on svg,.cud-reduced .cu-clear,.cud-reduced .cu-clear-n,.cud-reduced .cu-ix-scrim,.cud-reduced .cu-ix-sheet{animation:none}.cud-reduced .cud-ring:before{opacity:0;animation:none}.cud-reduced .cud-fade{transition:none}
