*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"PingFang TC","Microsoft JhengHei",sans-serif;color:#fff}body{--accent:#ffe3a0;--accenttext:#342d1b;--base:#0c2921;--card:#193b36;--border:rgba(255,255,255,.3);background:var(--base)}body[data-theme=night]{--accent:#dfc8ff;--accenttext:#2c2045;--base:#101637;--card:#20254e}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shell{max-width:1920px;min-height:100vh;margin:auto;padding:2% 3%;background:linear-gradient(180deg,transparent,var(--base) 90%)}header{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:20px}.brand{font-size:clamp(20px,2vw,36px);font-weight:900;color:#ffe5a9;white-space:nowrap}nav,.toptools,.switches{display:flex;align-items:center;gap:7px}nav{background:#0b1b1acb;border-radius:50px;padding:5px}nav button,.toptools button{color:white;background:transparent;border-radius:30px;padding:12px 15px;font-size:clamp(13px,1.15vw,22px);font-weight:750;white-space:nowrap}.toptools button{background:#14272abf;border:1px solid var(--border)}nav button.chosen,.switches button.selected{background:var(--accent);color:var(--accenttext)}.hero{height:clamp(260px,32vh,405px);border-radius:24px;position:relative;overflow:hidden;background:#35624b;isolation:isolate}.heroimage{position:absolute;inset:0 0 0 30%;background:url("../assets/themes/forest.webp") center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#173b32 0%,#173b32e6 29%,#173b3266 58%,transparent 100%)}body[data-theme=night] .hero{background:#22295b}body[data-theme=night] .heroimage{background-image:url("../assets/themes/night.webp")}body[data-theme=night] .hero:before{background:linear-gradient(90deg,#161b43 0%,#161b43e6 29%,#161b4366 58%,transparent 100%)}.herotext{position:relative;z-index:2;padding:clamp(22px,3vw,60px);max-width:78%}.herotext p{font-size:clamp(17px,1.3vw,25px);margin:0 0 14px}.herotext #hello{color:var(--accent)}h1{font-size:clamp(30px,3.4vw,64px);line-height:1.2;margin:0 0 14px}button.primary{background:var(--accent);color:var(--accenttext)}.actions{display:flex;gap:12px}.actions button,dialog button{border-radius:35px;padding:13px 25px;background:#172c2bcf;color:white;border:1px solid #ffffff70;font-size:clamp(16px,1.3vw,24px);font-weight:800}.actions .primary,dialog .primary{background:var(--accent);color:var(--accenttext)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.section-title h2{margin:0;font-size:clamp(21px,1.7vw,34px)}.section-title span{font-size:clamp(13px,1vw,19px);color:#cddad9}.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.category{min-height:clamp(112px,13.5vh,180px);position:relative;text-align:left;border:2px solid #ffffff35;border-radius:19px;color:white;padding:15px;display:flex;flex-direction:column;justify-content:end;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.category:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 85%)}.category>*{position:relative}.category .emoji{position:absolute;right:12px;top:8px;font-size:clamp(30px,3vw,60px)}.category strong{font-size:clamp(17px,1.45vw,28px)}.category small{font-size:clamp(12px,.9vw,18px);margin-top:3px}.category:hover,.category:focus-visible,.category.active{border-color:var(--accent);transform:scale(1.045);box-shadow:0 0 0 2px #ffdc8c75,0 10px 25px #0007;z-index:2}.category:nth-child(6n+1){background:linear-gradient(130deg,#428c9b,#244664)}.category:nth-child(6n+2){background:linear-gradient(130deg,#bd769e,#674076)}.category:nth-child(6n+3){background:linear-gradient(130deg,#5d89a6,#3a487c)}.category:nth-child(6n+4){background:linear-gradient(130deg,#8cad6b,#2b6951)}.category:nth-child(6n+5){background:linear-gradient(130deg,#c39d6c,#866049)}.category:nth-child(6n){background:linear-gradient(130deg,#a789c3,#624d91)}.continue{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.watch{display:flex;align-items:center;text-align:left;gap:10px;padding:10px;min-height:98px;border-radius:13px;border:1px solid var(--border);background:var(--card);color:white;transition:transform .18s,border-color .18s}.watch:hover,.watch:focus-visible{transform:scale(1.03);border-color:var(--accent)}.watch .art{display:grid;place-items:center;min-width:35%;height:75px;border-radius:10px;background:linear-gradient(130deg,#6094a0,#304e70);font-size:clamp(27px,2.5vw,48px)}.watch strong{font-size:clamp(14px,1.15vw,22px)}.watch small{font-size:clamp(11px,.8vw,16px);color:#d3e1e4}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}footer button{padding:10px 16px;border-radius:30px;border:1px solid var(--border);background:#ffffff18;color:white;font-weight:750}footer small{color:#c5d3d2}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#162c35;border:1px solid #fff9;border-radius:12px;padding:15px 24px;opacity:0;pointer-events:none;z-index:10}.toast.visible{opacity:1}dialog{max-width:550px;border:2px solid #e5d2ac;border-radius:20px;background:#1b3440;color:white;padding:32px}dialog::backdrop{background:#000a}dialog p{font-size:20px;line-height:1.6}body.reduced *,body.reduced *:before,body.reduced *:after{transition:none!important;animation:none!important}@media(max-width:1100px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-around}.categories{grid-template-columns:repeat(3,1fr)}.continue{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.shell{padding:14px}.hero{height:340px}.heroimage{inset:0 0 0 10%;opacity:.7}.herotext{max-width:100%}.categories,.continue{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}
/* Build #2: Samsung cursor and focus states */
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button.hovered,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}nav button.hovered,.toptools button.hovered,footer button.hovered,.actions button.hovered{box-shadow:0 0 0 3px #ffe3a080;background-color:#4b5e55}nav button.chosen.hovered{background:var(--accent);color:var(--accenttext)}.category.hovered,.category:focus-visible,.category.active{border-color:var(--accent);transform:scale(1.045);box-shadow:0 0 0 3px #ffdc8c75,0 10px 25px #0007;z-index:2}.category.active{box-shadow:0 0 0 3px #ffdc8c75,0 10px 25px #0007}.watch.hovered,.watch:focus-visible,.watch.active{border-color:var(--accent);transform:scale(1.03)}.interaction-help{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);max-width:90vw;padding:12px 18px;border-radius:14px;background:#0b2329ed;color:white;font-size:18px;z-index:9;border:1px solid #ffffff55;text-align:center;pointer-events:none}.interaction-help.hidden{display:none}.toast{bottom:80px}button{min-height:48px}@media(max-width:650px){.interaction-help{font-size:13px;bottom:8px;padding:8px}.toast{bottom:55px}}

.parent-panel{width:min(640px,85vw);max-height:78vh;overflow:auto}.parent-panel label{display:block;margin:12px 0;font-size:19px}.parent-panel input[type=password]{display:block;width:90%;font-size:25px;padding:12px;border-radius:10px;color:#172532;background:white}.parent-panel button{border:1px solid #ffffff77;border-radius:12px;padding:12px 17px;background:#385c64;color:white;margin:5px;font-size:19px}.parent-panel button.primary{background:#ffe3a0;color:#292313}.parent-panel h3{margin-bottom:6px}.parentActions{margin:15px 0}#parentError{color:#ffd4a0;min-height:24px}#allowList{display:grid;grid-template-columns:repeat(2,1fr)}#allowList button[aria-pressed=true]{background:#cdebb7;color:#193020}#parentControls[hidden],#confirmWrap[hidden]{display:none}.favmark{position:absolute!important;left:12px;top:7px;font-size:26px;z-index:2}#resetAll{background:#70353e}.category{min-height:max(120px,13.5vh)}