.mavatar{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .mavatar button{font:inherit;cursor:pointer}.mavatar .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .mavatar button:focus-visible,.mavatar [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .mavatar .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .mavatar-stage{height:185px;display:grid;place-items:center}.mavatar-panel{position:relative;overflow:hidden;background:white;border:1px solid #e5ddd3;box-shadow:0 7px 20px #654b2e10;transition:width var(--time) var(--ease),height var(--time) var(--ease),border-radius var(--time) var(--ease)}.mavatar-face{position:absolute;left:0;top:0;width:62px;height:62px;display:grid;place-items:center;background:var(--accent);color:white;border:0;border-radius:50%;font:21px Georgia,serif!important;transition:top var(--time) var(--ease),left var(--time) var(--ease),width var(--time) var(--ease),height var(--time) var(--ease)}.mavatar-info{position:absolute;top:28px;left:83px;text-align:left;white-space:nowrap;transition:opacity var(--time)}.mavatar-info strong{font-size:13px}.mavatar-info small{display:block;margin-top:4px;font-size:10px;color:#948372}.mavatar-bio{position:absolute;top:93px;left:20px;right:20px;font-size:11px;text-align:left;line-height:1.6;color:#8d7966;transition:opacity var(--time)}
      .mavatar[data-reduced=true] *,.mavatar[data-reduced=true] *::before,.mavatar[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.mavatar *,.mavatar *::before,.mavatar *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .bas{width:280px;max-width:100%;font:11px system-ui;text-align:center;color:#6c7c79}
      .bas-scene{position:relative;height:166px;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;isolation:isolate}
      .bas-image{position:absolute;inset:0;pointer-events:none}.bas-image svg{display:block;width:100%;height:100%}
      .bas-before{filter:grayscale(1) contrast(.8) brightness(1.1)}
      .bas-tag{position:absolute;top:11px;padding:4px 7px;border-radius:4px;background:#ffffffcc;font-size:9px;color:#344c48;pointer-events:none}
      .bas-divider{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);transform:translateX(-50%);pointer-events:none;box-shadow:0 0 4px #182e3740}
      .bas-handle{position:absolute;top:50%;left:50%;width:29px;height:29px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 2px 9px #213c3a30;color:#344c48;font-size:14px}
      .bas-scene:focus-visible{outline:2px solid #527b71;outline-offset:4px}.bas p{font-size:10px;margin:11px 0 0}
    

      .bst{width:260px;max-width:100%;text-align:center;font:12px system-ui;color:#6e7a8b}
      .bst-stage{height:130px;display:grid;place-items:center}
      .bst-action{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:172px;height:46px;border:0;border-radius:10px;background:var(--accent);color:white;box-shadow:0 6px 16px #273f6320;overflow:hidden;transition:width var(--time) var(--ease),border-radius var(--time) var(--ease),background var(--time);font:13px system-ui;cursor:pointer;white-space:nowrap}
      .bst[data-phase=loading] .bst-action{width:46px;border-radius:23px;cursor:wait}
      .bst[data-phase=done] .bst-action{width:126px;background:#497462;cursor:default}
      .bst-spinner{width:17px;height:17px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:bst-spin .7s linear infinite}
      .bst-check{font-size:17px}.bst[data-phase=done] .bst-label{animation:bst-enter var(--time) ease both}
      .bst p{font-size:10px;margin:0;min-height:15px}.bst-reset{border:0;background:none;color:#566b87;font:10px system-ui;padding:4px 8px;cursor:pointer}.bst-reset:disabled{visibility:hidden}
      .bst button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      @keyframes bst-spin{to{transform:rotate(360deg)}}@keyframes bst-enter{from{opacity:0}to{opacity:1}}
      .bst[data-reduced=true] *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.bst *{animation:none!important;transition:none!important}}
    

      .cf-button{display:block;width:240px;height:145px;padding:0;border:0;background:none;perspective:var(--depth);text-align:left}
      .cf-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--time) var(--ease)}
      .cf-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 22px #25384b15}
      .cf-front{background:var(--accent);color:#fff}.cf-back{background:#fff;border:1px solid #dce2e8;color:#263943}
      .cf-face small{font-size:9px;letter-spacing:2px}.cf-face strong{font-size:23px;font-weight:500}.cf-face span{font-size:11px}.cf-hint{margin:12px 0 0;font-size:10px;color:#74808b}

      .cf{font:12px system-ui;color:#34434c;text-align:center;max-width:100%}
      .cf button{font:inherit;cursor:pointer} .cf button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .cf[data-reduced=true] *, .cf[data-reduced=true] *::after{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.cf *, .cf *::after{transition:none!important;animation:none!important}}
    

      .cr-pad{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;min-height:170px;border:0;border-radius:0;background:transparent;color:#34574d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px}
      .cr-pad strong{font-size:20px;font-weight:500;z-index:1}.cr-pad small{font-size:10px;color:#648276;z-index:1}.cr-wave{position:absolute;width:var(--diameter);height:var(--diameter);margin:calc(var(--diameter) / -2);border-radius:50%;background:var(--accent);pointer-events:none;animation:cr-spread var(--time) var(--ease) both}
      @keyframes cr-spread{from{transform:scale(0);opacity:var(--strength)}to{transform:scale(1);opacity:0}}
      .cr[data-reduced=true] .cr-wave{display:none}@media(prefers-reduced-motion:reduce){.cr .cr-wave{display:none}}

      .cr{width:100%;height:100%;min-height:170px;font:12px system-ui;color:#34434c;text-align:center;max-width:100%}
      .cr button{font:inherit;cursor:pointer} .cr button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
      .cr[data-reduced=true] *, .cr[data-reduced=true] *::after{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.cr *, .cr *::after{transition:none!important;animation:none!important}}
    

      .tcover{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .tcover button{font:inherit;cursor:pointer}.tcover .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .tcover button:focus-visible,.tcover [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .tcover .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .tcover-stage{height:145px;position:relative;perspective:550px}.tcover-item{position:absolute;left:50%;top:12px;margin-left:-49px;width:98px;height:117px;border:1px solid #ffffff90;border-radius:9px;color:white;background:var(--accent);box-shadow:0 8px 18px #50344a20;transition:transform var(--time) var(--ease),filter var(--time);overflow:hidden}.tcover-item:before{content:'';position:absolute;width:100px;height:100px;border:1px solid #ffffff40;border-radius:50%;left:25px;top:-36px;box-shadow:0 0 0 18px #ffffff0a}.tcover-item span{position:relative;font:18px Georgia,serif}.tcover-controls{display:flex;justify-content:center;gap:13px}.tcover-controls button{margin-top:0!important}
      .tcover[data-reduced=true] *,.tcover[data-reduced=true] *::before,.tcover[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.tcover *,.tcover *::before,.tcover *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .tnav{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .tnav button{font:inherit;cursor:pointer}.tnav .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .tnav button:focus-visible,.tnav [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .tnav .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .tnav-window{position:relative;height:130px;overflow:hidden;border:1px solid #d7e3ec;border-radius:12px;background:#fff}.tnav-page{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:white;color:var(--accent)}.tnav-page small{font-size:9px;letter-spacing:2px}.tnav-page strong{font:23px Georgia,serif}.tnav-in{animation:tnav-in var(--time) var(--ease) both}.tnav-out{animation:tnav-out var(--time) var(--ease) both}@keyframes tnav-in{from{transform:translateX(var(--travel))}to{transform:translateX(0)}}@keyframes tnav-out{to{transform:translateX(calc(-1 * var(--travel)))}}.tnav-controls{display:flex;justify-content:space-between;align-items:center}.tnav-controls span{font-size:10px}.tnav[data-reduced=true] .tnav-out{display:none}@media(prefers-reduced-motion:reduce){.tnav .tnav-out{display:none}}
      .tnav[data-reduced=true] *,.tnav[data-reduced=true] *::before,.tnav[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.tnav *,.tnav *::before,.tnav *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .ecn{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .ecn button{font:inherit;cursor:pointer}.ecn .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .ecn button:focus-visible,.ecn [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .ecn .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .ecn-field{position:relative;width:250px;height:130px;border:1px solid #ded7e8;border-radius:12px;background:#fdfbff;touch-action:none}.ecn-field svg{width:100%;height:100%;overflow:visible}.ecn-node{position:absolute;top:0;left:0;width:30px;height:30px;margin:-15px;border:3px solid white;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px #55406c30;cursor:grab!important}.ecn-line{fill:none;stroke:var(--accent);stroke-width:3}
      .ecn[data-reduced=true] *,.ecn[data-reduced=true] *::before,.ecn[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.ecn *,.ecn *::before,.ecn *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .ec{width:min(var(--ec-width),100%);padding:var(--ec-padding);background:#fffcf5;border:1px solid #e9e3d6;border-radius:var(--ec-radius);box-shadow:0 7px 18px #5d4c2110;text-align:left;color:#28261f;transition:width var(--ec-duration) var(--ec-easing)}.ec[data-open=true]{width:min(var(--ec-expandedWidth),100%)}
      .ec-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.ec h3{font:22px/1.15 Georgia,serif;margin:0}.ec-sun{width:17px;height:17px;border:4px solid #ffe3a0;background:#ffc65c;border-radius:50%;box-sizing:content-box;flex-shrink:0}
      .ec p{font:12px/1.6 system-ui;margin:10px 0 16px;color:#635e53}
      .ec-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ec-duration) var(--ec-easing)}.ec[data-open=true] .ec-details{grid-template-rows:1fr}.ec-inner{overflow:hidden;min-height:0;opacity:var(--ec-opacity);transform:translateY(var(--ec-offset));transition:opacity var(--ec-duration) var(--ec-easing),transform var(--ec-duration) var(--ec-easing)}.ec[data-open=true] .ec-inner{opacity:1;transform:none}.ec-inner div{padding:8px 0;border-top:1px solid #e9e3d6;display:flex;justify-content:space-between;font:11px/1.5 system-ui}
      .ec button{width:100%;padding:9px 10px;border:1px solid #d6cfc1;border-radius:6px;background:transparent;color:#292720;font:12px system-ui;display:flex;justify-content:space-between;cursor:pointer}.ec button:focus-visible{outline:2px solid #846324;outline-offset:3px}
      .ec[data-reduced=true],.ec[data-reduced=true] *{transition:none!important}
      @media(prefers-reduced-motion:reduce){.ec,.ec *{transition:none!important}}
    

      .fl{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .fl button{font:inherit;cursor:pointer}.fl .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .fl button:focus-visible,.fl [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .fl .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .fl-dock{height:130px;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 8px}.fl-dock button{width:39px;height:42px;border:1px solid #c6dbd4;border-radius:11px;background:#fff;color:var(--accent);font-size:24px;box-shadow:0 5px 10px #36594c12;transition:transform var(--time) var(--ease);transform-origin:bottom}
      .fl[data-reduced=true] *,.fl[data-reduced=true] *::before,.fl[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.fl *,.fl *::before,.fl *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .tzoom{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .tzoom button{font:inherit;cursor:pointer}.tzoom .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .tzoom button:focus-visible,.tzoom [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .tzoom .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .tzoom-scene{height:183px;position:relative;overflow:hidden;background:#edf3ef;border:1px solid #d8e3dc;border-radius:12px}.tzoom-image{position:absolute;top:18px;left:18px;width:86px;height:74px;border:0;background:#b5d0c0;padding:0;overflow:hidden;transition:top var(--time) var(--ease),left var(--time) var(--ease),width var(--time) var(--ease),height var(--time) var(--ease),border-radius var(--time) var(--ease)}.tzoom-image svg{display:block;width:100%;height:100%}.tzoom-caption{position:absolute;right:16px;top:28px;font:18px Georgia,serif;color:#536c5e;width:113px;text-align:left;transition:opacity var(--time)}.tzoom-caption small{display:block;font:10px system-ui;margin-top:8px}.tzoom-detail{position:absolute;bottom:13px;left:17px;right:17px;color:white;pointer-events:none;text-align:left;font:22px Georgia,serif;text-shadow:0 1px 6px #163f37;transition:opacity var(--time)}
      .tzoom[data-reduced=true] *,.tzoom[data-reduced=true] *::before,.tzoom[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.tzoom *,.tzoom *::before,.tzoom *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .ir-scene{width:260px;height:145px;position:relative;overflow:hidden;border-radius:12px;background:#e7e9ef;isolation:isolate}
      .ir-base,.ir-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
      .ir-base{color:#798293;font-size:10px;letter-spacing:2px}.ir-cover{background:var(--accent);color:white;transition:clip-path var(--time) var(--ease)}
      .ir-cover::before{content:'';position:absolute;width:145px;height:145px;border:1px solid #ffffff35;border-radius:50%;right:-20px;top:-50px;box-shadow:0 0 0 25px #ffffff0c,0 0 0 50px #ffffff0c;z-index:-1}
      .ir-cover strong{font:italic 27px Georgia,serif}.ir-cover small{font-size:9px;letter-spacing:2px}.ir button{border:0;background:none;color:#526176;padding:12px 8px 0}

      .ir{font:12px system-ui;color:#34434c;text-align:center;max-width:100%}
      .ir button{font:inherit;cursor:pointer} .ir button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .ir[data-reduced=true] *, .ir[data-reduced=true] *::after{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.ir *, .ir *::after{transition:none!important;animation:none!important}}
    

      .tline{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .tline button{font:inherit;cursor:pointer}.tline .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .tline button:focus-visible,.tline [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .tline .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .tline-space{height:135px;display:flex;flex-direction:column;justify-content:center;text-align:left;padding:0 14px}.tline-mask{height:1.18em;overflow:hidden;font:var(--size)/1.18 Georgia,serif;color:var(--accent);letter-spacing:-.8px}.tline-strip{transition:transform var(--time) var(--ease)}.tline-strip span{display:block;height:1.18em;white-space:nowrap}
      .tline[data-reduced=true] *,.tline[data-reduced=true] *::before,.tline[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.tline *,.tline *::before,.tline *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .mg{position:relative;width:100%;height:100%;min-height:170px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .mg button{font:inherit;cursor:pointer}.mg .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .mg button:focus-visible,.mg [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .mg .hint{position:absolute;bottom:12px;left:8px;right:8px;pointer-events:none;font-size:10px;color:#7b8490;margin:0}
      .mg-zone{position:absolute;inset:0;display:grid;place-items:center}
      .mg-button{border:0;border-radius:30px;padding:17px 26px;background:var(--accent);color:white;box-shadow:0 8px 20px #254b3820;transition:transform var(--time) var(--ease)}
      .mg[data-reduced=true] *,.mg[data-reduced=true] *::before,.mg[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.mg *,.mg *::before,.mg *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .mmenu{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .mmenu button{font:inherit;cursor:pointer}.mmenu .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .mmenu button:focus-visible,.mmenu [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .mmenu .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .mmenu-space{height:145px;display:grid;place-items:center}.mmenu-icon{width:68px;height:68px;border:1px solid #e2dcea;background:white;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap);box-shadow:0 6px 16px #503c7010}.mmenu-line{display:block;width:26px;background:var(--accent);border-radius:3px;transition:transform var(--time) var(--ease),opacity var(--time)}
      .mmenu[data-reduced=true] *,.mmenu[data-reduced=true] *::before,.mmenu[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.mmenu *,.mmenu *::before,.mmenu *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .pa{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .pa button{font:inherit;cursor:pointer}.pa .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .pa button:focus-visible,.pa [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .pa .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .pa svg{display:block;width:250px;height:130px;overflow:hidden}.pa circle{transition:transform var(--time) var(--ease),opacity var(--time);fill:var(--accent)}
      .pa[data-reduced=true] *,.pa[data-reduced=true] *::before,.pa[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.pa *,.pa *::before,.pa *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .rm{width:230px}.rm-space{position:relative;height:155px;display:flex;align-items:center;justify-content:center}
      .rm-toggle,.rm-action{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 12px #35495618}
      .rm-toggle{background:var(--accent);color:white;border:0;z-index:2;font-size:23px!important;transition:transform var(--time) var(--ease)}
      .rm-action{background:white;border:1px solid #dce3e8;color:#3a5360;transition:transform var(--time) var(--ease),opacity var(--time) ease;font-size:18px!important}
      .rm-status{margin:0;font-size:11px;color:#6c7d85;min-height:16px}

      .rm{font:12px system-ui;color:#34434c;text-align:center;max-width:100%}
      .rm button{font:inherit;cursor:pointer} .rm button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .rm[data-reduced=true] *, .rm[data-reduced=true] *::after{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.rm *, .rm *::after{transition:none!important;animation:none!important}}
    

      .rg{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .rg button{font:inherit;cursor:pointer}.rg .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .rg button:focus-visible,.rg [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .rg .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .rg-list{position:relative;margin:0;padding:0;list-style:none;text-align:left}.rg-row{position:absolute;left:0;right:0;height:36px;transition:transform var(--time) var(--ease)}.rg-row button{width:100%;height:100%;border:1px solid #d7e2eb;border-radius:7px;background:white;text-align:left;padding:0 13px;color:#496177;touch-action:none;box-shadow:0 3px 9px #35556b0c}.rg-row button span{float:right;color:var(--accent)}
      .rg[data-reduced=true] *,.rg[data-reduced=true] *::before,.rg[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.rg *,.rg *::before,.rg *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .sct{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .sct button{font:inherit;cursor:pointer}.sct .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .sct button:focus-visible,.sct [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .sct .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .sct-shell{display:flex;gap:15px;height:138px;text-align:left}.sct-track{width:4px;background:#eadde2;border-radius:3px;position:relative;flex-shrink:0;margin:10px 0 10px 15px}.sct-fill{width:100%;background:var(--accent);border-radius:3px}.sct-dot{position:absolute;left:-4px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid white;transform:translateY(-50%)}.sct-scroll{height:138px;overflow-y:auto;overscroll-behavior:contain;flex:1;border:1px solid #e6dce2;border-radius:9px;background:#fff;padding:0 15px;scrollbar-width:thin}.sct-step{height:var(--spacing);padding-top:23px}.sct-step small{color:var(--accent);font-size:9px;letter-spacing:2px}.sct-step strong{display:block;font:21px Georgia,serif;margin-top:7px}
      .sct[data-reduced=true] *,.sct[data-reduced=true] *::before,.sct[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.sct *,.sct *::before,.sct *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .msearch{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .msearch button{font:inherit;cursor:pointer}.msearch .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .msearch button:focus-visible,.msearch [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .msearch .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .msearch-space{height:145px;display:grid;place-items:center}.msearch-shell{height:48px;display:flex;align-items:center;overflow:hidden;border:1px solid #cddcd5;border-radius:24px;background:white;box-shadow:0 7px 20px #31554612;transition:width var(--time) var(--ease);max-width:100%}.msearch-icon{width:46px;height:46px;border:0;background:none;flex-shrink:0;color:var(--accent);font-size:22px!important}.msearch-shell input{min-width:0;width:100%;border:0;outline:none;font:12px system-ui;color:#355349;background:transparent}.msearch-close{border:0;background:none;color:#708079;padding:10px;font-size:18px!important}.msearch-fields{display:flex;align-items:center;flex:1;min-width:0}
      .msearch[data-reduced=true] *,.msearch[data-reduced=true] *::before,.msearch[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.msearch *,.msearch *::before,.msearch *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .ss{text-align:center;width:100%;color:#504fb0}.ss-area{height:calc(var(--ss-size) + 20px);display:flex;align-items:center;justify-content:center;gap:20px}.ss-shape{width:var(--ss-size);height:var(--ss-size);border-radius:var(--ss-startRadius);background:var(--ss-startColor);box-shadow:inset 0 1px 4px #ffffff50;transition:border-radius var(--ss-duration) var(--ss-easing),transform var(--ss-duration) var(--ss-easing),background var(--ss-duration)}.ss[data-round=true] .ss-shape{border-radius:var(--ss-endRadius);transform:rotate(var(--ss-rotation));background:var(--ss-endColor)}.ss-ghost{height:46px;width:46px;border:1px dashed #a7a7bc;border-radius:50%;transition:border-radius var(--ss-duration)}.ss[data-round=true] .ss-ghost{border-radius:10px}
      .ss button{border:0;background:transparent;color:#5c5b89;font:11px system-ui;padding:9px 12px;cursor:pointer}.ss button:focus-visible{outline:2px solid #5553ae;outline-offset:2px;border-radius:6px}
      .ss[data-reduced=true] *{transition:none!important}@media(prefers-reduced-motion:reduce){.ss *{transition:none!important}}
    

      .shr{width:260px;max-width:100%;text-align:center;font:12px system-ui;color:#47605b}
      .shr-scene{position:relative;height:145px;overflow:hidden;border-radius:12px;background:#f9f3e7;border:1px solid #d8dfd8}
      .shr-content{position:absolute;inset:0;display:grid;place-content:center;gap:9px;color:#395952;background:radial-gradient(circle at 85% 25%,#edcb8880 0 28px,transparent 29px)}
      .shr-content strong{font:italic 28px Georgia,serif}.shr-content span{font-size:10px}
      .shr-shutters{position:absolute;inset:0;display:flex;perspective:650px;pointer-events:none}
      .shr-slat{flex:1;height:100%;background:var(--accent);border-right:1px solid #ffffff20;backface-visibility:hidden;transform-origin:center;transition:transform var(--time) var(--ease);transition-delay:calc(var(--order)*var(--stagger));box-shadow:inset 4px 0 10px #0000000a}
      .shr[data-open=true] .shr-slat{transform:rotateY(90deg)}
      .shr button{margin-top:12px;border:0;background:transparent;color:#47605b;font:11px system-ui;padding:6px 10px;cursor:pointer}
      .shr button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}
      .shr[data-reduced=true] .shr-slat{transition:none}@media(prefers-reduced-motion:reduce){.shr .shr-slat{transition:none}}
    

      .st{width:min(310px,100%);text-align:center}.st-track{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#ecf0ef;border:1px solid #dce2e0;border-radius:12px;padding:4px;box-shadow:0 6px 16px #224a3010}.st-indicator{position:absolute;left:4px;top:var(--st-top);width:calc((100% - 8px)/3);height:var(--st-height);background:var(--st-color);border-radius:var(--st-radius);box-shadow:0 2px 5px #173a2012;transform:translateX(calc(var(--st-index)*100%));transition:transform var(--st-duration) var(--st-easing)}.st button{position:relative;border:0;background:transparent;padding:var(--st-padding) 2px;color:#535e59;font:11px system-ui;cursor:pointer}.st button[aria-selected=true]{color:#1c2921;font-weight:600}.st button:focus-visible{outline:2px solid #507c67;border-radius:7px;outline-offset:-2px}.st-panel{font:12px/1.5 system-ui;color:#64756b;min-height:35px;padding-top:16px}
      .st[data-reduced=true] *{transition:none!important}@media(prefers-reduced-motion:reduce){.st *{transition:none!important}}
    

      .sf{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .sf button{font:inherit;cursor:pointer}.sf .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .sf button:focus-visible,.sf [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .sf .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .sf-board{display:flex;justify-content:center;gap:7px;padding:20px 0 8px}.sf-digit{position:relative;width:calc(var(--size)*.85);height:calc(var(--size)*1.2);border-radius:7px;background:var(--accent);color:#f6f1df;font:var(--size)/1.2 ui-monospace,monospace;perspective:250px;box-shadow:0 5px 9px #18252b20;overflow:hidden}
      .sf-digit::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#0009;z-index:4}
      .sf-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--accent);backface-visibility:hidden}
      .sf-half>span{position:absolute;left:0;right:0;height:calc(var(--size)*1.2);line-height:calc(var(--size)*1.2)}
      .sf-top{top:0;transform-origin:bottom;z-index:3;animation:sf-fold-top var(--time) var(--ease) both}
      .sf-top>span{top:0}.sf-bottom{bottom:0;transform-origin:top}.sf-bottom>span{bottom:0}
      .sf-old-bottom{z-index:1;animation:sf-retire var(--time) step-end both}
      .sf-new-bottom{z-index:2;animation:sf-unfold-bottom var(--time) var(--ease) both}
      @keyframes sf-fold-top{0%{transform:rotateX(0deg)}50%,100%{transform:rotateX(-90deg)}}
      @keyframes sf-unfold-bottom{0%,50%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}
      @keyframes sf-retire{0%{visibility:visible}100%{visibility:hidden}}
      .sf[data-reduced=true] .sf-half{display:none}@media(prefers-reduced-motion:reduce){.sf .sf-half{display:none}}
      .sf[data-reduced=true] *,.sf[data-reduced=true] *::before,.sf[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.sf *,.sf *::before,.sf *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .si{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .si button{font:inherit;cursor:pointer}.si .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .si button:focus-visible,.si [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .si .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .si-surface{width:250px;height:142px;border:0;border-radius:12px;background:#192a33;position:relative;overflow:hidden;padding:0!important;text-align:left}.si-map{position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent 0 22px,#97c3c550 23px 24px),repeating-linear-gradient(-35deg,#253e47 0 32px,#95aeb950 33px 34px);color:var(--accent);padding:23px;font-size:11px}.si-map strong{display:block;margin-top:45px;font:20px Georgia,serif}.si-shade{position:absolute;inset:0;background:#101b24ed;pointer-events:none}
      .si[data-reduced=true] *,.si[data-reduced=true] *::before,.si[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.si *,.si *::before,.si *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .sp{width:260px}.sp-field{height:145px;display:grid;place-items:center;border:1px dashed #d6d1e4;border-radius:14px;position:relative;background:#faf9fe}.sp-home{position:absolute;width:48px;height:48px;border:1px dashed #bdb2d5;border-radius:14px}
      .sp button{width:54px;height:54px;background:var(--accent);color:#fff;border:1px solid #ffffff60;border-radius:14px;font-size:23px;box-shadow:0 7px 17px #4c367429;touch-action:none;user-select:none;position:relative;transition:transform var(--time) var(--ease)}
      .sp p{font-size:10px;color:#7a6d91;margin:11px 0 0}

      .sp{font:12px system-ui;color:#34434c;text-align:center;max-width:100%}
      .sp button{font:23px system-ui;cursor:pointer} .sp button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .sp[data-reduced=true] *, .sp[data-reduced=true] *::after{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.sp *, .sp *::after{transition:none!important;animation:none!important}}
    

      .sk{width:260px;max-width:100%;font:12px system-ui;color:#394a55;text-align:center}
      .sk button{font:inherit;cursor:pointer}.sk .trigger{border:1px solid #d9dfe4;border-radius:7px;background:white;padding:7px 12px;color:#435361;margin-top:10px}
      .sk button:focus-visible,.sk [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .sk .hint{font-size:10px;color:#7b8490;margin:9px 0 0}
      .sk-deck{position:relative;height:137px;width:210px;margin:auto}
      .sk-card{position:absolute;inset:0;border:1px solid #e0d6ca;border-radius:12px;padding:22px;background:#fffaf2;text-align:left;box-shadow:0 5px 13px #61492c13;transition:transform var(--time) var(--ease)}
      .sk-card strong{display:block;font:23px Georgia,serif;margin:18px 0;color:var(--accent)}
      .sk[data-reduced=true] *,.sk[data-reduced=true] *::before,.sk[data-reduced=true] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
      @media(prefers-reduced-motion:reduce){.sk *,.sk *::before,.sk *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
    

      .sr{width:min(270px,100%);text-align:center}.sr-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.sr-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbe3eb;border-radius:var(--sr-radius);padding:12px;color:#3c4753;font:11px system-ui;box-shadow:0 5px 12px #263d5510;opacity:0;transform:translate(var(--sr-x),var(--sr-y));transition:opacity var(--sr-duration) ease,transform var(--sr-duration) var(--sr-easing);transition-delay:0ms}.sr[data-shown=true] .sr-item{opacity:1;transform:none;transition-delay:calc(var(--sr-order)*var(--sr-stagger))}.sr-ring{width:13px;height:13px;border:1px solid #8c9aaa;border-radius:50%;flex-shrink:0}.sr button{border:0;background:transparent;padding:12px 10px 0;color:#65758a;font:11px system-ui;cursor:pointer}.sr button:focus-visible{outline:2px solid #527294;outline-offset:4px;border-radius:3px}
      .sr[data-reduced=true] *{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){.sr *{transition:none!important;animation:none!important}}
    

      .sd{width:230px}.sd svg{width:95px;height:95px;display:block;margin:0 auto 7px;overflow:visible}.sd circle{stroke:#dce6e1}.sd path{stroke:var(--accent);stroke-linecap:var(--cap);stroke-linejoin:round;fill:none;transition:stroke-dashoffset var(--time) var(--ease)}
      .sd button{border:1px solid #d6e0da;border-radius:7px;background:#fff;padding:8px 15px;color:#3b6555}.sd p{margin:8px 0 0;color:#77867f;font-size:10px}

      .sd{font:12px system-ui;color:#34434c;text-align:center;max-width:100%}
      .sd button{font:inherit;cursor:pointer} .sd button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
      .sd[data-reduced=true] *, .sd[data-reduced=true] *::after{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.sd *, .sd *::after{transition:none!important;animation:none!important}}
    

      .ts{text-align:center;color:#251f22}.ts-phrase{font:clamp(40px,4.5vw,64px)/.95 Georgia,serif;letter-spacing:-1.8px;margin:0 0 15px}.ts-word{display:block;animation:ts-in var(--ts-duration) var(--ts-easing) both}.ts-dot{color:var(--ts-color)}.ts button{border:0;background:transparent;color:#766571;font:11px system-ui;padding:8px 12px;cursor:pointer}.ts button:focus-visible{outline:2px solid #995273;border-radius:6px;outline-offset:2px}
      @keyframes ts-in{from{opacity:0;transform:translate(var(--ts-x),var(--ts-y));filter:blur(var(--ts-blur))}to{opacity:1;transform:translateY(0);filter:blur(0)}}
      .ts[data-reduced=true] *{animation:none!important}@media(prefers-reduced-motion:reduce){.ts *{animation:none!important}}
    

      .wm{width:min(var(--wm-collapsedWidth),100%);color:#d9e2e0;background:#171d20;border:1px solid #343b3e;border-radius:var(--wm-radius);box-shadow:0 12px 25px #18222720;transition:width var(--wm-duration) var(--wm-easing);overflow:hidden;text-align:left;font:12px/1.6 ui-monospace,monospace}
      .wm[data-expanded=true]{width:min(var(--wm-expandedWidth),100%)}
      .wm-head{height:35px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#252d30}
      .wm-dot{width:7px;height:7px;border-radius:50%;background:#fb7069}.wm-dot:nth-child(2){background:#efc74e}.wm-dot:nth-child(3){background:#66ca85}
      .wm-head span:last-child{margin-left:7px;color:#c2cccc;font-size:10px}
      .wm-body{padding:15px}.wm-line{margin:0;color:#abdfae}.wm-line span{color:#6f9675}
      .wm-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--wm-duration) var(--wm-easing)}
      .wm[data-expanded=true] .wm-content{grid-template-rows:1fr;transition-delay:var(--wm-delay)}.wm-inner{overflow:hidden;min-height:0}
      .wm-project{padding:9px 0;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between}.wm-project b{font-weight:400;color:#a6adb0}
      .wm button{display:flex;justify-content:space-between;width:100%;border:1px solid #4a565b;background:#2b3539;border-radius:6px;color:#eaf1ee;padding:7px 10px;margin-top:14px;font:11px/1.3 system-ui;cursor:pointer}
      .wm button:focus-visible{outline:2px solid #b8e7ab;outline-offset:2px}
      .wm[data-reduced=true],.wm[data-reduced=true] *{transition:none!important;animation:none!important}
      @media(prefers-reduced-motion:reduce){.wm,.wm *{transition:none!important;animation:none!important}}