.dm-frame{--w:1200;--h:660;--s:1;width:100%;height:calc(var(--h) * var(--s) * 1px);position:relative}.dm-stage{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);transform:translateX(-50%) scale(var(--s));transform-origin:top;font-family:var(--font-system);-webkit-font-smoothing:antialiased;--bg:#fff;--surface:#f5f5f5;--border:#e5e5e5;--fg:#0a0a0a;--muted:#737373;--accent:#2563eb;--primary:#2563eb;--pfg:#fff;--compose:#ededed;--cfg:#0a0a0a;--star:#f59e0b;--destructive:#dc2626;--success:#16a34a;--archive:#ca8a04;--glass:color-mix(in srgb, var(--bg) 62%, transparent);--glass-edge:#ffffff8c;--win-edge:#00000024;position:absolute;top:0;left:50%}.dm-stage[data-appearance=black]{--star:#fbbf24;--destructive:#ef4444;--success:#22c55e;--archive:#eab308;--glass-edge:#ffffff24;--win-edge:#ffffff29}.dm-frame[data-device=phone] .dm-mac,.dm-frame[data-device=phone] .dm-cursor,.dm-frame[data-device=mac] .dm-phone{display:none}.dm-frame[data-device=phone] .dm-phone{left:0}.dm-stage :where(.dm-mac,.dm-phone,.dm-mac *,.dm-phone *){transition:background-color .45s,border-color .45s,color .45s,box-shadow .45s}.dm-stage :where(svg,svg *){transition:none}.dm-mac{background:var(--bg);width:398px;height:580px;color:var(--fg);box-shadow:0 0 0 1px var(--win-edge), 0 2px 6px #0000000f, 0 40px 90px -24px #00000061;border-radius:16px;display:flex;position:absolute;top:35px;left:251px;overflow:hidden}.dm-col{border-right:1px solid var(--border);flex:none;width:398px;height:100%;position:relative}.dm-lights{z-index:3;gap:8px;display:flex;position:absolute;top:20px;left:18px}.dm-lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.dm-lights i:nth-child(2){background:#febc2e}.dm-lights i:nth-child(3){background:#28c840}.dm-head{z-index:2;background:var(--glass);backdrop-filter:blur(20px)saturate(180%);justify-content:center;align-items:center;height:52px;padding:0 8px;display:flex;position:relative}.dm-title{letter-spacing:-.01em;align-items:center;gap:4px;font-size:17px;font-weight:600;display:inline-flex}.dm-title svg{color:var(--muted)}.dm-hbtn{width:32px;height:32px;color:var(--muted);place-items:center;display:grid;position:absolute;top:10px}.dm-mac .dm-head{backdrop-filter:none;background:0 0;padding-left:66px;position:absolute;top:0;left:0;right:0}.dm-mac .dm-hbtn{right:8px}.dm-rail{flex-direction:column;align-items:center;width:58px;display:flex;position:absolute;top:52px;bottom:0;left:0}.dm-rail-group{flex-direction:column;align-items:center;gap:2px;padding:3px 0 10px;display:flex}.dm-rail-group.is-foot{gap:10px;margin-top:auto;padding:8px 0 14px}.dm-rail hr{background:var(--border);border:0;width:16px;height:1px;margin:8px 0}.dm-cell{width:34px;height:34px;color:var(--muted);letter-spacing:-.06em;border-radius:9px;place-items:center;font-size:15px;font-weight:700;display:grid;position:relative}.dm-cell.is-on{background:var(--surface);color:var(--fg)}.dm-badge{box-sizing:content-box;border:2px solid var(--bg);background:var(--destructive);color:#fff;text-align:center;letter-spacing:0;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-3px;right:-9px}.dm-me{background:var(--surface);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:grid}.dm-main{flex-direction:column;height:100%;margin-left:58px;padding-top:52px;display:flex}.dm-tabs{gap:2px;padding:3px 0 8px 15px;display:flex}.dm-tab{height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:baseline;gap:5px;margin:3px 0;padding:0 10px;font-size:13px;font-weight:500;line-height:28px;display:flex}.dm-tab small{font-size:11px;font-weight:500}.dm-tab.is-on{background:color-mix(in srgb, var(--fg) 7%, transparent);color:var(--fg);font-weight:600}.dm-glassbtn{background:var(--glass);width:48px;height:48px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--glass-edge), 0 6px 20px -8px #0000004d;backdrop-filter:blur(14px)saturate(180%);border-radius:50%;place-items:center;display:grid}.dm-compose{background:color-mix(in srgb, var(--compose) 92%, transparent);color:var(--cfg)}.dm-dock{z-index:4;gap:10px;display:flex;position:absolute;bottom:16px;right:16px}.dm-list{flex:1;margin:0;padding:0;list-style:none;overflow:hidden}.dm-slot{position:relative;overflow:hidden}.dm-slot[data-fresh]{height:0}.dm-slot[data-fresh] .dm-row{opacity:0}.dm-row{background:var(--bg);border-bottom:1px solid var(--border);will-change:transform;align-items:flex-start;gap:10px;padding:12px 16px 12px 22px;display:flex;position:relative;overflow:hidden}.dm-row.is-selected{background:var(--surface)}.dm-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:28px;left:8px;transform:scale(0)}.dm-row[data-unread] .dm-dot{transform:scale(1)}.dm-avatar{background:var(--surface);width:36px;height:36px;color:var(--muted);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.dm-row.is-selected .dm-avatar{background:var(--bg)}.dm-body{flex:1;min-width:0;line-height:1.3}.dm-top{justify-content:space-between;gap:8px;font-size:14px;display:flex}.dm-from{font-weight:500}.dm-row[data-unread] .dm-from,.dm-row[data-unread] .dm-subj{font-weight:700}.dm-top time{color:var(--muted);flex:none;font-size:12px}.dm-subj{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dm-snip{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dm-row:has(.dm-star) .dm-snip{padding-right:20px}.dm-star{color:var(--star);position:absolute;bottom:12px;right:16px}.dm-streak{pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 38%,#e8445a24 54%,#f2a33a52 62%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.dm-under{background:var(--archive);color:#fff;align-items:center;gap:8px;padding-left:20px;font-size:13px;font-weight:600;display:flex;position:absolute;inset:0}.dm-reader{opacity:0;flex-direction:column;flex:none;width:441px;display:flex;position:relative}.dm-rhead{z-index:2;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 12px 0 24px;display:flex;position:relative}.dm-rhead h3{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.dm-close{width:30px;height:30px;color:var(--fg);border-radius:50%;flex:none;place-items:center;display:grid}.dm-rbody{padding:8px 24px 0;font-size:14px;line-height:1.5}.dm-glassbar{z-index:4;justify-content:center;gap:8px;display:flex;position:absolute;bottom:14px;left:0;right:0}.dm-glassgroup,.dm-close{background:color-mix(in srgb, var(--surface) 72%, transparent);box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1px 0 0 #ffffff59, 0 8px 24px -10px #00000059, 0 1px 3px #0000000f;backdrop-filter:blur(14px)saturate(180%)}.dm-glassgroup{color:var(--fg);border-radius:999px;gap:2px;padding:4px 6px;display:flex}.dm-gbtn{place-items:center;width:34px;height:34px;display:grid}.dm-rmeta{align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.dm-rmeta small{color:var(--muted);font-size:12px;display:block}.dm-rbody p{margin:0 0 12px}.dm-sent{opacity:0;height:0;overflow:hidden}.dm-sent>div{border-top:1px solid var(--border);padding-top:12px}.dm-sent .dm-rmeta{margin-bottom:8px}.dm-sent p{margin:0}.dm-chip{--c:var(--muted);background:var(--surface);color:var(--muted);font:inherit;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:4px;padding:1px 6px;font-size:11px;line-height:1.4;display:inline-flex;position:relative}.dm-chip i{background:var(--c);width:6px;height:6px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 8%, transparent);border-radius:50%;flex:none}.dm-row.is-selected .dm-chip{background:var(--bg)}.dm-chips{gap:4px;padding-top:3px;display:flex}.dm-chips[data-later]{opacity:0;height:0;padding-top:0;overflow:hidden}.dm-labels{gap:6px;padding:4px 0 8px;display:flex}.dm-labels .dm-chip{padding:3px 8px;font-size:12px}.dm-chip-plus{opacity:0;width:0;margin-right:-4px;overflow:hidden}.dm-chip-ai.is-suggested{background:0 0;padding-left:7px}.dm-chip-ai.is-suggested .dm-chip-plus{opacity:1;width:9px;margin-right:0}.dm-chip-ai.is-suggested:before{opacity:.55}.dm-chip-ai:before{content:"";border-radius:inherit;background:var(--ai);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dm-stage{--ai:conic-gradient(#ff9f0a, #ff385e, #bf59f2, #0a84ff, #ff9f0a)}.dm-fold{height:0;overflow:hidden}.dm-aiborder{position:relative}.dm-aiborder:before{content:"";border-radius:inherit;background:var(--ai);-webkit-mask-composite:xor;opacity:.55;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.dm-sum{background:var(--surface);border-radius:14px;margin-bottom:8px;padding:11px 14px 12px}.dm-sum-head{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.dm-sum-head b{flex:1;font-weight:600}.dm-ai-mark{background:var(--ai);width:13px;height:13px;-webkit-mask:url(/apple-intelligence.svg) 50%/contain no-repeat;mask:url(/apple-intelligence.svg) 50%/contain no-repeat}.dm-ai-mark.is-writing{animation:1.1s ease-in-out infinite dm-breathe}.dm-sum-wait{gap:8px;padding:10px 0 4px;display:grid}.dm-sum-wait i{background:color-mix(in srgb, var(--muted) 18%, transparent);border-radius:999px;height:9px;animation:.9s ease-in-out infinite alternate dm-breathe}.dm-sum-wait i:last-child{margin-right:72px}.dm-sum-body{padding-top:8px;display:none}.dm-sum-body p{margin:0}.dm-gist{min-height:19px;font-size:13.5px;line-height:1.4}.dm-sum-body .dm-point{color:color-mix(in srgb, var(--fg) 85%, transparent);margin-top:6px;padding-left:12px;font-size:12.5px;line-height:1.35;position:relative}.dm-point:before{content:"";background:var(--muted);border-radius:50%;width:4px;height:4px;position:absolute;top:.55em;left:1px}.dm-sum-body .dm-ask{align-items:baseline;gap:6px;margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.35;display:flex}.dm-ask svg{color:var(--accent);flex:none}@keyframes dm-breathe{0%{opacity:1}to{opacity:.4}}@media (prefers-reduced-motion:reduce){.dm-ai-mark.is-writing,.dm-sum-wait i{animation:none}}.dm-earlier{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 0;font-size:12.5px;display:flex}.dm-earlier .dm-avatar{width:22px;height:22px;font-size:9px}.dm-earlier span:last-child{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-earlier+.dm-rmeta{margin-top:14px}.dm-reply{border:1px solid var(--border);background:var(--bg);border-radius:14px;height:42px;padding:11px 14px;font-size:14px;position:absolute;bottom:66px;left:20px;right:20px;overflow:hidden}.dm-reply-text{min-height:20px;display:block}.dm-reply-text:empty:before{content:"Reply to Maya";color:var(--muted)}.dm-send{background:var(--primary);height:30px;color:var(--pfg);opacity:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;right:10px}.dm-cap{--cap:var(--accent);z-index:5;background:color-mix(in srgb, var(--cap) 14%, var(--bg));height:36px;color:var(--cap);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cap) 22%, transparent), 0 6px 20px -6px #00000040;backdrop-filter:blur(16px)saturate(180%);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:600;display:flex;position:absolute;top:0;left:50%}.dm-cap[data-state=sent]{--cap:var(--success)}.dm-cap[data-state=archived]{--cap:var(--accent)}.dm-cap-ico{background:color-mix(in srgb, var(--cap) 18%, transparent);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:relative}.dm-cap-ico>*{position:absolute}.dm-cap-ico svg.dm-ring{width:24px;height:24px;inset:0;transform:rotate(-90deg)}.dm-cap-label{padding-right:2px}.dm-cap-btn{background:color-mix(in srgb, var(--cap) 14%, transparent);border-radius:999px;height:24px;padding:0 10px;line-height:24px}.dm-cap[data-state=sending] .dm-cap-btn,.dm-cap[data-state=sent] .dm-cap-btn{display:none}.dm-cap .i-up,.dm-cap .i-spin,.dm-cap .i-ok,.dm-cap .i-arch{opacity:0}.dm-cap[data-state=held] .i-up,.dm-cap[data-state=sending] .i-spin,.dm-cap[data-state=sent] .i-ok,.dm-cap[data-state=archived] .i-arch{opacity:1}.dm-cap[data-state=sending] .i-spin{animation:.9s linear infinite dm-spin}.dm-cap svg.dm-ring{opacity:0}.dm-cap[data-state=held] svg.dm-ring{opacity:1}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-mac .dm-cap{top:8px;left:228px}.dm-cursor{z-index:20;opacity:0;filter:drop-shadow(0 2px 3px #00000059);pointer-events:none;width:20px;height:24px;position:absolute;top:0;left:0}.dm-phone{background:#0b0b0d;border-radius:54px;width:320px;height:650px;padding:10px;position:absolute;top:5px;left:880px;box-shadow:0 0 0 1.5px #3a3a40,0 0 0 3px #131316,0 40px 90px -24px #00000080}.dm-screen{background:var(--bg);width:100%;height:100%;color:var(--fg);border-radius:44px;flex-direction:column;display:flex;position:relative;overflow:hidden}.dm-island{z-index:6;background:#000;border-radius:999px;width:92px;height:27px;margin-left:-46px;position:absolute;top:11px;left:50%}.dm-status{z-index:3;background:var(--glass);backdrop-filter:blur(20px)saturate(180%);justify-content:space-between;align-items:center;height:50px;padding:6px 28px 0 30px;font-size:15px;font-weight:600;display:flex;position:relative}.dm-phone .dm-head{height:48px}.dm-phone .dm-hbtn{left:10px}.dm-phone .dm-tabs{padding-left:12px}.dm-phone .dm-row{padding:11px 14px 11px 22px}.dm-phone .dm-dot{top:26px}.dm-phone .dm-list{overflow:hidden}.dm-bar{z-index:4;gap:10px;display:flex;position:absolute;bottom:26px;left:16px;right:16px}.dm-bar .dm-glassbtn{width:48px;height:48px}.dm-field{background:var(--glass);height:48px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--glass-edge), 0 6px 20px -8px #0000004d;backdrop-filter:blur(14px)saturate(180%);border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 16px;font-size:16px;display:flex}.dm-home{z-index:4;background:var(--fg);opacity:.85;border-radius:2px;width:118px;height:4px;margin-left:-59px;position:absolute;bottom:8px;left:50%}.dm-phone .dm-cap{top:58px}.dm-touch{z-index:5;opacity:0;pointer-events:none;background:#80808061;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #ffffff59}.dm-themes-scroll{background:var(--muted);scrollbar-width:none;border-radius:9999px;max-width:100%;overflow-x:auto}.dm-themes-scroll::-webkit-scrollbar{display:none}.dm-themes{width:max-content;padding:4px;display:flex;position:relative}.dm-theme-pill{background:var(--background);width:0;box-shadow:0 1px 2px #0000000f, 0 0 0 1px var(--border);will-change:transform, width;border-radius:9999px;position:absolute;top:4px;bottom:4px;left:0}.dm-theme{z-index:1;white-space:nowrap;color:var(--muted-foreground);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:14px;font-weight:500;line-height:20px;transition:color .18s,transform .16s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.dm-theme[aria-checked=true]{color:var(--foreground)}.dm-theme:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.dm-theme:hover{color:var(--foreground)}}.dm-theme:focus-visible,.dm-appearance:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.dm-theme-glyph{background:conic-gradient(from 45deg, var(--g-primary) 0 33.34%, var(--g-compose) 0 66.67%, var(--g-bg) 0);border-radius:50%;flex:none;width:18px;height:18px;transition:transform .3s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 0 0 1px #80808066}.dm-theme[aria-checked=true] .dm-theme-glyph{transform:rotate(120deg)}.dm-appearance{z-index:10;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:6px;width:6.25rem;padding:6px 0;font-weight:500;transition:color .18s,transform .16s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.dm-appearance:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.dm-cap[data-state=sending] .i-spin{animation:none}}#bento{--gutter:1.5rem}#bento .cell{border:1px solid var(--border);background:var(--card);border-radius:1.75rem;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}#bento .vis{flex:1;min-height:15rem;position:relative;overflow:hidden}#bento .vis-center{padding:1.5rem var(--gutter) 1.75rem;place-items:center;display:grid}#bento .vis-left{padding:1.5rem var(--gutter) 1.75rem;align-items:center;display:flex}#bento .cell-copy{padding:1.75rem var(--gutter) 0;letter-spacing:-.011em;max-width:34rem;color:var(--muted-foreground);text-wrap:pretty;font-size:1.0625rem;line-height:1.45}#bento .cell-copy b{color:var(--foreground);font-weight:600}#bento .bar{background:color-mix(in srgb, var(--foreground) 16%, transparent);border-radius:999px;height:7px;display:block}#bento .bar-faint{background:color-mix(in srgb, var(--foreground) 8%, transparent)}#bento .vis-bleed{min-height:17rem}#bento .bw{--list:264px;top:1.5rem;bottom:-2rem;left:var(--gutter);background:var(--background);width:fit-content;box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000a, 0 24px 48px -24px #00000038;font-family:var(--font-system);border-radius:14px 14px 0 0;display:flex;position:absolute;overflow:hidden}.dark #bento .bw{background:var(--popover);box-shadow:0 0 0 1px var(--border)}#bento .bw-list{width:var(--list);flex:none;padding:0 8px}#bento .bw-head{justify-content:center;align-items:center;height:44px;display:flex;position:relative}#bento .bw-lights{gap:7px;display:flex;position:absolute;left:6px}#bento .bw-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}#bento .bw-lights i:nth-child(2){background:#febc2e}#bento .bw-lights i:nth-child(3){background:#28c840}#bento .bw-title{font-size:14px;font-weight:700}#bento .bw-row{border-radius:10px;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex;position:relative}#bento .bw-row[data-selected]{transition:background-color .25s}#bento .bw-row[data-selected][data-on]{background:color-mix(in srgb, var(--foreground) 6%, transparent)}#bento .bw-row[data-unread]:before{content:"";background:#2563eb;border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:4px}#bento .bw-avatar{background:color-mix(in srgb, var(--foreground) 8%, transparent);width:32px;height:32px;color:var(--muted-foreground);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}#bento .bw-text{flex-direction:column;flex:1;gap:2px;min-width:0;line-height:1.3;display:flex}#bento .bw-top{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}#bento .bw-top b{font-weight:600}#bento .bw-top time{color:var(--muted-foreground);flex:none;font-size:11.5px}#bento .bw-subj{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}#bento .bw-row[data-unread] .bw-subj{color:var(--foreground);font-weight:500}#bento .bw-reader{border-left:1px solid var(--border);flex:none;width:0;overflow:hidden}#bento .bw[data-compact]{width:var(--room)}#bento .bw[data-compact] .bw-reader{background:inherit;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 24px -16px #00000040}#bento .bw-reader-in{width:var(--reader,380px);padding:14px 20px}#bento .bw-rsubj{letter-spacing:-.01em;font-size:16px;font-weight:700}#bento .bw-rmeta{align-items:center;gap:10px;margin:16px 0 12px;font-size:13px;line-height:1.3;display:flex}#bento .bw-rmeta b{font-weight:600;display:block}#bento .bw-rmeta small{color:var(--muted-foreground);font-size:11.5px}#bento .bw-rbody{margin-bottom:14px;font-size:13.5px;line-height:1.45}#bento .keys{gap:14px;display:flex}#bento .key-col{flex-direction:column;align-items:center;gap:12px;display:flex}#bento .keycap{background:linear-gradient(to bottom, var(--background), color-mix(in srgb, var(--background) 94%, var(--foreground)));width:56px;height:56px;box-shadow:0 0 0 1px var(--border), 0 2px 0 0 color-mix(in srgb, var(--foreground) 12%, transparent), 0 6px 14px -6px #0000002e;font-family:var(--font-system);color:var(--foreground);border-radius:12px;place-items:center;font-size:20px;font-weight:500;transition:color .2s,box-shadow .2s;display:grid}.dark #bento .keycap{background:linear-gradient(#1c1c1c,#141414);box-shadow:0 0 0 1px #2a2a2a,0 2px #050505,inset 0 1px #ffffff0f}#bento .key-label{color:var(--muted-foreground);font-size:13px;transition:color .2s}#bento [data-key][data-active] .keycap{color:var(--ember-text);box-shadow:0 0 0 1.5px var(--ember), 0 1px 0 0 color-mix(in srgb, var(--ember) 40%, transparent), 0 0 22px -4px color-mix(in srgb, var(--ember) 45%, transparent)}#bento [data-key][data-active] .key-label{color:var(--foreground)}#bento .ob{width:100%;max-width:19rem;font-family:var(--font-system)}#bento .ob-head{justify-content:space-between;align-items:center;margin:0 4px 10px;font-size:12px;font-weight:600;display:flex}#bento .ob-status{color:var(--muted-foreground);align-items:center;gap:6px;transition:color .3s;display:flex}#bento .ob-status[data-online]{color:var(--success)}#bento .ob-count{font-variant-numeric:tabular-nums;color:var(--muted-foreground)}#bento .ob-list{background:var(--background);box-shadow:0 0 0 1px var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}#bento .ob-row{align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:flex}#bento .ob-row+.ob-row{border-top:1px solid var(--border)}#bento .ob-icon{color:var(--muted-foreground);flex:none}#bento .ob-text{min-width:0;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#bento .ob-text b{color:var(--foreground);font-weight:600}#bento .ob-check{background:var(--success);color:#fff;opacity:0;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}#bento .wfm-wrap{width:100%;max-width:19rem}#bento .wfm{color:#fff;font-family:var(--font-system);background:color-mix(in srgb, var(--ember) 88%, var(--background));box-shadow:inset 0 0 0 1px #ffffff38, 0 14px 32px -12px color-mix(in srgb, var(--ember) 60%, transparent);border-radius:999px;align-items:center;gap:8px;padding:4px;font-size:13px;font-weight:500;display:flex}#bento .wfm-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#bento .ai-disc,#bento .wfm-send{background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}#bento .wfm-send{color:var(--ember)}#bento .ai-glyph{background:conic-gradient(#ff9f0a,#ff385e,#bf59f2,#0a84ff,#ff9f0a);width:16px;height:16px;-webkit-mask:url(/apple-intelligence.svg) 50%/contain no-repeat;mask:url(/apple-intelligence.svg) 50%/contain no-repeat}#bento .wfm-draft{min-height:4.5em;font-family:var(--font-system);margin:14px 4px 0;font-size:14px;line-height:1.5}#bento .wfm-caret{background:var(--ember);width:2px;height:1em;margin-left:1px;display:inline-block;transform:translateY(2px)}#bento .sc{--cap:#2563eb;height:52px;font-family:var(--font-system);white-space:nowrap;color:var(--cap);background:color-mix(in srgb, var(--cap) 11%, var(--background));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cap) 22%, transparent), 0 18px 40px -16px color-mix(in srgb, var(--cap) 50%, transparent);border-radius:999px;align-items:center;gap:10px;padding:0 10px;font-size:15px;font-weight:600;transition:color .35s,background-color .35s,box-shadow .35s;display:flex}.dark #bento .sc{--cap:#3b82f6}#bento .sc[data-state=sent]{--cap:var(--success)}#bento .sc-label{flex-direction:column;gap:1px;min-width:100px;line-height:1.25;display:flex}#bento .sc-title{color:var(--foreground);font-size:14px;font-weight:600}#bento .sc-detail{color:var(--muted-foreground);font-size:12px;font-weight:400}#bento .sc-ico{background:color-mix(in srgb, var(--cap) 18%, transparent);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:background-color .35s,color .35s;display:grid;position:relative}#bento .sc-ico>*{transition:opacity .2s;position:absolute}#bento .sc-ico svg.sc-ring{opacity:0;width:32px;height:32px;inset:0;transform:rotate(-90deg)}#bento .sc[data-state=held] svg.sc-ring{opacity:1}#bento .sc .i-up,#bento .sc .i-spin,#bento .sc .i-ok{opacity:0}#bento .sc[data-state=held] .i-up,#bento .sc[data-state=sending] .i-spin,#bento .sc[data-state=sent] .i-ok{opacity:1}#bento .sc[data-state=sending] .i-spin{animation:.9s linear infinite sc-spin}#bento .sc-btn{background:color-mix(in srgb, var(--cap) 14%, transparent);border-radius:999px;height:32px;padding:0 14px;line-height:32px}#bento .sc[data-state=sending] .sc-btn,#bento .sc[data-state=sent] .sc-btn{display:none}#bento .sc[data-state=sending] .sc-label,#bento .sc[data-state=sent] .sc-label{padding-right:10px}#bento .sc[data-state=sent] .sc-ico{background:var(--success);color:#fff}@keyframes sc-spin{to{transform:rotate(360deg)}}@media (width<=767px){#bento .vis{min-height:12rem}}@media (width<=420px){#bento{--gutter:1.25rem}#bento .keys{gap:10px}#bento .keycap{width:52px;height:52px}}@media (prefers-reduced-motion:reduce){#bento .sc[data-state=sending] .i-spin{animation:none}}