.rd-demo{--bg:rgb(var(--brand-canvas));--panel:rgb(var(--brand-card));--soft:rgb(var(--brand-teal-soft));--ink:rgb(var(--brand-ink));--muted:rgb(var(--brand-muted));--line:rgb(var(--brand-line));--accent:rgb(var(--brand-sky));--accent-ink:rgb(var(--brand-on-ink));--shell:#17140f;--shell-edge:transparent;--shadow:#17140f29;--veil:#17140fd1;--a-pierre:#f2efe9;--a-papier:#fff;--a-sable:#e9e5dd;--a-encre:#17140f;--a-fumee:#6f695e;--a-meta:#8c867a;--a-bordure:#dcd6ca;--a-ligne:#e4dfd5;--a-sep:#efebe3;--a-pointille:#cfc8ba;--a-vermillon:#d2442f;--a-rose:#fbe6e1;--a-sur-rose:#b53a27;--a-termine:#eae6de;--display:var(--font-bricolage), system-ui, sans-serif;--story-display:var(--site-display);--ui:var(--font-figtree), system-ui, sans-serif;--mono:var(--font-dm-mono), ui-monospace, Consolas, monospace;max-width:73.75rem;color:var(--ink);font:400 1rem/1.5 var(--ui);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem 3rem;margin:0 auto;padding-block:1.75rem 2.5rem;padding-inline:1.5rem;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rd-demo{--shell:#050403;--shell-edge:#3a352c;--shadow:#00000080;--veil:#050403e0}}:root[data-theme=dark] .rd-demo{--shell:#050403;--shell-edge:#3a352c;--shadow:#00000080;--veil:#050403e0}.rd-demo *{box-sizing:border-box}.rd-demo button{font:inherit;color:inherit}.rd-demo h1,.rd-demo h2,.rd-demo h3{text-wrap:balance}.rd-demo .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rd-demo #story{gap:.875rem;display:grid}.rd-demo .story{top:calc(5.5rem + env(safe-area-inset-top,0px));gap:1.125rem;max-width:32.5rem;padding-top:1.5rem;display:grid;position:sticky}.rd-demo .progress{grid-template-columns:repeat(9,1fr);gap:.3125rem;display:grid}.rd-demo .progress span{background:var(--soft);border-radius:.25rem;height:.25rem;transition:background .3s}.rd-demo .progress span.on{background:var(--ink)}.rd-demo .eyebrow{font:600 .75rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rd-demo .story [tabindex="-1"]:focus{outline:none}.rd-demo .story h1{font:700 clamp(2.25rem, 4.6vw, 3.75rem)/1.02 var(--story-display);letter-spacing:-.03em;margin:0}.rd-demo .story h2{font:700 clamp(1.875rem, 3.4vw, 2.75rem)/1.05 var(--story-display);letter-spacing:-.025em;margin:0}.rd-demo .context{margin:0;font-size:1.125rem}.rd-demo .task{background:var(--panel);border-radius:1rem;align-items:flex-start;gap:.625rem;margin:0;padding:.875rem 1rem;display:flex}.rd-demo .task svg{color:var(--accent);flex:none;margin-top:.125rem}.rd-demo .task.done svg{color:var(--ink)}.rd-demo .note{color:var(--muted);margin:0;font-size:.9375rem}.rd-demo .nav{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.rd-demo .btn{background:var(--ink);min-height:3rem;color:var(--bg);font:600 .9375rem var(--ui);cursor:pointer;border:0;border-radius:62.4375rem;align-items:center;gap:.5rem;padding:0 1.375rem;text-decoration:none;display:inline-flex}.rd-demo .btn.accent{background:var(--accent);color:var(--accent-ink)}.rd-demo .btn[disabled]{opacity:.35;cursor:not-allowed}.rd-demo .link{font:600 .875rem var(--ui);color:var(--muted);cursor:pointer;text-underline-offset:.1875rem;background:0 0;border:0;align-items:center;gap:.375rem;padding:.625rem .375rem;text-decoration:underline;display:inline-flex}.rd-demo .link:hover{color:var(--ink)}.rd-demo .btn:focus-visible,.rd-demo .link:focus-visible,.rd-demo .role:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.1875rem}.rd-demo .roles{flex-wrap:wrap;gap:.5rem;display:flex}.rd-demo .role{border:1.5px solid var(--ink);font:600 .875rem var(--ui);cursor:pointer;background:0 0;border-radius:62.4375rem;padding:.625rem 1rem}.rd-demo .role[aria-pressed=true]{background:var(--ink);color:var(--bg)}.rd-demo .checks{grid-template-columns:1fr 1fr;gap:.625rem 1.125rem;margin:0;padding:0;list-style:none;display:grid}.rd-demo .checks li{align-items:center;gap:.5rem;font-weight:600;display:flex}.rd-demo .checks svg{color:var(--accent);flex:none}.rd-demo .checks.one{grid-template-columns:1fr}.rd-demo .checks.one li{align-items:flex-start;font-weight:500}.rd-demo .checks.one svg{margin-top:.125rem}.rd-demo .note.arrived{color:var(--ink);border-left:.1875rem solid var(--accent);padding-left:.75rem}.rd-demo .bridge,.rd-demo .link.side{justify-self:start}.rd-demo .gmap{background:var(--panel);border-radius:1.125rem;gap:.625rem;padding:.875rem;display:grid}.rd-demo .g-who{align-items:center;gap:.625rem;display:flex}.rd-demo .g-who>span:last-child{line-height:1.25;display:grid}.rd-demo .g-who b{font-weight:700}.rd-demo .g-who>span:last-child>span{color:var(--muted);font-size:.8125rem}.rd-demo .g-av{background:var(--ink);width:2.125rem;height:2.125rem;color:var(--bg);font:600 .75rem var(--ui);border-radius:50%;flex:none;place-items:center;display:grid}.rd-demo .g-rows{gap:.5rem;display:grid;position:relative}.rd-demo .gmap ol{gap:.125rem;margin:0;padding:0;list-style:none;display:grid}.rd-demo .g-mod{cursor:pointer;text-align:left;width:100%;min-height:2.5rem;color:var(--ink);background:0 0;border:1.5px solid #0000;border-radius:.75rem;grid-template-columns:.75rem auto minmax(0,1fr);align-items:center;gap:.625rem;padding:.375rem .625rem;display:grid}.rd-demo .g-mod i{border:.125rem solid var(--line);border-radius:50%;width:.625rem;height:.625rem}.rd-demo .g-mod.lit i{background:var(--accent);border-color:var(--accent)}.rd-demo .g-mod b{font:600 .9063rem var(--ui);white-space:nowrap}.rd-demo .g-st{font:500 .7813rem var(--mono);color:var(--muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-demo .g-mod[aria-current]{border-color:var(--ink)}.rd-demo .g-mod:hover{background:var(--soft)}.rd-demo .g-mod:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.125rem}.rd-demo .g-side{border-top:1px solid var(--line);gap:.125rem;padding-top:.5rem;display:grid}.rd-demo .g-side-l{font:600 .6875rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 .625rem}.rd-demo .stage{justify-items:center;gap:.625rem;display:grid}.rd-demo .whose{border:1px solid var(--line);background:var(--panel);border-radius:62.4375rem;align-items:center;gap:.25rem;max-width:100%;padding:.25rem;display:flex}.rd-demo .whose-l{font:600 .75rem var(--ui);color:var(--muted);white-space:nowrap;padding:0 .5rem 0 .625rem}.rd-demo .whose button{color:var(--ink);min-height:2.25rem;font:600 .8438rem var(--ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:62.4375rem;padding:0 .875rem}.rd-demo .whose button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.rd-demo .whose button:hover:not([aria-pressed=true]){background:var(--soft)}.rd-demo .whose button:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.125rem}.rd-demo .device{background:var(--shell);border:1px solid var(--shell-edge);width:24.5rem;height:min(50.75rem,100svh - 11rem);min-height:35rem;box-shadow:0 1.875rem 3.75rem var(--shadow);border-radius:3.25rem;padding:.6875rem;position:relative}.rd-demo .screen{background:var(--a-pierre);border-radius:2.625rem;width:100%;height:100%;position:relative;overflow:hidden}.rd-demo .scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.rd-demo .scroll::-webkit-scrollbar{display:none}.rd-demo .layer:empty{display:none}.rd-demo .hint{text-align:center;color:var(--muted);margin:.875rem 0 0;font-size:.875rem;position:absolute;top:100%;left:0;right:0}.rd-demo:not(.at-hub) .hint{display:none}.rd-demo .layer{z-index:25;color:var(--a-encre);font:400 .9375rem/1.45 var(--ui);position:absolute;inset:0}.rd-demo .toast{z-index:30;background:var(--a-encre);color:#fff;font:600 .875rem/1.35 var(--ui);opacity:0;pointer-events:none;border-radius:1.125rem;align-items:center;gap:.625rem;padding:.8125rem 1rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:5.75rem;left:1rem;right:1rem;transform:translateY(.75rem);box-shadow:0 .5rem 1.375rem #17140f40}.rd-demo .toast.show{opacity:1;transform:none}.rd-demo .toast svg{flex:none}.rd-demo .app{font:400 .9375rem/1.45 var(--ui);color:var(--a-encre);flex-direction:column;min-height:100%;display:flex}.rd-demo .a-top{border-bottom:1px solid var(--a-ligne);background:var(--a-pierre);justify-content:space-between;align-items:center;padding:1.375rem 1.25rem .875rem;display:flex}.rd-demo .a-logo{font:700 1.3125rem var(--display);letter-spacing:-.03em}.rd-demo .a-logo i{color:var(--a-vermillon);font-style:normal}.rd-demo .a-body{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:.875rem;padding:1.125rem 1.125rem 7.5rem;display:grid}.rd-demo .a-eyebrow{font:600 .7188rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--a-fumee)}.rd-demo .a-h1{font:700 2.125rem/1.05 var(--display);letter-spacing:-.025em;margin:0}.rd-demo .a-card{background:var(--a-papier);border-radius:1.25rem;padding:1rem}.rd-demo .a-muted{color:var(--a-fumee)}.rd-demo .a-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.rd-demo .a-label{font:600 .875rem var(--ui);margin-bottom:.375rem;display:block}.rd-demo .a-select{border:1.5px solid var(--a-bordure);background:var(--a-papier);width:100%;height:3.25rem;font:400 1rem var(--ui);color:var(--a-encre);appearance:auto;border-radius:.875rem;padding:0 .875rem}.rd-demo .a-input{border:1.5px solid var(--a-bordure);background:var(--a-papier);width:100%;height:3rem;font:400 .9375rem var(--ui);color:var(--a-encre);border-radius:.875rem;padding:0 .875rem}.rd-demo .a-pills{scrollbar-width:none;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.rd-demo .a-pill{border:1px solid var(--a-bordure);background:var(--a-papier);min-height:2.625rem;font:600 .8125rem var(--ui);color:var(--a-encre);cursor:pointer;border-radius:62.4375rem;flex:none;padding:0 .9375rem}.rd-demo .a-pill[aria-pressed=true]{background:var(--a-encre);border-color:var(--a-encre);color:#fff}.rd-demo .a-times{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.rd-demo .a-time{border:1px solid var(--a-bordure);background:var(--a-papier);min-height:2.625rem;font:500 .8438rem var(--mono);color:var(--a-encre);cursor:pointer;border-radius:62.4375rem}.rd-demo .a-time[aria-pressed=true]{background:var(--a-encre);border-color:var(--a-encre);color:#fff}.rd-demo .a-btn{border:1px solid var(--a-bordure);min-height:2.75rem;font:600 .875rem var(--ui);color:var(--a-encre);cursor:pointer;background:0 0;border-radius:62.4375rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1.125rem;display:inline-flex}.rd-demo .a-btn.ink{background:var(--a-encre);border-color:var(--a-encre);color:#fff}.rd-demo .a-btn.final{background:var(--a-vermillon);border-color:var(--a-vermillon);color:#fff}.rd-demo .a-btn.wide{width:100%;min-height:3.25rem;font-size:.9688rem}.rd-demo .a-policy{border:1px solid var(--a-ligne);background:var(--a-papier);border-radius:1rem;padding:.875rem 1rem;font-size:.875rem}.rd-demo .a-policy b{margin-bottom:.25rem;display:block}.rd-demo .a-check{align-items:flex-start;gap:.625rem;font-size:.875rem;display:flex}.rd-demo .a-check i{background:var(--a-encre);color:#fff;border-radius:.3125rem;flex:none;place-items:center;width:1.25rem;height:1.25rem;margin-top:1px;display:grid}.rd-demo .a-done{text-align:center;justify-items:center;gap:.875rem;padding:3rem 1.25rem 7.5rem;display:grid}.rd-demo .a-done .ring{background:var(--a-encre);color:#fff;border-radius:50%;place-items:center;width:3.625rem;height:3.625rem;display:grid}.rd-demo .a-tabbar{z-index:5;margin-top:auto;padding:0 .875rem .875rem;position:sticky;bottom:0}.rd-demo .a-tabbar nav{background:var(--a-papier);border-radius:62.4375rem;justify-content:space-between;align-items:center;height:3.75rem;padding:0 .4375rem;display:flex;box-shadow:0 .625rem 1.875rem #17140f1f}.rd-demo .a-tab{height:2.875rem;color:var(--a-encre);font:600 .8438rem var(--ui);white-space:nowrap;border-radius:62.4375rem;align-items:center;gap:.375rem;padding:0 .5rem;display:flex}.rd-demo .a-tab.on{background:var(--a-encre);color:#fff;padding:0 .8125rem}.rd-demo button.a-tab{cursor:pointer;background:0 0;border:0}.rd-demo button.a-tab:hover{background:var(--a-sable)}.rd-demo .a-chip{background:var(--a-papier);font:600 .8125rem var(--ui);border-radius:62.4375rem;align-items:center;gap:.5rem;padding:.3125rem .75rem .3125rem .3125rem;display:inline-flex;box-shadow:0 1px .125rem #17140f14}.rd-demo .a-avatar{background:var(--a-encre);color:#fff;width:1.875rem;height:1.875rem;font:600 .7188rem var(--ui);border-radius:50%;flex:none;place-items:center;display:grid}.rd-demo .a-avatar.soft{background:var(--a-sable);color:var(--a-encre)}.rd-demo .a-row{align-items:center;gap:.75rem;display:flex}.rd-demo .a-list{background:var(--a-papier);border-radius:1.25rem;overflow:hidden}.rd-demo .a-list>*+*{border-top:1px solid var(--a-sep)}.rd-demo .a-item{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.rd-demo .a-item .t{font:500 .875rem var(--mono);flex:none;width:3.875rem}.rd-demo .a-item .who{flex:1;min-width:0}.rd-demo .a-item .who b{font-weight:600;display:block}.rd-demo .a-item .who span{color:var(--a-fumee);font-size:.8438rem}.rd-demo .a-dark{background:var(--a-encre);color:#fff;border-radius:1.375rem;padding:1rem}.rd-demo .a-recu{background:var(--a-papier);padding:1.375rem 1.125rem;-webkit-mask:radial-gradient(.4375rem at 50% 0,#0000 98%,#000) 0 0/1.125rem 51% repeat-x,radial-gradient(.4375rem at 50% 100%,#0000 98%,#000) 0 100%/1.125rem 51% repeat-x;mask:radial-gradient(.4375rem at 50% 0,#0000 98%,#000) 0 0/1.125rem 51% repeat-x,radial-gradient(.4375rem at 50% 100%,#0000 98%,#000) 0 100%/1.125rem 51% repeat-x}.rd-demo .a-line{font:400 .9063rem var(--mono);justify-content:space-between;gap:.625rem;padding:.25rem 0;display:flex}.rd-demo .a-sheet-veil{z-index:20;background:#17140f61;align-items:flex-end;display:flex;position:absolute;inset:0}.rd-demo .a-sheet-veil.center{align-items:center}.rd-demo .a-sheet{background:var(--a-papier);border-radius:1.625rem 1.625rem 0 0;gap:.75rem;width:100%;padding:1.375rem 1.25rem 1.625rem;display:grid}.rd-demo .a-textarea{border:1.5px solid var(--a-encre);width:100%;min-height:9.375rem;font:400 .9375rem/1.5 var(--ui);color:var(--a-encre);background:var(--a-papier);resize:none;box-shadow:0 0 0 .25rem var(--a-sable);border-radius:.875rem;padding:.75rem .875rem}.rd-demo .a-fab{z-index:6;background:var(--a-encre);color:#fff;height:3.125rem;font:600 .9063rem var(--ui);cursor:pointer;border:0;border-radius:62.4375rem;justify-self:end;align-items:center;gap:.5rem;margin-bottom:-3.125rem;padding:0 1.25rem;display:inline-flex;position:sticky;bottom:5.375rem;box-shadow:0 .5rem 1.375rem #17140f40}.rd-demo .a-tile{background:var(--a-papier);font:600 .875rem var(--ui);color:var(--a-encre);cursor:pointer;border:0;border-radius:1rem;flex:1;justify-items:center;gap:.375rem;padding:.875rem .375rem;display:grid}.rd-demo .a-tag{border:1.5px solid var(--a-encre);font:600 .8125rem var(--ui);border-radius:62.4375rem;padding:.25rem .75rem}.rd-demo .a-tag.rose{border-color:var(--a-rose);background:var(--a-rose);color:var(--a-sur-rose)}.rd-demo .a-dialog{background:var(--a-papier);border-radius:1.5rem;gap:.75rem;width:calc(100% - 1.75rem);margin:0 auto;padding:1.375rem;display:grid;box-shadow:0 1.25rem 3.125rem #17140f4d}.rd-demo .a-link{min-height:2rem;font:600 .875rem var(--ui);color:var(--a-encre);text-underline-offset:.1875rem;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.rd-demo .a-back{min-height:2.5rem;font:500 .9375rem var(--ui);color:var(--a-fumee);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:.25rem;padding:.375rem .25rem .375rem 0;display:inline-flex}.rd-demo .a-back:hover,.rd-demo .a-link:hover{color:var(--a-encre)}.rd-demo .a-go{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.rd-demo .a-list>.a-go,.rd-demo .a-card>.a-go{min-height:3.5rem;padding:.75rem 1rem}.rd-demo .a-card>.a-go{padding:.625rem 0}.rd-demo .a-list>.a-go:hover,.rd-demo button.a-card:hover{background:var(--a-pierre)}.rd-demo .a-go>svg:last-child{color:var(--a-fumee);flex:none}.rd-demo .a-ico{width:2.5rem;height:2.5rem;color:var(--a-encre);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.rd-demo .a-ico:hover{background:var(--a-sable)}.rd-demo .a-day{color:var(--a-encre);cursor:pointer;background:0 0;border:0;border-radius:.875rem;justify-items:center;gap:1px;padding:.3125rem 0;display:grid;position:relative}.rd-demo .a-day span{color:var(--a-fumee);font-size:.75rem}.rd-demo .a-day b{font:600 1.125rem var(--display)}.rd-demo .a-day i{background:var(--a-encre);border-radius:50%;width:.25rem;height:.25rem;position:absolute;bottom:.125rem}.rd-demo .a-day.on{background:var(--a-encre);color:#fff}.rd-demo .a-day.on span{color:#d9d3c6}.rd-demo .a-day:hover:not(.on){background:var(--a-sable)}.rd-demo .a-day.sm b{font-size:.875rem}.rd-demo .a-chipbtn{background:var(--a-papier);min-width:0;color:var(--a-encre);cursor:pointer;font:600 .8125rem var(--ui);border:0;border-radius:1rem;flex:1;justify-items:center;gap:.25rem;padding:.5rem .25rem;display:grid}.rd-demo .a-chipbtn.on{background:var(--a-encre);color:#fff}.rd-demo .a-chipbtn.on .a-avatar{color:var(--a-encre);background:#fff}.rd-demo .a-empty{border:1.5px dashed var(--a-pointille);text-align:center;color:var(--a-fumee);border-radius:1rem;padding:1.25rem;font-size:.875rem}.rd-demo .a-tag.sm{white-space:nowrap;padding:.125rem .5625rem;font-size:.75rem}.rd-demo .a-tag.g{background:var(--a-encre);color:#fff}.rd-demo .a-weekchip{border:1px solid var(--a-bordure);background:var(--a-papier);text-align:left;min-height:3.5rem;font:600 .8125rem var(--ui);color:var(--a-encre);cursor:pointer;border-radius:.875rem;flex:none;gap:1px;padding:.375rem .75rem;display:grid}.rd-demo .a-weekchip .a-mono{font-size:.75rem;font-weight:500}.rd-demo .a-weekchip i{background:var(--a-vermillon);vertical-align:middle;border-radius:50%;width:.4375rem;height:.4375rem;display:inline-block}.rd-demo .a-weekchip.on{background:var(--a-encre);border-color:var(--a-encre);color:#fff}.rd-demo .a-weekchip.off{color:var(--a-fumee);cursor:default;border-style:dashed}.rd-demo .a-receipt{border:0;border-top:1px dashed var(--a-pointille);width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:flex-start;gap:.625rem;padding:.5625rem 0;display:flex}.rd-demo .a-list>.a-receipt{border-top:0;padding:.625rem .875rem}.rd-demo .a-receipt.g{background:var(--a-rose);border-radius:.625rem;padding:.5625rem .5rem}.rd-demo .a-receipt:hover:not(.g){background:var(--a-pierre)}.rd-demo .a-check input{width:1.25rem;height:1.25rem;accent-color:var(--a-encre);flex:none;margin:1px 0 0}.rd-demo .cal button.appt{text-align:left;font:inherit;color:inherit;cursor:pointer}.rd-demo .cal button.appt:hover{background:var(--a-pierre)}.rd-demo .a-btn[disabled]{cursor:not-allowed}.rd-demo .app a:focus-visible,.rd-demo .app input:focus-visible,.rd-demo .app textarea:focus-visible{outline:.1875rem solid var(--a-vermillon);outline-offset:.125rem}.rd-demo .target{z-index:2;animation:1.6s ease-out infinite rd-demo-tap;position:relative}@keyframes rd-demo-tap{0%{box-shadow:0 0 #d2442f8c}70%{box-shadow:0 0 0 .75rem #d2442f00}to{box-shadow:0 0 #d2442f00}}@media (prefers-reduced-motion:reduce){.rd-demo .target{box-shadow:0 0 0 .1875rem var(--a-vermillon);animation:none}.rd-demo .toast,.rd-demo .progress span{transition:none}}.rd-demo .app button:focus-visible,.rd-demo .app select:focus-visible,.rd-demo .app [tabindex]:focus-visible{outline:.1875rem solid var(--a-vermillon);outline-offset:.125rem}.rd-demo .cal{margin-left:2.875rem;position:relative}.rd-demo .cal .hour{font:500 .7813rem var(--mono);color:var(--a-fumee);position:absolute;left:-2.875rem;transform:translateY(-.4375rem)}.rd-demo .cal .rule{border-top:1px solid var(--a-ligne);position:absolute;left:0;right:0}.rd-demo .cal .appt{background:var(--a-papier);border:1.5px solid var(--a-encre);border-radius:.875rem;flex-direction:column;justify-content:center;padding:.375rem .75rem;display:flex;position:absolute;left:0;right:0;overflow:hidden}.rd-demo .cal .appt b{font-size:.875rem;font-weight:600;line-height:1.2}.rd-demo .cal .appt span{color:var(--a-fumee);font-size:.7813rem}.rd-demo .cal .appt.mine{background:var(--a-encre);color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3}.rd-demo .cal .appt.mine span{color:#d9d3c6}.rd-demo .cal .appt.mine.dragging{cursor:grabbing;z-index:6;box-shadow:0 .875rem 1.875rem #17140f4d}.rd-demo .cal .free{border:1.5px dashed var(--a-vermillon);background:var(--a-rose);color:var(--a-sur-rose);font:600 .8125rem var(--ui);cursor:pointer;border-radius:.875rem;place-items:center;display:grid;position:absolute;left:0;right:0}.rd-demo .filters{flex-wrap:wrap;gap:.5rem;display:flex}.rd-demo .filters button{border:1.5px solid var(--line);font:600 .8438rem var(--ui);color:var(--muted);cursor:pointer;background:0 0;border-radius:62.4375rem;padding:.5rem .875rem}.rd-demo .filters button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.rd-demo .filters button:focus-visible,.rd-demo .scen:focus-visible{outline:.1875rem solid var(--accent);outline-offset:.1875rem}.rd-demo .scens{gap:.625rem;display:grid}.rd-demo .scen{text-align:left;background:var(--panel);cursor:pointer;width:100%;color:var(--ink);border:1.5px solid #0000;border-radius:1.125rem;gap:.25rem;padding:.9375rem 1.125rem;display:grid}.rd-demo .scen:hover{border-color:var(--ink)}.rd-demo .scen .pov{font:600 .7188rem var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4375rem;display:flex}.rd-demo .scen .pov i{background:var(--accent);border-radius:50%;width:.4375rem;height:.4375rem}.rd-demo .scen b{font:600 1.1875rem/1.2 var(--display);letter-spacing:-.01em}.rd-demo .scen span.blurb{color:var(--muted);font-size:.9063rem}.rd-demo .scen span.meta{font:500 .7813rem var(--mono);color:var(--muted)}.rd-demo .ph-strip,.rd-demo .ph-guide,.rd-demo .ph-arrow{display:none}@media (max-width:760px),(pointer:coarse) and (max-height:500px){.rd-demo{grid-template-columns:1fr;justify-items:center;gap:1.25rem;padding-block:1rem 2.5rem;padding-inline:1rem}.rd-demo .story{gap:.75rem;width:100%;max-width:35rem;padding-top:0;position:static}.rd-demo .story h1{font-size:2.25rem}.rd-demo .context{font-size:1rem}.rd-demo .stage{width:100%}.rd-demo.at-hub .stage,.rd-demo.at-hub .nav{display:none}html:has(.rd-demo:not(.at-hub)){overflow:hidden}.rd-demo:not(.at-hub){z-index:40;background:var(--a-pierre);flex-direction:column;align-items:stretch;gap:0;max-width:none;margin:0;padding:0;display:flex;position:fixed;inset:0}.rd-demo:not(.at-hub) .story,.rd-demo:not(.at-hub) .whose,.rd-demo:not(.at-hub) .hint{display:none}.rd-demo:not(.at-hub) .stage{flex:1;justify-content:center;min-height:0;padding:0;display:flex}.rd-demo:not(.at-hub) .device{width:100%;max-width:30rem;height:auto;min-height:0;box-shadow:none;background:var(--a-pierre);border:0;border-radius:0;flex:1;padding:0}.rd-demo:not(.at-hub) .screen{border-radius:0}.rd-demo:not(.at-hub) .a-body,.rd-demo:not(.at-hub) .a-done{padding-bottom:12.5rem}.rd-demo:not(.at-hub) .a-tabbar{padding-bottom:calc(.875rem + env(safe-area-inset-bottom,0px))}.rd-demo:not(.at-hub) .toast{top:.625rem;bottom:auto;transform:translateY(-.75rem)}.rd-demo:not(.at-hub) .toast.show{transform:none}.rd-demo:not(.at-hub) .app button{transition:transform 80ms ease-out}.rd-demo:not(.at-hub) .app button:active:not([disabled]){transform:scale(.97)}.rd-demo:not(.at-hub) .target{animation:1.6s ease-out 2 rd-demo-tap;box-shadow:0 0 0 .1875rem #d2442fd9}.rd-demo:not(.at-hub) .target.again{animation-name:rd-demo-tap-again}.rd-demo:not(.at-hub) .ph-strip{height:calc(2.75rem + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(.25rem, calc((100% - 30rem) / 2 + .25rem)) 0;background:var(--bg);border-bottom:1px solid var(--line);color:var(--ink);flex:none;align-items:center;gap:.25rem;display:flex}.rd-demo .ph-x{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.75rem;flex:none;place-items:center;display:grid}.rd-demo .ph-prog{flex:1;gap:1px;min-width:0;display:grid}.rd-demo .ph-place{font:600 .7813rem/1.2 var(--ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rd-demo .ph-segs{gap:.1875rem;display:flex}.rd-demo .ph-seg{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;min-width:0;height:1.25rem;padding:0;display:grid}.rd-demo .ph-seg[disabled]{cursor:default}.rd-demo .ph-seg i{background:var(--soft);border-radius:.1875rem;height:.1875rem;display:block}.rd-demo .ph-seg.lit i{background:var(--ink)}.rd-demo .ph-seg.at i{background:var(--accent)}.rd-demo .ph-who{flex:none;display:flex}.rd-demo .ph-av{width:2.375rem;height:2.75rem;color:var(--ink);font:600 .6875rem var(--ui);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.rd-demo .ph-av[disabled]{cursor:default}.rd-demo .ph-av span{background:var(--soft);border-radius:50%;place-items:center;width:1.875rem;height:1.875rem;display:grid}.rd-demo .ph-av[aria-pressed=true] span{background:var(--ink);color:var(--bg);box-shadow:0 0 0 .125rem var(--bg), 0 0 0 .2188rem var(--ink)}.rd-demo .ph-av.waits:after{content:"";background:var(--accent);width:.5625rem;height:.5625rem;box-shadow:0 0 0 .125rem var(--bg);border-radius:50%;position:absolute;top:.375rem;right:.25rem}.rd-demo .ph-x:focus-visible,.rd-demo .ph-seg:focus-visible,.rd-demo .ph-av:focus-visible{outline:.1875rem solid var(--accent);outline-offset:-.1875rem}.rd-demo:not(.at-hub) .ph-guide{left:.625rem;right:.625rem;bottom:var(--ph-dock,.75rem);z-index:26;border:1px solid var(--a-ligne);max-height:45%;color:var(--a-encre);font:400 .9375rem/1.35 var(--ui);background:#fffffff5;border-radius:1.125rem;gap:.25rem;padding:.375rem;transition:background-color .15s,color .15s,border-color .15s;display:grid;position:absolute;box-shadow:0 .625rem 1.875rem #17140f29}.rd-demo:not(.at-hub) .ph-guide[hidden]{display:none}.rd-demo .ph-guide[data-look=after],.rd-demo .ph-guide[data-look=end]{background:var(--a-encre);border-color:var(--a-encre);color:#fff}.rd-demo .ph-row{align-items:center;gap:.375rem;display:flex}.rd-demo .ph-text{min-width:0;min-height:2.75rem;color:inherit;font:600 .9375rem/1.25 var(--ui);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.5625rem;padding:0 .375rem;display:flex}.rd-demo .ph-text span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rd-demo .ph-text svg{flex:none}.rd-demo .ph-dot{border:.125rem solid var(--a-vermillon);border-radius:50%;flex:none;width:.75rem;height:.75rem}.rd-demo .ph-go{background:var(--a-encre);color:#fff;min-height:2.75rem;font:600 .9063rem var(--ui);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:62.4375rem;flex:none;justify-content:center;align-items:center;gap:.375rem;padding:0 1rem;text-decoration:none;display:inline-flex}.rd-demo .ph-guide[data-look=before] .ph-go:not([data-g]),.rd-demo .ph-guide[data-look=off] .ph-go{border-color:var(--a-bordure);color:var(--a-encre);background:0 0}.rd-demo .ph-guide .ph-go[data-g=sell]{background:var(--a-vermillon)}.rd-demo .ph-guide[data-look=after] .ph-go{color:var(--a-encre);background:#fff}.rd-demo .ph-more{gap:.25rem;padding:.5rem .5rem .125rem;display:grid;overflow-y:auto}.rd-demo .ph-more[hidden]{display:none}.rd-demo .ph-more b{font:700 1.0625rem/1.2 var(--display)}.rd-demo .ph-more p{margin:0;font-size:.9375rem;line-height:1.45}.rd-demo .ph-end{gap:.625rem;padding:.625rem .5rem .375rem;display:grid}.rd-demo .ph-end b{font:700 1.375rem/1.15 var(--display)}.rd-demo .ph-end .ph-accent{background:var(--a-vermillon);min-height:3rem}.rd-demo .ph-end-row{gap:.5rem;display:flex}.rd-demo .ph-end-row .ph-go{background:#ffffff1f;flex:1}.rd-demo .ph-guide .ph-go:focus-visible,.rd-demo .ph-text:focus-visible{outline:.1875rem solid var(--a-vermillon);outline-offset:.125rem}.rd-demo:not(.at-hub) .ph-arrow{z-index:27;background:var(--a-encre);color:#fff;max-width:80%;height:2.75rem;font:600 .8438rem var(--ui);cursor:pointer;border:0;border-radius:62.4375rem;align-items:center;gap:.375rem;padding:0 1rem;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 .375rem 1.125rem #17140f40}.rd-demo:not(.at-hub) .ph-arrow[hidden]{display:none}.rd-demo .ph-arrow[data-dir=up]{top:.625rem}.rd-demo .ph-arrow[data-dir=down]{bottom:calc(var(--ph-dock,.75rem) + 4rem)}.rd-demo .ph-arrow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (max-width:760px) and (prefers-reduced-motion:reduce),(pointer:coarse) and (max-height:500px) and (prefers-reduced-motion:reduce){.rd-demo:not(.at-hub) .target,.rd-demo:not(.at-hub) .target.again{animation:none}.rd-demo:not(.at-hub) .ph-guide,.rd-demo:not(.at-hub) .app button{transition:none}}@keyframes rd-demo-tap-again{0%{box-shadow:0 0 #d2442f8c}70%{box-shadow:0 0 0 .75rem #d2442f00}to{box-shadow:0 0 #d2442f00}}::view-transition-group(rd-app){animation-duration:.26s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}