.wt-demo{--d-bg:var(--soft);--d-surface:var(--background);--d-sunken:var(--secondary);--d-line:var(--border);--d-fg:var(--foreground);--d-fg2:var(--muted-foreground);--d-fg3:var(--small-print);--d-accent:var(--primary);--d-accent-d:var(--primary-hover);--d-accent-l:var(--accent);--d-on-accent:var(--primary-foreground);--d-good:var(--success);--d-good-l:var(--success-tint);--d-warn:var(--warning);--d-shadow:0 1px 2px #171a240a, 0 8px 24px #171a240d;--d-display:var(--font-display);--d-body:var(--font-sans);box-sizing:border-box;background:var(--d-bg);min-height:100vh;color:var(--d-fg);font:15px/1.6 var(--d-body);-webkit-font-smoothing:antialiased}.wt-demo *,.wt-demo :before,.wt-demo :after{box-sizing:border-box}.wt-demo [hidden]{display:none!important}.wt-demo h1,.wt-demo h2,.wt-demo h3{font-family:var(--d-display);text-wrap:balance;letter-spacing:-.015em;margin:0}.wt-demo p{margin:0}.wt-demo button,.wt-demo input,.wt-demo select,.wt-demo textarea{font:inherit;color:inherit}.wt-demo :focus-visible,.wt-demo :focus-visible{outline:2px solid var(--d-accent);outline-offset:2px;border-radius:6px}.wt-demo .num{font-variant-numeric:tabular-nums}.wt-demo .demo-bar{background:var(--foreground);color:var(--background);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:10px 16px;font-size:14px;display:flex}.wt-demo .demo-bar a,.wt-demo .demo-bar .bar-link{color:var(--background);text-underline-offset:3px;font-weight:600;text-decoration:underline}.wt-demo .shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.wt-demo .sidebar{top:env(safe-area-inset-top,0px);height:100vh;padding-block:24px 20px;padding-left:max(16px, env(safe-area-inset-left,0px));border-right:1px solid var(--d-line);flex-direction:column;gap:22px;padding-right:16px;display:flex;position:sticky}.wt-demo .brand{align-items:center;gap:10px;padding:0 8px;display:flex}.wt-demo .mark{background:var(--d-accent);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.wt-demo .mark svg{width:17px;height:17px}.wt-demo .brand-name{font-family:var(--d-display);letter-spacing:-.02em;font-size:18px;font-weight:800}.wt-demo .nav{flex-direction:column;gap:2px;display:flex}.wt-demo .nav a{color:var(--d-fg2);border-radius:8px;padding:8px 10px;font-weight:500;text-decoration:none;display:block}.wt-demo .nav a:hover{color:var(--d-fg);background:var(--d-sunken)}.wt-demo .nav a.active{color:var(--d-fg);background:var(--d-surface);box-shadow:var(--d-shadow);font-weight:600}.wt-demo .who{color:var(--d-fg3);margin-top:auto;padding:0 10px;font-size:13px;line-height:1.45}.wt-demo .who b{color:var(--d-fg);font-weight:600;display:block}.wt-demo .content{padding-block:48px 80px;padding-left:max(40px, env(safe-area-inset-left,0px));padding-right:max(40px, env(safe-area-inset-right,0px));width:100%;max-width:860px}.wt-demo .content.wide{max-width:1040px}.wt-demo .head{margin-bottom:28px}.wt-demo .kicker{color:var(--d-fg3);font-size:13.5px}.wt-demo .head h2{letter-spacing:-.03em;margin-top:4px;font-size:30px;font-weight:800;line-height:1.2}.wt-demo .head p{color:var(--d-fg2);max-width:58ch;margin-top:8px}.wt-demo .muted{color:var(--d-fg2)}.wt-demo .faint{color:var(--d-fg3)}.wt-demo .small{font-size:13.5px}.wt-demo .card{background:var(--d-surface);box-shadow:var(--d-shadow);border:1px solid var(--d-line);border-radius:16px;min-width:0;padding:28px}.wt-demo .section{margin-top:44px}.wt-demo .section h3{margin-bottom:14px;font-size:16px;font-weight:700}.wt-demo .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wt-demo .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.wt-demo .btn svg{width:16px;height:16px}.wt-demo .btn-primary{background:var(--d-accent);color:var(--d-on-accent)}.wt-demo .btn-primary:hover{background:var(--d-accent-d)}.wt-demo .btn-primary:disabled{background:var(--d-good);cursor:default}.wt-demo .btn-ghost{background:var(--d-surface);border-color:var(--d-line)}.wt-demo .btn-ghost:hover{background:var(--d-sunken)}.wt-demo .link{color:var(--d-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14.5px;font-weight:600;text-decoration:none}.wt-demo .link:hover{text-decoration:underline}.wt-demo .finding h3{letter-spacing:-.025em;font-size:24px;font-weight:800;line-height:1.25}.wt-demo .finding .lede{color:var(--d-fg2);max-width:56ch;margin-top:10px;font-size:16px}.wt-demo .finding .lede b{color:var(--d-fg)}.wt-demo .quote{border-left:3px solid var(--d-accent);margin-top:18px;padding-left:14px;font-style:italic}.wt-demo .quote span{color:var(--d-fg3);font-size:13px;font-style:normal;display:block}.wt-demo .reply{border-top:1px solid var(--d-line);margin-top:26px;padding-top:24px}.wt-demo .reply-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.wt-demo .reply-top b{font-family:var(--d-display);font-size:16px}.wt-demo .reply textarea{resize:vertical;border:1px solid var(--d-line);background:var(--d-bg);border-radius:12px;width:100%;min-height:250px;margin-top:12px;padding:16px 18px;font-size:15px;line-height:1.65}.wt-demo .reply textarea:focus{outline:2px solid var(--d-accent);outline-offset:0;border-color:#0000}.wt-demo .reply-foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.wt-demo .note{color:var(--d-fg2);flex:1;min-width:220px;font-size:13.5px}.wt-demo .note:before{content:"";vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.wt-demo .note.warn:before{background:var(--d-warn)}.wt-demo .note.good:before{background:var(--d-good)}.wt-demo .split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;display:grid}.wt-demo .figures{flex-wrap:wrap;gap:28px;margin-bottom:8px;display:flex}.wt-demo .fig-v{font-family:var(--d-display);font-size:28px;font-weight:800;line-height:1.1}.wt-demo .fig-l{color:var(--d-fg2);font-size:13px}.wt-demo .chart{width:100%;height:auto;margin-top:6px;display:block}.wt-demo .chart text{font-family:var(--d-body)}.wt-demo .caption{color:var(--d-fg3);margin-top:6px;font-size:13px}.wt-demo .themes{margin:0;padding:0;list-style:none}.wt-demo .themes li{border-top:1px solid var(--d-line);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 0;display:grid}.wt-demo .themes li:first-child{border-top:none;padding-top:0}.wt-demo .themes .n{font-weight:700;font-family:var(--d-display)}.wt-demo .moments{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.wt-demo .moment{text-align:left;border:1.5px solid var(--d-line);background:var(--d-surface);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;font-size:14.5px;font-weight:600;transition:border-color .12s,background .12s;display:flex}.wt-demo .moment svg{width:22px;height:22px;color:var(--d-accent)}.wt-demo .moment:hover{border-color:var(--d-accent)}.wt-demo .moment.active{border-color:var(--d-accent);background:var(--d-accent-l)}.wt-demo .composer{border-top:1px solid var(--d-line);margin-top:24px;padding-top:22px}.wt-demo .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wt-demo .field label{color:var(--d-fg2);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.wt-demo .field select,.wt-demo .field input{border:1px solid var(--d-line);background:var(--d-surface);border-radius:10px;width:100%;padding:9px 12px;font-size:14.5px}.wt-demo .qs{flex-direction:column;gap:6px;margin:18px 0 0;padding-left:20px;display:flex}.wt-demo .qs li{font-weight:500}.wt-demo .qs li span{color:var(--d-fg3);font-size:13.5px;font-weight:400;display:block}.wt-demo .composer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.wt-demo .rhythm{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.wt-demo .rhythm b{font-weight:600}.wt-demo .rhythm select{border:1px solid var(--d-line);background:var(--d-surface);border-radius:10px;padding:8px 10px}.wt-demo .switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.wt-demo .switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wt-demo .switch span{background:var(--d-line);pointer-events:none;border-radius:99px;transition:background .15s;position:absolute;inset:0}.wt-demo .switch span:after{content:"";background:var(--d-surface);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.wt-demo .switch input:checked+span{background:var(--d-accent)}.wt-demo .switch input:checked+span:after{transform:translate(18px)}.wt-demo .switch input:focus-visible+span{outline:2px solid var(--d-accent);outline-offset:2px}.wt-demo .rounds{margin:0;padding:0;list-style:none}.wt-demo .round{border-top:1px solid var(--d-line);grid-template-columns:minmax(0,1fr) 64px 140px;align-items:baseline;gap:12px;padding:12px 0;display:grid}.wt-demo .round:first-child{border-top:none}.wt-demo .round-name{font-weight:500}.wt-demo .round-name span{color:var(--d-fg3);margin-left:6px;font-size:13.5px;font-weight:400}.wt-demo .round-n{font-family:var(--d-display);text-align:right;font-weight:700}.wt-demo .round-s{color:var(--d-fg3);text-align:right;font-size:13px}.wt-demo .round-s.warn{color:var(--d-warn);font-weight:600}.wt-demo .round-s.good{color:var(--d-good)}.wt-demo .round-s.info{color:var(--d-accent);font-weight:600}.wt-demo .emp{grid-template-columns:440px minmax(0,1fr);align-items:start;gap:56px;display:grid}.wt-demo .phone-col{top:calc(env(safe-area-inset-top,0px) + 24px);flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky}.wt-demo .phone{background:var(--d-surface);border:1px solid var(--d-line);border-radius:14px;width:100%;overflow:hidden;box-shadow:0 18px 40px #171a241a}.wt-demo .phone-screen{background:var(--d-surface);flex-direction:column;height:600px;display:flex;overflow-y:auto}.wt-demo .wbar{z-index:1;background:var(--d-sunken);border-bottom:1px solid var(--d-line);color:var(--d-fg3);flex-shrink:0;align-items:center;gap:7px;padding:10px 14px;font-size:12.5px;display:flex;position:sticky;top:0}.wt-demo .wbar i{background:var(--d-line);border-radius:50%;flex-shrink:0;width:9px;height:9px}.wt-demo .wbar .addr{background:var(--d-surface);white-space:nowrap;text-overflow:ellipsis;border-radius:99px;flex:1;align-items:center;gap:6px;min-width:0;margin-left:6px;padding:4px 12px;display:flex;overflow:hidden}.wt-demo .wbar .addr svg{flex-shrink:0;width:11px;height:11px}.wt-demo .mail-head{border-bottom:1px solid var(--d-line);padding:18px 22px 14px}.wt-demo .mail-subj{font-family:var(--d-display);font-size:17px;font-weight:700;line-height:1.3}.wt-demo .mail-from{color:var(--d-fg3);align-items:center;gap:10px;margin-top:12px;font-size:13px;line-height:1.4;display:flex}.wt-demo .mail-from .mark{border-radius:50%;width:32px;height:32px}.wt-demo .mail-from b{color:var(--d-fg);font-weight:600}.wt-demo .mail-body{flex-direction:column;gap:16px;padding:20px 22px 24px;display:flex}.wt-demo .mail-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wt-demo .mail-opt{border:1.5px solid var(--d-accent);color:var(--d-accent);background:var(--d-surface);cursor:pointer;border-radius:8px;padding:11px 10px;font-size:14px;font-weight:600}.wt-demo .mail-opt:hover{background:var(--d-accent-l)}.wt-demo .mail-foot{color:var(--d-fg3);border-top:1px solid var(--d-line);padding-top:14px;font-size:12.5px}.wt-demo .ps{flex-direction:column;flex:1;gap:16px;padding:20px 20px 24px;display:flex}.wt-demo .ps-brand{font-family:var(--d-display);align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.wt-demo .ps-brand .mark{border-radius:6px;width:22px;height:22px}.wt-demo .ps-brand .mark svg{width:13px;height:13px}.wt-demo .ps-brand small{font-family:var(--d-body);color:var(--d-fg3);margin-left:auto;font-size:12px;font-weight:500}.wt-demo .changed{background:var(--d-good-l);border-radius:14px;padding:12px 14px;font-size:13.5px}.wt-demo .changed b{color:var(--d-good);font-size:12.5px;display:block}.wt-demo .ps-q{font-family:var(--d-display);font-size:18px;font-weight:700;line-height:1.3}.wt-demo .opts{flex-direction:column;gap:8px;display:flex}.wt-demo .opt{text-align:left;border:1.5px solid var(--d-line);background:var(--d-surface);cursor:pointer;border-radius:14px;padding:13px 14px;font-weight:500}.wt-demo .opt:hover{border-color:var(--d-accent)}.wt-demo .opt.sel{border-color:var(--d-accent);background:var(--d-accent-l);color:var(--d-accent)}.wt-demo .ps-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.wt-demo .ps-foot .btn{border-radius:12px;width:100%;padding:12px}.wt-demo .privacy{color:var(--d-fg3);text-align:center;font-size:12px}.wt-demo .reveal-head{font-family:var(--d-display);font-size:20px;font-weight:800;line-height:1.25}.wt-demo .rbars{flex-direction:column;gap:10px;display:flex}.wt-demo .rbar-top{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13.5px;display:flex}.wt-demo .rbar{background:var(--d-sunken);border-radius:99px;height:7px;overflow:hidden}.wt-demo .rbar i{background:var(--d-fg3);opacity:.55;border-radius:99px;height:100%;display:block}.wt-demo .rbar.mine i{background:var(--d-accent);opacity:1}.wt-demo .tip{background:var(--d-accent-l);border-radius:14px;padding:12px 14px;font-size:13.5px}.wt-demo .tip b{color:var(--d-accent);font-size:12.5px;display:block}.wt-demo .done{flex-direction:column;gap:8px;display:flex}.wt-demo .done-check{background:var(--d-good-l);width:44px;height:44px;color:var(--d-good);border-radius:50%;place-items:center;display:grid}.wt-demo .done-check svg{width:22px;height:22px}.wt-demo .optional{border-top:1px solid var(--d-line);flex-direction:column;gap:10px;padding-top:16px;display:flex}.wt-demo .optional .opt{padding:10px 14px;font-size:14px}.wt-demo .locked{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.wt-demo .locked svg{width:36px;height:36px;color:var(--d-fg3)}.wt-demo .phone-ctrl{color:var(--d-fg2);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:13.5px;display:flex}.wt-demo .phone-ctrl label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.wt-demo .phone-ctrl input{accent-color:var(--d-accent)}.wt-demo .points{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.wt-demo .points b{font-family:var(--d-display);font-size:16px;display:block}.wt-demo .points p{color:var(--d-fg2);max-width:52ch;margin-top:2px}.wt-demo .msgs{margin:0;padding:0;list-style:none}.wt-demo .msgs li{border-top:1px solid var(--d-line);grid-template-columns:150px minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.wt-demo .msgs li:first-child{border-top:none;padding-top:0}.wt-demo .msgs .when{color:var(--d-fg3);font-size:13px}.wt-demo .sees{grid-template-columns:1fr 1fr;gap:28px;display:grid}.wt-demo .sees ul{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.wt-demo .sees li{align-items:baseline;gap:10px;display:flex}.wt-demo .sees li:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px;transform:translateY(-1px)}.wt-demo .sees .yes li:before{background:var(--d-good)}.wt-demo .sees .no li:before{background:var(--d-fg3)}.wt-demo .sees b{font-family:var(--d-display)}.wt-demo .threshold{border-top:1px solid var(--d-line);color:var(--d-fg2);margin-top:22px;padding-top:18px;font-size:14px}.wt-demo .table-wrap{overflow-x:auto}.wt-demo table{border-collapse:collapse;width:100%;font-size:14.5px}.wt-demo th{text-align:left;color:var(--d-fg3);border-bottom:1px solid var(--d-line);white-space:nowrap;padding:0 12px 8px 0;font-size:13px;font-weight:500}.wt-demo td{border-bottom:1px solid var(--d-line);white-space:nowrap;padding:11px 12px 11px 0}.wt-demo tr:last-child td{border-bottom:none}.wt-demo .add-area{margin-bottom:18px}.wt-demo .add-area textarea{border:1px solid var(--d-line);background:var(--d-surface);border-radius:10px;width:100%;min-height:76px;margin-top:6px;padding:10px 12px;font-size:14.5px}.wt-demo .toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--d-fg);color:var(--d-bg);opacity:0;visibility:hidden;z-index:20;border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;transform:translate(-50%,10px)}.wt-demo .toast.show{opacity:1;visibility:visible;transform:translate(-50%)}@media (width<=1000px){.wt-demo .emp{grid-template-columns:minmax(0,1fr);gap:40px}.wt-demo .phone-col{position:static}.wt-demo .moments{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.wt-demo .shell{grid-template-columns:minmax(0,1fr)}.wt-demo .sidebar{border-right:none;border-bottom:1px solid var(--d-line);height:auto;padding-block:12px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-flow:wrap;align-items:center;gap:10px;position:static}.wt-demo .brand{padding:0 6px 0 0}.wt-demo .nav{flex-flow:wrap}.wt-demo .who{display:none}.wt-demo .content{padding-block:28px 64px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.wt-demo .split{grid-template-columns:minmax(0,1fr);gap:36px}}@media (width<=560px){.wt-demo .head h2{font-size:24px}.wt-demo .card{padding:20px}.wt-demo .finding h3{font-size:20px}.wt-demo .fields,.wt-demo .sees{grid-template-columns:minmax(0,1fr)}.wt-demo .msgs li{grid-template-columns:minmax(0,1fr);gap:2px}.wt-demo .round{grid-template-columns:minmax(0,1fr) auto}.wt-demo .round-s{text-align:left;grid-column:1/-1}.wt-demo .phone-screen{height:580px}.wt-demo .mail-head,.wt-demo .mail-body{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.wt-demo *,.wt-demo :before,.wt-demo :after{transition:none!important}}.wt-demo .bar-link{cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-weight:600}.wt-demo a.brand{color:inherit;border-radius:8px;text-decoration:none}.wt-demo .theme-note{color:var(--small-print);margin:12px 0 0;font-size:14px}.wt-demo .seg{border:1px solid var(--d-line);background:var(--d-sunken);border-radius:12px;gap:3px;max-width:100%;margin-top:12px;padding:3px;display:inline-flex}.wt-demo .seg button{min-height:38px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-size:14px;font-weight:500}.wt-demo .seg button.on{background:var(--d-accent);color:var(--d-on-accent)}.wt-demo .seg button:focus-visible{outline:2px solid var(--d-accent);outline-offset:2px}.wt-demo .seg-note{color:var(--small-print);margin:8px 0 0;font-size:14px}@media (width<=720px){.wt-demo .seg{display:flex}.wt-demo .seg button{flex:1;min-height:44px}}