:root {
  color-scheme: light;
  --ink:#173c38; --muted:#647b75; --paper:#fffaf0; --card:#fffdf8;
  --green:#2e7d5c; --lime:#9bc64b; --coral:#ef6b55; --gold:#f3b43f;
  --purple:#7564b6; --line:rgba(23,60,56,.14); --shadow:0 18px 46px rgba(31,57,49,.16);
  font-family:ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,sans-serif;
}
*{box-sizing:border-box} html,body,#app{min-height:100%;margin:0} body{background:#edf5ef;color:var(--ink)}
button,input,select{font:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ffd65a;outline-offset:3px}
.icon{font-style:normal}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shell{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1240px;margin:0 auto 18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.03em;font-size:clamp(1.45rem,3vw,2.2rem)}
.nest-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:50% 50% 45% 45%;background:#f4b84e;box-shadow:inset 0 -5px rgba(92,55,24,.12);font-size:1.55rem}
.profile-chip,.parent-btn,.soft-btn,.primary-btn,.danger-btn,.packed-btn,.trusted-btn{border:0;border-radius:16px;font-weight:850;min-height:48px;padding:10px 17px}.primary-btn:disabled,.soft-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.profile-chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.84);box-shadow:0 7px 20px rgba(20,56,50,.1)}
.time-left{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.82);font-size:.84rem;font-weight:900;white-space:nowrap;box-shadow:0 6px 18px rgba(20,56,50,.09)}
.avatar{display:grid;place-items:center;border-radius:50%;background:#d7efe6;overflow:hidden;flex:none}.avatar.sm{width:36px;height:36px;font-size:23px}.avatar.lg{width:68px;height:68px;font-size:42px}.avatar.xl{width:92px;height:92px;font-size:58px}
.parent-btn{background:#63549e;color:#fff;box-shadow:0 7px 0 #493d78}.soft-btn{background:#fff;color:var(--ink);border:1px solid var(--line)}
.primary-btn{background:var(--coral);color:#fff;box-shadow:0 5px 0 #c44e3c}.danger-btn{background:#fff0ec;color:#b64231}.packed-btn{background:#def2e7;color:#216447;border:1px solid #6caf8b;box-shadow:inset 0 0 0 1px #fff}.trusted-btn{background:#e6edff;color:#38528a;border:1px solid #91a8d8}.trusted-btn:disabled{opacity:1}.compact{min-height:40px;padding:8px 12px;border-radius:12px}.full{width:100%}
.welcome{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#fff8c9 0 9%,transparent 24%),linear-gradient(140deg,#d8f4e3,#ccecf4 52%,#e9dcff)}
.welcome-card{width:min(820px,100%);background:rgba(255,253,248,.95);border:2px solid #fff;border-radius:38px;padding:clamp(26px,6vw,60px);box-shadow:var(--shadow);text-align:center}
.welcome h1{margin:8px 0;font-size:clamp(3rem,8vw,6rem);line-height:.95;letter-spacing:-.07em}.welcome p{color:var(--muted);font-size:1.15rem;line-height:1.55}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0;text-align:left}.field{display:grid;gap:8px;font-weight:800}.field input,.field select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px 13px;color:var(--ink)}
.avatar-picker{grid-column:1/-1}.avatar-options{display:flex;flex-wrap:wrap;gap:10px}.avatar-choice{width:56px;height:56px;border:2px solid transparent;border-radius:50%;background:#eaf5ef;font-size:32px}.avatar-choice.selected{border-color:var(--coral);background:#fff1d4;transform:scale(1.08)}.profile-avatar-setting{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.profile-avatar-setting strong,.profile-avatar-setting small{display:block}.profile-avatar-setting small{margin:4px 0 12px;color:var(--muted)}
.garden{background:linear-gradient(rgba(223,250,244,.12),rgba(92,155,78,.2)),url('assets/story-garden-bg.png') center/cover fixed;position:relative}.garden:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.06),rgba(17,78,45,.08))}
.garden .brand{font-size:clamp(1.7rem,4vw,3rem);letter-spacing:.04em;color:#28776e;text-shadow:0 2px #fff}.garden-main,.quest-main,.orbit-main{position:relative;z-index:1;max-width:1240px;margin:auto}
.guide-row{display:flex;align-items:center;gap:15px;margin:8px 0 20px}.guide{font-size:54px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.12))}.speech{max-width:390px;background:#fffdf5;border:3px solid rgba(93,73,42,.18);border-radius:18px 18px 18px 5px;padding:13px 18px;font-weight:800;box-shadow:0 7px 18px rgba(52,81,57,.12)}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.category-card{position:relative;min-height:238px;border:5px solid #fff;border-radius:34px;padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#174d45;box-shadow:0 12px 25px rgba(35,81,58,.2);transition:.18s transform}.category-card:hover{transform:translateY(-7px)}.category-card:nth-child(2n){background:#e6d9f7}.category-card:nth-child(3n){background:#ffe4a8}.category-card:nth-child(4n){background:#ffd8dc}.category-card:nth-child(5n){background:#d5eff2}.category-card:first-child{background:#dff1e6}.category-art{font-size:clamp(4.2rem,8vw,7rem);filter:drop-shadow(0 8px 3px rgba(0,0,0,.13))}.category-name{font-size:clamp(.88rem,1.8vw,1.3rem);font-weight:950;text-align:center;text-transform:uppercase}.continue-card{display:flex;align-items:center;gap:16px;width:min(560px,92%);margin:24px auto 0;padding:13px 18px;border-radius:22px;background:#fffdf5;box-shadow:0 9px 26px rgba(35,81,58,.18)}.continue-card .thumb{width:120px;height:70px;border-radius:13px}.continue-card p{margin:3px 0}.push{margin-left:auto}
.quest{background:#ecdcae url('assets/quest-map-bg.png') center/cover fixed}.quest .topbar{background:rgba(255,255,255,.72);padding:10px 16px;border-radius:22px}.quest-title{text-align:center;margin:-2px 0 10px}.quest-title h1{margin:0;color:#092f6d;font-size:clamp(2.2rem,5vw,4.3rem);letter-spacing:-.06em;text-shadow:0 3px #fff}.quest-title span{display:inline-block;background:#f1a716;color:#fff;padding:6px 28px;border-radius:8px;font-weight:950;transform:rotate(-1deg);box-shadow:0 5px #c47b00}
.map{position:relative;padding:20px;border:4px solid rgba(255,255,255,.88);border-radius:34px;background:rgba(43,179,201,.18);box-shadow:var(--shadow);overflow:hidden}.map:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 58%,rgba(255,247,225,.82) 76%);pointer-events:none}.islands{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.island{min-height:190px;border:0;background:transparent;color:#fff;font-weight:950;text-shadow:0 2px 2px rgba(0,0,0,.35)}.island-art{display:grid;place-items:center;width:145px;height:112px;margin:auto;border-radius:50% 45% 48% 55%;background:rgba(73,154,80,.86);border:7px solid rgba(198,223,111,.92);box-shadow:0 13px 0 rgba(0,66,94,.23);font-size:62px;transition:.18s}.island:hover .island-art{transform:translateY(-7px) rotate(2deg)}.island-name{display:inline-block;margin-top:10px;padding:7px 14px;border-radius:8px;background:#17694e;font-size:1rem}.stars{display:block;color:#ffd34f;font-size:20px;letter-spacing:2px}.picked{position:relative;z-index:2;margin-top:20px;padding:15px;border-radius:21px;background:#fff7e7}.picked h2{margin:0 0 12px;text-align:center}.video-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.orbit{background:#020b1f url('assets/creator-orbit-bg.png') center/cover fixed;color:#fff}.orbit .topbar{border-bottom:1px solid #244067;padding-bottom:14px}.orbit .brand{color:#fff}.orbit .profile-chip,.orbit .soft-btn,.orbit .time-left{background:rgba(17,31,62,.9);color:#fff;border-color:#314c78}.orbit .parent-btn{background:#225dcc;box-shadow:0 7px #15408f}.orbit-layout{display:grid;grid-template-columns:120px 1fr;gap:26px}.orbit-nav{display:flex;flex-direction:column;gap:11px;border-right:1px solid #274267;padding-right:18px}.orbit-nav button{border:0;border-radius:16px;background:rgba(6,18,43,.72);color:#c8d4ec;min-height:74px;font-weight:750}.orbit-nav button.active{background:#172b54;color:#fff;border:1px solid #365e9d}.orbit-content{padding:18px;background:transparent}.orbit-content h1{font-size:clamp(2.3rem,5vw,4.7rem);margin:12px 0 18px;text-shadow:0 3px 16px #020817}.planet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:13px}.planet{border:1px solid rgba(108,143,204,.42);background:rgba(9,23,52,.68);color:#fff;border-radius:22px;padding:12px 8px 15px;box-shadow:0 10px 25px rgba(0,0,0,.22)}.planet-art{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#55b7de,#3255a3 48%,#18234c);font-size:clamp(2.8rem,7vw,5rem);box-shadow:inset -12px -15px 24px rgba(0,0,0,.34)}.planet:nth-child(2n) .planet-art{background:radial-gradient(circle at 32% 28%,#d58ecf,#6a388d 55%,#321f57)}.planet:nth-child(3n) .planet-art{background:radial-gradient(circle at 32% 28%,#91d46c,#3b7945 55%,#1d482f)}.planet:nth-child(4n) .planet-art{background:radial-gradient(circle at 32% 28%,#f0a051,#a6472c 55%,#5a241f)}.planet-name{display:block;margin-top:12px;font-weight:900;text-shadow:0 2px 8px #020817}.section-heading{display:flex;align-items:baseline;gap:12px;margin:26px 0 12px}.section-heading h2{margin:0}.section-heading span{color:#76ddef}.orbit .video-card{background:rgba(10,27,56,.82);color:#fff;border-color:#355076}.orbit .video-card small{color:#7ddaf1}.travel-banner{margin-top:22px;display:flex;align-items:center;gap:16px;padding:19px;border:1px solid #384e9b;border-radius:19px;background:linear-gradient(100deg,rgba(16,30,71,.88),rgba(23,28,61,.88))}
.video-card{position:relative;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:0;box-shadow:0 8px 18px rgba(19,48,41,.13)}.video-card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#dbe4df}.video-copy{padding:10px}.video-copy strong{display:block;line-height:1.15}.video-copy small{display:block;color:var(--muted);margin-top:5px}.badge{position:absolute;left:7px;top:7px;padding:4px 7px;border-radius:999px;background:#2d8a63;color:#fff;font-size:.67rem;font-weight:900}.duration{position:absolute;right:7px;top:calc(56.25% - 29px);padding:3px 5px;border-radius:5px;background:#10201f;color:#fff;font-size:.72rem}.empty{padding:30px;text-align:center;color:var(--muted)}
.drawer-backdrop,.modal-backdrop{position:fixed;z-index:20;inset:0;background:rgba(5,18,17,.56);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.drawer{width:min(620px,100%);height:100%;overflow:auto;background:#fffaf1;color:var(--ink);padding:20px;box-shadow:-15px 0 50px rgba(0,0,0,.22)}.drawer-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-20px;background:#fffaf1;padding:12px 0;z-index:2}.drawer-head h2{margin:0}.close-btn{width:46px;height:46px;border:0;border-radius:50%;background:#e9eee9;font-size:23px}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:8px 0 20px}.tab{border:0;border-radius:11px;background:#e8eee9;padding:11px 5px;color:var(--ink);font-weight:800}.tab.active{background:var(--green);color:#fff}.panel h3{margin:22px 0 10px}.setting-row,.history-row,.profile-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.candidate{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:start;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row>:nth-child(2),.candidate-copy,.profile-row>:nth-child(2){flex:1}.setting-row label,.candidate-copy strong{display:block;font-weight:850}.setting-row small,.candidate-copy small{color:var(--muted)}.candidate-copy small{display:block;margin-top:4px;line-height:1.45}.candidate img{width:140px;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.candidate-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px}.candidate-actions button{min-width:0;padding-inline:8px}.approval{color:#2d7a4f;font-weight:850}.warning{border-radius:14px;background:#fff1d8;padding:12px;color:#754b13;line-height:1.4}.travel-note{border-radius:18px;padding:18px;background:#e9f6f7;border:1px solid #b9dfe3}.pin-pad{display:grid;grid-template-columns:repeat(3,72px);justify-content:center;gap:10px}.pin-key{height:58px;border:0;border-radius:15px;background:#e8eee9;font-weight:900;font-size:1.2rem}.pin-dots{text-align:center;font-size:2rem;letter-spacing:.4em;min-height:52px}.manual-form{display:grid;gap:9px;padding:15px;background:#edf5ef;border-radius:16px}.manual-form input,.manual-form select{min-height:45px;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}
.search-hero{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#dff4e9,#e5efff);border:1px solid #badbce}.search-hero>span{font-size:2.3rem}.search-hero strong,.search-hero small{display:block}.search-hero small{margin-top:5px;color:var(--muted);line-height:1.45}.api-setup{margin:14px 0;padding:0 15px 15px;border:1px solid var(--line);border-radius:16px;background:#fff}.api-setup summary{display:flex;justify-content:space-between;gap:12px;padding:14px 0;cursor:pointer;font-weight:900}.api-setup summary small,.privacy-note{color:var(--muted);font-weight:600}.api-setup p,.privacy-note{font-size:.86rem;line-height:1.45}.setup-link{display:inline-block;margin:0 0 12px;color:#236e58;font-weight:850}.key-form,.youtube-search-form{display:grid;gap:11px}.key-form .field,.youtube-search-form .field{display:grid;gap:6px}.key-form input,.youtube-search-form input,.youtube-search-form select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px 11px;color:var(--ink)}.search-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-error,.channel-match{padding:12px;border-radius:13px;line-height:1.4}.search-error{background:#fff0ec;color:#9e3427}.channel-match{background:#e8f5ee;color:#245e48}.compact-empty{padding:14px}.search-result{grid-template-columns:150px minmax(0,1fr)}.search-result img{width:150px}.preview-approval{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.search-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.search-mode-switch button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;padding:13px;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink)}.search-mode-switch button>span{grid-row:1/3;align-self:center;font-size:1.5rem}.search-mode-switch button strong,.search-mode-switch button small{display:block}.search-mode-switch button small{color:var(--muted)}.search-mode-switch button.active{border-color:#645bd1;background:#eeebff;box-shadow:inset 0 0 0 2px #645bd1}.smart-search-card,.direct-search-card{margin:14px 0;padding:16px;border:1px solid #cec9ee;border-radius:19px;background:linear-gradient(145deg,#fbfaff,#f0f4ff)}.direct-search-card{border-color:var(--line);background:#fff}.smart-profile{display:flex;align-items:center;gap:10px;margin-bottom:13px}.smart-profile strong,.smart-profile small{display:block}.smart-profile small,.form-note{color:var(--muted);line-height:1.4}.idea-chips{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 11px;scroll-snap-type:x proximity}.idea-chips button{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:6px;min-height:39px;padding:7px 10px;border:1px solid #c9c3e8;border-radius:999px;background:#fff;color:#413677;font-weight:800}.idea-chips button:hover{background:#eeebff}.form-note{font-size:.79rem}.api-needed{display:grid;gap:8px;margin:12px 0;padding:14px;border-radius:15px;background:#fff3d9;color:#67491f}.api-needed span{font-size:.87rem}.search-plan{display:flex;gap:11px;margin:14px 0;padding:14px;border-radius:16px;background:#ece9ff;border:1px solid #d1caf7}.search-plan strong,.search-plan small{display:block}.search-plan small{margin-top:4px;line-height:1.4;color:#4d4772}.result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:20px}.result-heading h3{margin:0}.result-heading small{color:var(--muted);text-align:right}.caution-pill{display:inline-block;padding:2px 7px;border-radius:999px;background:#fff0d5;color:#815313;font-weight:850}
.panel-help{margin:-2px 0 8px;color:var(--muted);font-size:.86rem;line-height:1.45}.category-override{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:9px;padding:7px 9px;border-radius:11px;background:#edf5f1}.category-override span{color:#3a6b5a;font-size:.72rem;font-weight:850}.category-override select{width:100%;min-width:0;min-height:36px;padding:5px 7px;border:1px solid #bfd5ca;border-radius:8px;background:#fff;color:var(--ink);font-weight:800}.trusted-empty,.trusted-channels{display:flex;align-items:flex-start;gap:10px;margin:12px 0;padding:13px;border:1px solid #cbd8ef;border-radius:16px;background:#f2f6ff}.trusted-empty>span{font-size:1.45rem}.trusted-empty strong,.trusted-empty small,.trusted-channels strong,.trusted-channels small{display:block}.trusted-empty small,.trusted-channels small{margin-top:3px;color:var(--muted);line-height:1.4}.trusted-channels{display:grid}.trusted-setting{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.trusted-setting>div{flex:1}.trusted-setting strong,.trusted-setting small{display:block}.trusted-setting small{color:var(--muted)}.trusted-shield{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e6edff}
.smart-box{display:flex;gap:12px;padding:16px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#4e3ca2,#645bd1)}.smart-box strong,.smart-box small{display:block}.smart-box small{margin-top:5px;line-height:1.4;color:#e7e3ff}.smart-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:rgba(255,255,255,.16);font-size:1.5rem}.score-pill{display:inline-block;margin-right:5px;padding:2px 7px;border-radius:999px;background:#e2f2e9;color:#26714f;font-weight:900}.usage-card{padding:16px;border-radius:18px;background:#e8f5ee;border:1px solid #c6dfd1}.usage-head{display:flex;justify-content:space-between;gap:12px}.usage-track{height:11px;margin:12px 0;background:#c8dbd1;border-radius:999px;overflow:hidden}.usage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f8a64,#f1b33d,#ef6b55)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.age-default-note,.interest-help{color:var(--muted);font-size:.88rem;line-height:1.45}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0}.time-grid label{display:grid;gap:5px;font-weight:800}.time-grid input{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}.toggle input{position:absolute;opacity:0}.toggle span{display:block;width:48px;height:28px;border-radius:999px;background:#c8d3cc;position:relative}.toggle span:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+span{background:var(--green)}.toggle input:checked+span:after{transform:translateX(20px)}.interest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.interest-chip{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font-weight:800;text-align:left}.interest-chip span{font-size:1.35rem}.interest-chip.selected{background:#dff2e8;border-color:#55a37d;box-shadow:inset 0 0 0 2px #55a37d}.limit-modal{text-align:center;max-width:460px}.limit-art{display:block;font-size:5rem}.limit-modal h2{font-size:2rem;margin:8px}.limit-modal p{color:var(--muted);font-size:1.1rem}
.modal-backdrop{justify-content:center;align-items:center;padding:22px}.modal{width:min(920px,100%);max-height:95vh;overflow:auto;background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.modal-head h2{margin:0}.player{position:relative;aspect-ratio:16/9;margin-top:14px;border-radius:16px;overflow:hidden;background:#061514}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.countdown-clock{--clock-color:#f2bb3d;--clock-glow:rgba(242,187,61,.48);position:absolute;z-index:3;top:12px;right:12px;width:clamp(88px,13vw,116px);aspect-ratio:1;border-radius:50%;padding:7px;background:conic-gradient(from -90deg,var(--clock-color) var(--clock-sweep),rgba(255,255,255,.3) 0);border:3px solid rgba(255,255,255,.92);box-shadow:0 6px 0 rgba(78,45,18,.35),0 10px 28px rgba(0,0,0,.42);pointer-events:none;color:#4c3012;transition:transform .25s,filter .25s}.countdown-clock[hidden]{display:none}.countdown-clock:before{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fffdf3,#ffe8a8);box-shadow:inset 0 -5px 0 rgba(185,115,24,.14)}.clock-hand{position:absolute;z-index:1;left:50%;top:16%;width:4px;height:34%;border-radius:999px;background:#71451e;transform-origin:50% 100%;transform:translateX(-50%) rotate(var(--clock-angle));transition:transform 1s linear}.clock-pin{position:absolute;z-index:2;left:50%;top:48%;width:10px;height:10px;border:3px solid #fff2c2;border-radius:50%;background:#71451e;transform:translate(-50%,-50%)}.clock-copy{position:absolute;z-index:2;inset:50% 8px 10px;display:grid;align-content:center;text-align:center;text-shadow:0 1px #fff}.clock-copy strong{font-size:clamp(1rem,2.5vw,1.45rem);line-height:1}.clock-copy small{margin-top:4px;font-size:clamp(.46rem,1.1vw,.62rem);font-weight:950;letter-spacing:.06em}.countdown-clock[data-urgency="soon"]{--clock-color:#ff8a36;--clock-glow:rgba(255,138,54,.55);animation:clockPulse 1.8s ease-in-out infinite}.countdown-clock[data-urgency="urgent"]{--clock-color:#f04444;--clock-glow:rgba(240,68,68,.62);color:#7b1717;animation:clockPulse .7s ease-in-out infinite;filter:saturate(1.2)}.countdown-clock[data-urgency="urgent"]:before{background:radial-gradient(circle at 40% 30%,#fff9ef,#ffc7a2)}@keyframes clockPulse{50%{transform:scale(1.07);box-shadow:0 7px 0 rgba(78,45,18,.3),0 12px 34px var(--clock-glow)}}.timer-bar{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px;border-radius:13px;background:#edf5ef}.timer-track{height:8px;flex:1;background:#cddbd4;border-radius:9px;overflow:hidden}.timer-fill{height:100%;background:var(--coral);width:100%}.toast{position:fixed;z-index:99;left:50%;bottom:30px;transform:translate(-50%,120px);opacity:0;background:#173c38;color:#fff;border-radius:999px;padding:12px 20px;font-weight:800;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(3,1fr)}.category-grid>:nth-child(n+4){min-height:190px}.category-card{min-height:210px}.islands{grid-template-columns:repeat(2,1fr)}.planet-grid{grid-template-columns:repeat(3,1fr)}.orbit-layout{grid-template-columns:1fr}.orbit-nav{border:0;border-top:1px solid #274267;position:fixed;z-index:8;bottom:0;left:0;right:0;padding:max(8px,env(safe-area-inset-bottom)) 10px;display:grid;grid-template-columns:repeat(4,1fr);background:#07142d}.orbit-nav button{min-height:52px}.orbit{padding-bottom:84px}}
@media(max-width:640px){.shell{padding:12px}.topbar{gap:8px}.brand span:last-child{display:none}.parent-btn{padding:8px 11px}.setup-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:190px;border-width:3px;border-radius:23px}.category-art{font-size:4.8rem}.category-grid>:last-child{grid-column:1/-1}.video-row{display:flex;overflow:auto;scroll-snap-type:x mandatory}.video-row .video-card{min-width:72%;scroll-snap-align:start}.island{min-height:155px}.island-art{width:112px;height:88px;font-size:47px}.planet-grid{grid-template-columns:repeat(2,1fr)}.tabs{grid-template-columns:repeat(3,1fr)}.search-options,.search-mode-switch{grid-template-columns:1fr}.result-heading{display:block}.result-heading small{display:block;text-align:left;margin-top:4px}.continue-card{width:100%}.continue-card .thumb{display:none}.quest-title h1{font-size:2rem}}
@media(max-width:400px){.candidate,.search-result{grid-template-columns:1fr}.candidate img,.search-result img{width:100%}.candidate-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-approval{grid-template-columns:1fr}}
@media(orientation:portrait) and (min-width:700px){.category-grid{grid-template-columns:repeat(2,1fr)}.category-grid>:last-child{grid-column:1/-1}.islands{grid-template-columns:repeat(2,1fr)}.planet-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}