.pleat-ui{--s: .6;--u-bg: #f7f5f0;--u-surface: #ffffff;--u-well: #f1eee7;--u-ink: #1e1d1a;--u-muted: #66625a;--u-faint: #cfcac0;--u-line: #e4e0d7;--u-control: #8f897e;--u-accent-soft: rgba(163, 71, 42, .14);--u-accent: #a3472a;--u-on-accent: #ffffff;--u-tint: #efe7dd;--u-zone: #eae2d5;--u-mark: #f4dc9c;--u-ring: rgba(163, 71, 42, .16);--u-shadow: 0 10px 32px rgba(30, 29, 26, .14)}[data-mode=dark] .pleat-ui{--u-bg: #141619;--u-surface: #1d2024;--u-well: #17191c;--u-ink: #ece8e1;--u-muted: #9e9a92;--u-faint: #3d4146;--u-line: #2b2f34;--u-control: #6e737a;--u-accent-soft: rgba(232, 145, 111, .18);--u-accent: #e8916f;--u-on-accent: #1a120e;--u-tint: #262a30;--u-zone: #23272d;--u-mark: #5b4724;--u-ring: rgba(232, 145, 111, .2);--u-shadow: 0 16px 48px rgba(0, 0, 0, .5)}.pu{background:var(--u-bg);color:var(--u-ink);font-family:Lexend Variable,sans-serif;line-height:1.4}.pu svg{flex:none}.pu-modebar{display:grid;gap:calc(6px * var(--s));padding:calc(10px * var(--s)) calc(12px * var(--s)) calc(12px * var(--s));background:var(--u-surface);border-bottom:1px solid var(--u-line)}.pu-label{font-size:calc(12.5px * var(--s));font-weight:500;color:var(--u-muted)}.pu-bar-row{display:flex;align-items:center;gap:calc(8px * var(--s))}.pu-seg{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:auto;gap:calc(3px * var(--s));padding:calc(3px * var(--s));border-radius:calc(12px * var(--s));background:var(--u-well);box-shadow:inset 0 0 0 1px var(--u-line)}.pu-seg>span{display:inline-flex;align-items:center;justify-content:center;gap:calc(6px * var(--s));min-height:calc(40px * var(--s));padding:0 calc(8px * var(--s));border-radius:calc(9px * var(--s));color:var(--u-muted);font-size:calc(14px * var(--s));font-weight:600;white-space:nowrap}.pu-seg>.on{background:var(--u-surface);color:var(--u-ink);box-shadow:0 0 0 1px var(--u-line),0 1px 2px #00000024}.pu-seg>.on:not(.off){color:var(--u-accent);box-shadow:inset 0 0 0 1.5px var(--u-accent),0 1px 2px #00000024}.pu-seg.ink{grid-auto-columns:minmax(0,1fr);gap:calc(4px * var(--s));padding:calc(4px * var(--s))}.pu-seg.ink>span{min-height:calc(36px * var(--s));font-size:calc(13.5px * var(--s));font-weight:400}.pu-seg.ink>.on{color:var(--u-ink);font-weight:500;box-shadow:0 0 0 1px var(--u-line),0 1px 2px #00000024}.pu-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:calc(46px * var(--s));height:calc(46px * var(--s));border-radius:calc(12px * var(--s));background:var(--u-well);box-shadow:inset 0 0 0 1px var(--u-line);color:var(--u-muted)}.pu-icon.on{background:var(--u-accent-soft);color:var(--u-accent);box-shadow:inset 0 0 0 1.5px var(--u-accent)}.pu-chip{justify-self:start;display:inline-flex;align-items:center;gap:calc(6px * var(--s));height:calc(32px * var(--s));padding:0 calc(11px * var(--s)) 0 calc(9px * var(--s));border-radius:999px;font-size:calc(12.5px * var(--s));font-weight:500;background:var(--u-accent-soft);color:var(--u-accent);box-shadow:inset 0 0 0 1.5px var(--u-accent)}.pu-heading{display:flex;align-items:center;gap:calc(10px * var(--s));padding:calc(18px * var(--s)) calc(16px * var(--s)) calc(12px * var(--s)) calc(18px * var(--s))}.pu-h1{flex:1;font-size:calc(22px * var(--s));line-height:calc(28px * var(--s));font-weight:700}.pu-numbers{display:inline-flex;align-items:center;gap:calc(6px * var(--s));font-size:calc(12px * var(--s));color:var(--u-muted)}.pu-switch{position:relative;flex:none;width:calc(36px * var(--s));height:calc(20px * var(--s));border-radius:999px;background:var(--u-control)}.pu-switch:after{content:"";position:absolute;top:calc(4px * var(--s));left:calc(4px * var(--s));width:calc(12px * var(--s));height:calc(12px * var(--s));border-radius:50%;background:#fff}.pu-switch.on{background:var(--u-accent)}.pu-switch.on:after{transform:translate(calc(16px * var(--s)))}.pu-nav{padding:0 calc(12px * var(--s)) calc(16px * var(--s))}.pu-list{display:flex;flex-direction:column;gap:calc(6px * var(--s))}.pu-section{border-radius:calc(16px * var(--s))}.pu-section.zone{padding:calc(4px * var(--s));background:var(--u-zone)}.pu-parts{display:flex;flex-direction:column;gap:calc(2px * var(--s));margin:calc(2px * var(--s)) 0 calc(4px * var(--s));padding:calc(6px * var(--s));border-radius:calc(12px * var(--s));background:var(--u-well)}.zone .pu-parts{background:transparent}.pu-row{position:relative;display:flex;align-items:baseline;gap:calc(12px * var(--s));border-radius:calc(13px * var(--s));color:var(--u-ink)}.pu-row.l0{min-height:calc(52px * var(--s));padding:calc(12px * var(--s)) calc(12px * var(--s)) calc(12px * var(--s)) calc(14px * var(--s));font-size:calc(15px * var(--s));line-height:calc(21px * var(--s));font-weight:600}.pu-row.l1{min-height:calc(44px * var(--s));padding:calc(10px * var(--s)) calc(10px * var(--s)) calc(10px * var(--s)) calc(14px * var(--s));border-radius:calc(10px * var(--s));font-size:calc(14px * var(--s));line-height:calc(20px * var(--s));font-weight:500}.pu-row.here{background:var(--u-accent);color:var(--u-on-accent)}.pu-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(4px * var(--s))}.pu-title>:first-child{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.pu-row.rough .pu-title>:first-child{font-weight:400}.pu-first{font-size:calc(12px * var(--s));font-weight:400;line-height:1.4;color:var(--u-muted)}.pu-badge{flex:none;min-width:calc(28px * var(--s));font-size:calc(13px * var(--s));font-weight:700;font-variant-numeric:tabular-nums;color:var(--u-muted)}.l0 .pu-badge{font-size:calc(18px * var(--s))}.holds .pu-badge{color:var(--u-accent)}.here .pu-badge,.here .pu-time,.here .pu-ai{color:var(--u-on-accent)}.pu-here{flex:none;align-self:center;padding:calc(3px * var(--s)) calc(8px * var(--s));border-radius:999px;background:var(--u-on-accent);color:var(--u-accent);font-size:calc(10.5px * var(--s));line-height:calc(14px * var(--s));font-weight:700;letter-spacing:.06em}.pu-fold{flex:none;align-self:center;display:inline-flex;align-items:center;gap:calc(3px * var(--s));height:calc(28px * var(--s));padding:0 calc(7px * var(--s)) 0 calc(11px * var(--s));border:1px solid var(--u-control);border-radius:999px;background:var(--u-well);color:var(--u-ink);font-size:calc(12px * var(--s));font-weight:600;white-space:nowrap}.pu-fold.open{border-color:var(--u-line);background:transparent;color:var(--u-muted)}.pu-ai{flex:none;padding:0 calc(6px * var(--s));border-radius:calc(6px * var(--s));box-shadow:inset 0 0 0 1px var(--u-line);color:var(--u-muted);font-size:calc(10.5px * var(--s));font-weight:400;line-height:calc(18px * var(--s))}.pu-new{flex:none;padding:0 calc(8px * var(--s));border-radius:999px;background:var(--u-accent-soft);color:var(--u-accent);font-size:calc(11px * var(--s));font-weight:500}.pu-time{flex:none;font-size:calc(12px * var(--s));font-weight:400;font-variant-numeric:tabular-nums;color:var(--u-muted)}.pu-callout{display:grid;gap:calc(10px * var(--s));margin:calc(14px * var(--s)) calc(6px * var(--s)) 0;padding-top:calc(14px * var(--s));border-top:1px solid var(--u-line);font-size:calc(12.5px * var(--s));line-height:1.45;color:var(--u-muted)}.pu-ai-button{justify-self:start;display:inline-flex;align-items:center;gap:calc(6px * var(--s));height:calc(32px * var(--s));padding:0 calc(12px * var(--s)) 0 calc(10px * var(--s));border:1px dashed color-mix(in srgb,var(--u-accent) 60%,transparent);border-radius:calc(10px * var(--s));background:var(--u-surface);color:var(--u-accent);font-size:calc(12.5px * var(--s));font-weight:500}.pu-settings{display:grid;align-content:start;gap:calc(10px * var(--s));padding:calc(16px * var(--s)) calc(18px * var(--s)) calc(24px * var(--s));font-size:calc(13.5px * var(--s))}.pu-back{display:inline-flex;align-items:center;gap:calc(4px * var(--s));min-height:calc(40px * var(--s));margin:calc(-6px * var(--s)) 0 calc(-2px * var(--s)) calc(-4px * var(--s));padding:0 calc(12px * var(--s)) 0 calc(6px * var(--s));font-weight:500}.pu-page-head{display:grid;gap:calc(2px * var(--s));padding:0 calc(4px * var(--s)) calc(2px * var(--s))}.pu-page-head>:first-child{font-size:calc(17px * var(--s));line-height:1.3;font-weight:700}.pu-now{color:var(--u-muted);font-size:calc(12.5px * var(--s));font-weight:400}.pu-set{display:grid;gap:calc(14px * var(--s));padding:calc(14px * var(--s)) calc(16px * var(--s)) calc(16px * var(--s));background:var(--u-surface);border:1px solid var(--u-line);border-radius:calc(16px * var(--s))}.pu-set.group{min-height:calc(68px * var(--s));padding:calc(10px * var(--s)) calc(14px * var(--s)) calc(10px * var(--s)) calc(16px * var(--s));align-content:center}.pu-set-head{display:flex;align-items:center;gap:calc(12px * var(--s));font-size:calc(15px * var(--s));font-weight:700}.pu-set-head>.what{flex:1;min-width:0;display:grid;gap:calc(2px * var(--s))}.pu-set-head>output{font-size:calc(13.5px * var(--s));font-weight:500}.pu-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;width:calc(34px * var(--s));height:calc(34px * var(--s));border-radius:calc(10px * var(--s));background:var(--u-accent-soft);color:var(--u-accent)}.pu-step{display:inline-flex;align-items:center;justify-content:center;width:calc(40px * var(--s));height:calc(40px * var(--s));border:1px solid var(--u-line);border-radius:calc(10px * var(--s));background:var(--u-surface);box-shadow:0 1px 0 var(--u-line)}.pu-range{position:relative;height:calc(8px * var(--s));border-radius:999px;background:var(--u-well);box-shadow:inset 0 0 0 1px var(--u-control)}.pu-range>span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--u-accent)}.pu-range>span:after{content:"";position:absolute;right:calc(-9px * var(--s));top:50%;width:calc(18px * var(--s));height:calc(18px * var(--s));border-radius:50%;background:var(--u-accent);transform:translateY(-50%)}.pu-rheader{display:flex;align-items:center;gap:calc(4px * var(--s));padding:calc(14px * var(--s)) calc(16px * var(--s)) calc(14px * var(--s)) calc(28px * var(--s));font-size:max(calc(14px * var(--s)),9.5px)}.pu-rtitle{flex:1;min-width:0;display:flex;align-items:center;gap:calc(12px * var(--s));color:var(--u-muted);white-space:nowrap}.pu-rtitle>.page{min-width:0;overflow:hidden;text-overflow:ellipsis}.pu-rtitle>.section{display:flex;gap:calc(12px * var(--s));color:var(--u-ink);font-weight:500}.pu-rtitle>.section:before{content:"›";color:var(--u-muted);font-weight:400}.pu-rtitle .number{margin-right:.35em;color:var(--u-muted);font-weight:400}.pu-rbutton{display:inline-flex;align-items:center;gap:calc(6px * var(--s));height:calc(44px * var(--s));margin-right:calc(4px * var(--s));padding:0 calc(14px * var(--s)) 0 calc(11px * var(--s));border:1px solid var(--u-control);border-radius:calc(12px * var(--s));white-space:nowrap}.pu-rbutton.on{background:var(--u-accent);color:var(--u-on-accent);border-color:transparent}.pu-rclose{display:inline-flex;width:calc(44px * var(--s));justify-content:center;color:var(--u-muted)}.pu-stage{--size: calc(24px * var(--s));padding:0 calc(24px * var(--s))}.pu-block{position:relative;padding:calc(22px * var(--s)) calc(30px * var(--s));margin:calc(18px * var(--s)) 0;border-radius:calc(18px * var(--s));font-size:var(--size);line-height:1.75;letter-spacing:.015em;word-spacing:.05em}.pu-block.active{background:var(--u-tint)}.pu-block.heading{font-size:calc(var(--size) * 1.25);font-weight:600;line-height:1.35}.pu-block.faded{opacity:.45}.pu-cue{position:absolute;top:calc(10px * var(--s));right:calc(14px * var(--s));padding:calc(2px * var(--s)) calc(10px * var(--s));border:1px solid var(--u-line);border-radius:999px;background:var(--u-surface);color:var(--u-muted);font-size:calc(12px * var(--s));font-weight:500;line-height:1.6;letter-spacing:0;word-spacing:0}.pu-pleat{display:flex;align-items:center;gap:calc(12px * var(--s));width:100%;padding:calc(12px * var(--s)) calc(30px * var(--s));border-radius:calc(12px * var(--s));color:var(--u-muted);font-size:max(calc(14px * var(--s)),11px);line-height:1.4;text-align:start}.pu-pleat:before{--zigzag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 6.5 L6 1.5 L12 6.5' fill='none' stroke='black' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") left center / calc(12px * var(--s)) calc(8px * var(--s)) repeat-x;content:"";flex:1;min-width:calc(48px * var(--s));height:calc(8px * var(--s));background:var(--u-faint);mask:var(--zigzag);-webkit-mask:var(--zigzag)}.pu-pleat>span{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu-section-end{display:flex;flex-direction:column;align-items:flex-start;gap:calc(10px * var(--s));margin:calc(28px * var(--s)) 0 0;padding:calc(22px * var(--s)) calc(30px * var(--s));border:1px solid var(--u-line);border-radius:calc(16px * var(--s))}.pu-kicker{font-size:calc(12px * var(--s));letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted)}.pu-up-next{font-size:calc(20px * var(--s));font-weight:600;line-height:1.3}.pu-button{display:inline-flex;align-items:center;gap:calc(6px * var(--s));min-height:calc(36px * var(--s));padding:0 calc(16px * var(--s));border-radius:999px;background:var(--u-accent);color:var(--u-on-accent);font-size:calc(14px * var(--s));font-weight:600;white-space:nowrap}.pu-button.ghost{background:transparent;color:var(--u-ink);box-shadow:inset 0 0 0 1px var(--u-line);font-weight:500}.pu-spoken{background:var(--u-mark);color:inherit;border-radius:calc(4px * var(--s));box-shadow:0 0 0 calc(2px * var(--s)) var(--u-mark)}.pu-stamp{display:inline-flex;align-items:center;gap:calc(5px * var(--s));margin:0 0 calc(8px * var(--s));padding:calc(2px * var(--s)) calc(9px * var(--s)) calc(2px * var(--s)) calc(7px * var(--s));border:1px solid var(--u-line);border-radius:999px;background:var(--u-bg);font-size:calc(12px * var(--s));font-weight:500;line-height:1.5;letter-spacing:0;word-spacing:0;font-variant-numeric:tabular-nums}.pu-stamp svg{color:var(--u-accent)}.pu-pill{display:inline-flex;align-items:center;gap:calc(2px * var(--s));padding:calc(6px * var(--s));background:var(--u-surface);color:var(--u-ink);border:1px solid var(--u-line);border-radius:999px;box-shadow:var(--u-shadow);font-family:Lexend Variable,sans-serif}.pu-divider{flex:none;width:1px;height:calc(20px * var(--s));margin:0 calc(4px * var(--s));background:var(--u-line)}.pu-tool{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(44px * var(--s));height:calc(44px * var(--s));border-radius:999px}.pu-tool svg{width:calc(19px * var(--s));height:calc(19px * var(--s))}.pu-tool.accent{background:var(--u-accent);color:var(--u-on-accent)}.pu-tool.on{background:var(--u-accent-soft);color:var(--u-accent);box-shadow:inset 0 0 0 1.5px var(--u-accent)}.pu-tool.labeled{width:auto;gap:calc(7px * var(--s));padding:0 calc(14px * var(--s)) 0 calc(12px * var(--s));font-size:calc(13px * var(--s));font-weight:500;white-space:nowrap}.pu-tool.labeled svg{width:calc(18px * var(--s));height:calc(18px * var(--s))}.pu-status{padding:0 calc(14px * var(--s)) 0 calc(6px * var(--s));font-size:calc(13px * var(--s));color:var(--u-muted);white-space:nowrap}.pu-lit{position:relative;border-radius:calc(12px * var(--s));box-shadow:0 0 0 calc(2px * var(--s)) var(--u-accent),0 0 0 calc(8px * var(--s)) var(--u-ring)}.pu-points-tab{position:absolute;display:inline-flex;align-items:center;gap:calc(6px * var(--s));height:calc(28px * var(--s));padding:0 calc(12px * var(--s)) 0 calc(9px * var(--s));border:1px solid var(--u-line);border-radius:999px;background:var(--u-surface);color:var(--u-ink);box-shadow:var(--u-shadow);font:calc(12px * var(--s)) / 1 "Lexend Variable",sans-serif}.pu-points-tab.on{background:var(--u-accent);color:var(--u-on-accent);border-color:transparent}.pu-card{padding:0 calc(16px * var(--s)) calc(14px * var(--s));background:var(--u-surface);color:var(--u-ink);border:1px solid var(--u-line);border-radius:calc(14px * var(--s));box-shadow:var(--u-shadow);font:calc(15px * var(--s)) / 1.6 "Lexend Variable",sans-serif}.pu-card-head{display:flex;align-items:center;gap:calc(8px * var(--s));margin:0 0 calc(6px * var(--s));padding:calc(10px * var(--s)) 0 calc(6px * var(--s));font-size:calc(12px * var(--s));color:var(--u-muted)}.pu-copy{margin-left:auto;height:calc(28px * var(--s));padding:0 calc(10px * var(--s));border:1px solid var(--u-line);border-radius:calc(8px * var(--s));line-height:calc(26px * var(--s))}.pu-bullets{display:grid;gap:calc(6px * var(--s))}.pu-bullets>li{display:flex;gap:calc(10px * var(--s))}.pu-bullets>li:before{content:"";flex:none;width:calc(6px * var(--s));height:calc(6px * var(--s));margin-top:.65em;border-radius:50%;background:var(--u-accent)}.pu-along{border:1px solid var(--u-line);border-radius:calc(12px * var(--s));overflow:hidden}.pu-along-head{display:flex;align-items:baseline;gap:calc(10px * var(--s));padding:calc(12px * var(--s)) calc(18px * var(--s)) calc(10px * var(--s));border-bottom:1px solid var(--u-line);font-size:calc(16px * var(--s));font-weight:600}.pu-along-head .number{color:var(--u-muted);font-size:calc(14px * var(--s));font-weight:400}.pu-along p{margin:0 calc(18px * var(--s));padding:calc(8px * var(--s)) calc(12px * var(--s)) calc(8px * var(--s)) calc(10px * var(--s));border-left:calc(3px * var(--s)) solid transparent;border-radius:0 calc(8px * var(--s)) calc(8px * var(--s)) 0;font-size:var(--size, calc(18px * var(--s)));line-height:1.7}.pu-along p.now{border-left-color:var(--u-accent);background:var(--u-tint)}.pu-along-next{margin-top:calc(10px * var(--s));padding:calc(10px * var(--s)) calc(30px * var(--s));border-top:1px solid var(--u-line);color:var(--u-muted);font-size:calc(14px * var(--s))}.pu-along-next b{color:var(--u-ink);font-weight:600}button.pu-pleat:hover{background:var(--u-tint);color:var(--u-ink)}button.pu-pleat:focus-visible{outline:2px solid var(--u-accent);outline-offset:2px}