*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#292c29;background:#efefed;font-synthesis:none}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:20px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #009fd2;outline-offset:3px}[hidden]{display:none!important}.phone{width:390px;height:820px;max-width:100%;background:#292a27;padding:8px;border-radius:53px;box-shadow:0 0 0 1px #a8aaa5,0 0 0 4px #d0d2ca,0 20px 50px #2222}.screen{position:relative;isolation:isolate;overflow:hidden;height:100%;border-radius:45px;background:#fff}.statusbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:4px 25px 0;font-size:13px;font-weight:700;background:#fff;position:relative;z-index:30}.island{width:104px;height:28px;border-radius:20px;background:#141512;position:absolute;left:50%;transform:translateX(-50%);top:9px}.signal{font-size:10px}.webpage{position:absolute;inset:52px 0 113px;overflow:auto;padding:19px 23px 90px}.webpage nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:20px}.webpage nav strong{font-size:23px;letter-spacing:-1px}.webpage nav span{font-size:11px}.kicker{font-size:11px;color:#73756e;margin-top:27px}.webpage h1{font-size:32px;line-height:1.12;letter-spacing:-1.3px}.webpage h2{font-size:25px;letter-spacing:-.8px}.webpage p:not(.kicker){font-size:13px;line-height:1.6}.article-art{height:210px;background:#e9e6dc;position:relative;overflow:hidden}.vase{position:absolute;width:94px;height:103px;background:#aa7454;border-radius:15% 15% 42% 42%;bottom:22px;left:105px;transform:rotate(-5deg)}.stem{width:2px;height:130px;background:#6b7056;position:absolute;left:147px;bottom:110px;transform:rotate(20deg);transform-origin:bottom}.stem:after{content:'';position:absolute;top:15px;width:24px;height:45px;background:#86886a;border-radius:0 90% 0 90%}.s2{transform:rotate(-28deg);height:100px}.link{padding:5px 0;background:none;border:0;text-decoration:underline;font-size:12px}.shade,.helper-shade{position:absolute;inset:52px 0 113px;background:#2225;z-index:5}.cookie-panel{position:absolute;top:91px;bottom:184px;left:15px;right:15px;border-radius:11px;background:white;padding:22px 20px;z-index:6;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bbb #f2f2f2}.notice-label{font-size:9px;color:#93958e}.cookie-panel h2{font-size:22px;line-height:1.15;letter-spacing:-.6px;margin:18px 0}.cookie-panel p{font-size:11px;line-height:1.65;color:#797b74;margin:14px 0}.cookie-panel h3{font-size:12px;font-weight:600;line-height:1.5;margin-top:24px}.primary,.secondary{width:100%;padding:14px 10px;border-radius:6px;font-size:12px;font-weight:600}.primary{background:#303d30;border:1px solid #303d30;color:white}.secondary{background:white;border:1px solid #bbc3b8;margin-top:8px}.more{display:block;border:0;background:none;padding:16px 5px 9px;margin:auto;font-size:10px;color:#878b83;text-decoration:underline}.demo-label{display:block;text-align:center;font-size:8px;color:#a1a49a;margin-top:17px}.legal-summary{font-size:10px;line-height:2;color:#777b70;border:1px solid #ddd;padding:10px}.legal-purpose{border-top:1px solid #ddd;margin-top:23px}.legal-control{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;padding:7px 0}.legal-control input{flex-shrink:0;accent-color:#616b58;width:15px;height:15px}.legal-purpose small{font-size:9px;color:#8b8e84}.helper-shade{z-index:9;background:#20272066}.helper{position:absolute;z-index:12;top:81px;bottom:245px;left:15px;right:15px;background:#fff;border:1px solid #dedfd7;border-radius:17px;padding:18px;overflow:auto;overscroll-behavior:contain;box-shadow:0 8px 30px #1112;animation:explain-in .4s ease-out}.helper-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#985429}.helper-header button{border:0;background:none;font-size:24px;line-height:1;padding:0 4px;color:#72786b}.helper h2{font-size:23px;line-height:1.15;letter-spacing:-.7px;margin:12px 0 9px}.helper-intro{font-size:12px;line-height:1.5;color:#697061;margin:0 0 13px}.simple-option{display:flex;gap:10px;align-items:center;border-top:1px solid #e7e9e2;padding:11px 0;cursor:pointer}.simple-option input{width:18px;height:18px;accent-color:#415b38;flex-shrink:0;margin:0}.simple-option strong{display:block;font-size:12px;font-weight:600}.simple-option small{display:block;font-size:10px;line-height:1.5;color:#747c6c;margin-top:3px}.essential{font-size:10px;line-height:1.5;color:#7c8376;margin:10px 0 13px}#result{font-size:14px;line-height:1.65}#result strong{font-weight:600}.companion{position:absolute;inset:0;pointer-events:none;z-index:13}.swiper-character{position:absolute;bottom:-23px;left:13px;width:155px;background:none;border:0;padding:0;pointer-events:auto;transform-origin:center bottom;animation:peek 4s ease-in-out infinite;transition:bottom .55s cubic-bezier(.2,.9,.25,1)}.swiper-character img{display:block;width:100%;pointer-events:none}.tap-hint{position:absolute;left:154px;bottom:128px;background:white;border:1px solid #dedfd9;border-radius:10px 10px 10px 0;padding:9px 12px;font-size:11px;box-shadow:0 2px 8px #2221}.companion.active .swiper-character{bottom:76px;animation:bounce-up .85s both,bob 3.3s ease-in-out .85s infinite}.companion.active .tap-hint{display:none}.companion.done .swiper-character{animation:celebrate .7s ease-in-out 2,bob 3.3s 1.4s infinite}.browser{position:absolute;bottom:0;width:100%;height:113px;background:#f4f4f2;z-index:20;border-top:1px solid #d9d9d5;padding:10px 18px 0}.address{display:flex;align-items:center;justify-content:space-between;height:35px;background:#e5e5e2;border-radius:9px;font-size:11px;padding:0 11px}.address>span:nth-child(2){display:flex;align-items:center;gap:5px}.address svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2}.address button{border:0;padding:0;background:none;font-size:20px}.browser-tools{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 5px;color:#367eac}.browser-tools span{font-size:31px;font-weight:300}.browser-tools .muted{color:#bdbfbc}.browser-tools svg{width:19px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.home-indicator{height:4px;width:115px;background:#242521;border-radius:5px;margin:8px auto}@keyframes peek{0%,100%{transform:translateY(4px)}50%{transform:translateY(-5px)}}@keyframes bounce-up{0%{transform:translateY(90px) rotate(-4deg)}55%{transform:translateY(-23px) rotate(4deg)}75%{transform:translateY(9px) rotate(-2deg)}100%{transform:translateY(0)}}@keyframes bob{0%,100%{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes celebrate{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px) rotate(-5deg)}}@keyframes explain-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){body{padding:0;background:white}.phone{width:100%;height:100svh;min-height:600px;padding:0;border-radius:0;box-shadow:none}.screen{border-radius:0}.cookie-panel{top:83px}.helper{top:68px;bottom:238px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the tap target still while the artwork moves behind the toolbar. */
.swiper-character{bottom:113px;height:60px;animation:none;transition:height .55s cubic-bezier(.2,.9,.25,1)}
.swiper-character img{position:absolute;top:0;left:0;animation:peek 4s ease-in-out infinite;transform-origin:center bottom}
.companion.active .swiper-character,.companion.done .swiper-character{bottom:113px;height:140px;animation:none}
.companion.active .swiper-character img{animation:bounce-up .85s both,bob 3.3s ease-in-out .85s infinite}
.companion.done .swiper-character img{animation:celebrate .7s ease-in-out 2,bob 3.3s 1.4s infinite}
.helper{bottom:265px}
.helper{display:flex;flex-direction:column;overflow:hidden}.helper-header{flex-shrink:0}#helper-choices{display:flex;flex-direction:column;min-height:0;flex:1}#helper-choices>h2,#helper-choices>.helper-intro,#helper-choices>.essential,#helper-choices>button{flex-shrink:0}#simple-options{overflow-y:auto;min-height:55px;flex:1;scrollbar-width:thin}#helper-success{overflow-y:auto;min-height:0}@media(max-height:700px){.helper{bottom:225px}.helper h2{font-size:19px;margin:7px 0}.helper-intro{margin-bottom:6px}.helper .essential{margin:6px 0;font-size:9px}.helper .primary,.helper .secondary{padding:10px 6px;font-size:11px}.companion.active .swiper-character,.companion.done .swiper-character{height:105px}}
/* Swiper's palette belongs to the helper, distinct from the consent maze. */
.helper{background:#fffdf4;border:2px solid #f58b38;border-radius:25px 25px 25px 9px;box-shadow:0 6px 0 #dc742930,0 15px 35px #23201c25;color:#263544;font-family:ui-rounded,"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;padding:17px}
.helper-header{color:#884116;font-size:12px;letter-spacing:.1px}
.helper-header>span{background:#f5ed9e;padding:7px 11px;border-radius:12px 12px 12px 3px}
.helper-header button{width:30px;height:30px;border-radius:50%;background:#f7ead9;color:#775335;font-size:23px}
.helper h2{font-size:25px;letter-spacing:-.9px;line-height:1.1;color:#006e96;font-weight:800;margin:14px 0 9px}
.helper-intro{color:#52626b;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;margin-bottom:12px}
#simple-options{scrollbar-color:#eebd82 #fffdf4;padding:2px 4px 2px 1px}
.simple-option{border:1px solid #e5dfd2;border-radius:12px;padding:10px 9px;margin-bottom:7px;background:#fff;gap:10px;transition:background .18s,border-color .18s}
.simple-option:has(input:checked){background:#f0faff;border-color:#a5d4e4}
.simple-option input{appearance:none;width:21px;height:21px;border:1.5px solid #b9c9ce;border-radius:7px;background:#fff;display:grid;place-content:center}
.simple-option input:checked{background:#0083ae;border-color:#0083ae}
.simple-option input:checked:after{content:'';width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px)}
.simple-option strong{font-size:12px;color:#234e63;font-weight:700}
.simple-option small{font:10px/1.45 Arial,Helvetica,sans-serif;color:#506873}
.helper .essential{font:10px/1.45 Arial,Helvetica,sans-serif;color:#706039;margin:8px 0 10px;padding:7px 9px;background:#f7f1c6;border-radius:8px}
.helper .primary{background:#ff963f;border:1px solid #b85815;color:#48250e;box-shadow:0 3px 0 #b85e24;border-radius:12px;padding:13px 8px;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s}
.helper .primary:hover{background:#ffa451;transform:translateY(-1px);box-shadow:0 4px 0 #b85e24}
.helper .primary:active{transform:translateY(2px);box-shadow:0 1px 0 #b85e24}
.helper .secondary{background:transparent;border:1.5px solid #1684ab;color:#006d94;border-radius:12px;margin-top:10px;font-size:11px;padding:11px 6px}
.helper .secondary:hover{background:#e9f7fd}
.helper .more{color:#006d94;font-size:11px}
.helper button:focus-visible,.helper input:focus-visible{outline:3px solid #006b91;outline-offset:3px}
.success-mark{display:grid;place-items:center;width:54px;height:54px;margin-top:23px;border-radius:18px;background:#f5ed9e;border:2px solid #e4cc65;color:#007da5;font:700 31px Arial,Helvetica,sans-serif;transform:rotate(-7deg)}
#result{font:14px/1.6 Arial,Helvetica,sans-serif;color:#425d68}
.tap-hint{background:#fff4bc;border:1.5px solid #ee973d;color:#744015;border-radius:14px 14px 14px 3px;font-size:11px;font-weight:700;box-shadow:0 3px 0 #cf7a2920}
@media(max-height:700px){.helper{padding:12px}.helper h2{font-size:21px;margin:9px 0 6px}.helper-header>span{padding:5px 9px}.helper-intro{font-size:11px;margin-bottom:7px}.helper .essential{padding:5px 7px;margin:5px 0 7px;font-size:9px}.helper .primary,.helper .secondary{padding:10px 5px;font-size:10px}.helper .secondary{margin-top:8px}.success-mark{margin-top:13px}}
.helper-header .sound-toggle{margin-left:auto;margin-right:7px;display:grid;place-items:center;background:#e5f4fa;color:#00789d}.sound-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sound-muted{display:none}.sound-toggle[aria-pressed=true] .sound-waves{display:none}.sound-toggle[aria-pressed=true] .sound-muted{display:block}
/* Pointer interaction stays clean; keyboard focus remains visible. */
button:focus-visible,input:focus-visible,.helper button:focus-visible,.helper input:focus-visible,#settings-view:focus{outline:none}
body.keyboard-navigation button:focus-visible,body.keyboard-navigation input:focus-visible{outline:2px solid #b85815;outline-offset:3px}
button,input,label,a{-webkit-tap-highlight-color:transparent}
.site-switcher{position:absolute;top:52px;left:0;right:0;height:43px;background:#fff;z-index:25;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e3df;padding:0 15px}.site-switcher button{width:34px;height:34px;border:0;background:none;font-size:27px;color:#4d6470}.site-switcher>span{display:flex;align-items:center;gap:12px;font-size:10px}.site-switcher strong{font-weight:600}.site-switcher span span{color:#7c837b;font-size:9px}.webpage{top:95px}.shade,.helper-shade{top:95px}.cookie-panel{top:115px}.helper{top:108px}.screen{touch-action:pan-y}.helper-header{min-height:27px;margin-bottom:-4px}.helper-header .sound-toggle{width:27px;height:27px}.helper-header #close-helper{width:27px;height:27px}.helper h2{margin-top:9px}.helper .secondary{margin-bottom:1px}#simple-options{margin-bottom:11px}.risk-note{display:block;font:600 10px/1.4 Arial,sans-serif;color:#924316;margin-top:6px;padding-top:6px;border-top:1px solid #e8c7a2}.simple-option.sensitive{border-left:3px solid #e78a35}.simple-option.sensitive:has(input:checked){border-left-color:#e78a35}.helper.receipt{top:auto;max-height:calc(100% - 375px)}#helper-success h2{font-size:23px;margin:11px 0}#result{font-size:10px;margin:0 0 11px;color:#697c84}.blocked-service{display:flex;gap:10px;padding:10px 0;border-top:1px solid #e8dfc9}.blocked-service>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:#f5ed9e;border-radius:8px;color:#08799a;font-size:19px}.blocked-service strong{font-size:11px;color:#35566a}.blocked-service small{display:block;font:10px/1.4 Arial,sans-serif;color:#687477;margin-top:3px}#kept-permissions{font:10px/1.5 Arial,sans-serif;color:#60727b}#kept-permissions:empty{display:none}#helper-success .primary{margin-top:10px}#helper-success .more{padding-top:14px}.screen[data-site="1"] .article-art{background:#eee6e7}.screen[data-site="1"] .vase{background:#a9828b;transform:rotate(9deg);border-radius:5px}.screen[data-site="2"] .article-art{background:#e5e9e2}.screen[data-site="2"] .vase{background:#809171;border-radius:50%}.site-enter{animation:site-enter .3s ease-out}@keyframes site-enter{from{opacity:.4;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@media(max-height:700px){.helper{top:102px;bottom:220px}.helper.receipt{top:auto;max-height:calc(100% - 325px)}.helper h2{font-size:19px}.helper-intro{font-size:10px}.simple-option{padding:8px}.site-switcher{height:38px}.cookie-panel{top:103px}}
.cookie-panel,.webpage,.helper,#simple-options,#helper-success{touch-action:pan-y}
/* Put the controls beside the heading instead of reserving a blank row. */
.helper-header{position:absolute;right:16px;top:16px;min-height:0;margin:0;z-index:1}
.helper #helper-title,.helper #receipt-title{padding-right:65px;margin-top:0;min-height:30px}
.helper #helper-title{margin-bottom:8px}
.helper .helper-intro{margin-top:0}
.blocked-service.branded{align-items:center;gap:10px;padding:14px 0}
.blocked-service.branded>span:first-child{width:36px;height:36px;background:#fff;border:1px solid #e8e1ca;border-radius:11px}
.blocked-service.branded img{width:24px;height:24px;object-fit:contain}
.blocked-service.branded svg{width:23px;height:23px;fill:none;stroke:#0084ac;stroke-width:1.8}
.blocked-service.branded>div{flex:1;min-width:0}
.blocked-service.branded strong{font-size:13px}
.blocked-service.branded .blocked-label{width:auto;height:auto;background:none;font:600 9px Arial,sans-serif;color:#007599;flex-shrink:0}
@media(max-height:700px){.helper-header{top:12px;right:12px}.blocked-service.branded{padding:10px 0}}