:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#133d38;background:#fdfbf2}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:4px solid #eaa800;outline-offset:3px}.parent-screen{min-height:100dvh}.banner{width:100%;max-height:310px;object-fit:cover;display:block}.parent-content{max-width:780px;margin:0 auto;padding:22px 24px 64px}.eyebrow{font-weight:900;letter-spacing:.15em;color:#087e78;font-size:.82rem}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;margin:.2em 0 .4em}.parent-content>p:not(.eyebrow){font-size:1.12rem;line-height:1.6}.settings{display:grid;grid-template-columns:minmax(90px,auto) 1fr;align-items:center;gap:12px 18px;margin:30px 0;font-weight:800}.settings select{width:100%;padding:12px 14px;border:2px solid #86bdb2;border-radius:14px;background:white;color:#133d38}.primary{border:0;border-radius:18px;padding:17px 25px;background:#ffdc56;color:#123d39;font-weight:900;font-size:1.2rem;box-shadow:0 5px 0 #d39e12;min-height:58px}.primary:hover{background:#ffe574}.fine-print{font-size:.87rem!important;color:#425d59}.child-screen{min-height:100dvh;background:#133d38;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:10px}.child-screen[hidden],.parent-screen[hidden]{display:none}.video-wrap{height:min(78dvh,calc((100vw - 24px)*16/9));aspect-ratio:9/16;max-width:100%;display:grid;place-items:center;background:#071d1b;border-radius:18px;overflow:hidden;box-shadow:0 12px 50px #0007}.video-wrap video{height:100%;width:100%;object-fit:contain}.child-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,600px)}.child-controls button{min-height:52px;min-width:104px;border:0;border-radius:16px;background:#ffdc56;color:#143d38;font-weight:900}.child-controls p{text-align:center;font-size:.93rem;font-weight:700;margin:0;flex:1}.parent-return{width:min(100%,600px);text-align:center;position:relative}.parent-return button{background:transparent;color:#d5ede4;border:1px solid #4d7a70;border-radius:12px;padding:10px 13px;touch-action:none;min-height:44px}.parent-return span{display:block;height:3px;width:0;background:#ffdc56;transition:width 3s linear}.parent-return span.holding{width:100%}.playback-message{position:absolute;top:25%;max-width:min(90vw,500px);padding:18px 22px;border-radius:15px;background:#fffdf0;color:#133d38;text-align:center;font-weight:800;box-shadow:0 10px 50px #0008}@media(max-width:600px){.banner{height:180px}.parent-content{padding:18px}.settings{grid-template-columns:1fr;gap:6px}.settings select{margin-bottom:12px}.video-wrap{height:min(76dvh,calc((100vw - 24px)*16/9))}.child-controls button{min-width:82px}.child-controls p{font-size:.8rem}}
:root{--corner-size:54px}
.child-screen{position:relative}
.parent-corner{position:fixed;z-index:5;width:var(--corner-size);height:var(--corner-size);display:grid;place-items:center;padding:0;border:0;border-radius:16px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.4);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.parent-corner span{font-size:18px;line-height:1}
.parent-corner.selected{background:rgba(255,220,86,.3);color:#ffdc56}
.parent-corner.top-left{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left))}
.parent-corner.top-right{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}
.parent-corner.bottom-right{bottom:max(8px,env(safe-area-inset-bottom));right:max(8px,env(safe-area-inset-right))}
.parent-corner.bottom-left{bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left))}
@media(max-width:600px){.child-screen{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}
.parent-stats{margin:28px 0;padding:20px;border:2px solid #8cc5b9;border-radius:18px;background:#eaf8ef}
.review-offer{margin:32px 0;padding:24px;border:2px solid #9ccbbf;border-radius:20px;background:#f0f9ef}.review-offer h2{font-size:1.65rem;margin:.1em 0 .45em}.review-offer p{line-height:1.55}.review-offer .feedback-note{font-size:.85rem;color:#425d59}.feedback-link{display:inline-block;padding:13px 17px;border-radius:14px;background:#087f79;color:white;font-weight:800;text-decoration:none}.feedback-link:hover{background:#066760}.feedback-link:focus-visible{outline:4px solid #eaa800;outline-offset:3px}
.parent-stats[hidden]{display:none}
.parent-stats h2{font-size:1.25rem;margin:0 0 8px}
.parent-stats p{margin:8px 0;line-height:1.5}
.parent-stats .stats-note{font-size:.87rem;color:#425d59}
.category-picker{margin:28px 0 12px;padding:18px;border:2px solid #8cc5b9;border-radius:18px;background:#f0f9ef}
.category-picker legend{font-size:1.25rem;font-weight:900;padding:0 8px}
.category-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.category-options label{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:2px solid #86bdb2;border-radius:999px;background:#fff;font-weight:800;cursor:pointer}
.category-options label:has(input:checked){background:#ffdc56;border-color:#d39e12}
.category-options input{accent-color:#087e78}
.category-options input:focus-visible{outline:3px solid #eaa800;outline-offset:3px}
#category-summary{font-size:.92rem;line-height:1.4;margin:14px 0 0;color:#425d59}
