:root{--bg:#f3f5f7;--ink:#1f2630;--muted:#66707c;--line:#1f263018;--glass:#ffffffeb;--brand:#1f6f8b;--brand-soft:#1f6f8b14;--accent:#2a9db8;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}body[data-organ=beyin]{--bg:#f5f3f8;--brand:#6a4c93;--brand-soft:#6a4c9314;--accent:#8c6bc4}body[data-organ=cocuk]{--bg:#f7f4f1;--brand:#b0563c;--brand-soft:#b0563c14;--accent:#e07a52}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio{position:relative;height:100dvh;width:100%;isolation:isolate}.scene{position:absolute;top:0;right:0;bottom:0;left:0}.scene canvas{display:block;width:100%;height:100%;touch-action:none}.panel,.dock,.loading,.modal-card{background:var(--glass);border:1px solid var(--line);box-shadow:0 16px 48px #1f26300f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:10px}.identity{position:absolute;left:28px;top:22px;pointer-events:none;max-width:calc(100% - 300px)}.eyebrow{font-size:11px;letter-spacing:.18em;color:#7d8692;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);flex:none}h1{font-weight:400;font-size:34px;letter-spacing:-1px;margin:8px 0 6px;line-height:1.1}.edition{font-size:10px;border:1px solid var(--line);border-radius:6px;padding:2px 6px;vertical-align:top;color:#7a828c;letter-spacing:0}.meta{font-size:12px;color:#77808b}.top-actions{position:absolute;top:26px;right:26px;display:flex;gap:8px}.pill{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;color:#4b5460;min-height:42px;display:inline-flex;align-items:center;gap:6px}.pill.icon{padding:10px 14px}.layers{position:absolute;left:28px;top:170px;width:260px;max-height:calc(100% - 290px);overflow-y:auto;padding:14px;z-index:10}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#353d48;font-weight:600}.panel-head.sub{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.presets button{font-size:12px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#55606c;min-height:34px}.presets button.active{background:var(--brand);border-color:var(--brand);color:#fff}.systems{margin-top:6px}.sys{display:flex;align-items:center;gap:8px;min-height:36px;font-size:13px}.sys input{accent-color:var(--brand);width:17px;height:17px;flex:none;margin:0}.sys .sw{width:9px;height:9px;border-radius:50%;flex:none}.sys label{flex:1;cursor:pointer;min-width:0}.sys small{color:#949ca6;font-size:11px;font-variant-numeric:tabular-nums}.slider-row{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.slider-row input{width:100%;accent-color:var(--brand);margin:8px 0 0}.search{position:absolute;right:26px;top:84px;width:340px;padding:14px;z-index:20}.search input{width:100%;margin-top:10px;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.results{list-style:none;margin:8px 0 0;padding:0;max-height:min(50dvh,380px);overflow-y:auto}.results li button{width:100%;text-align:left;border:0;background:none;padding:10px 6px;border-bottom:1px solid var(--line);font-size:14px}.results li button:hover{background:var(--brand-soft)}.results small{display:block;color:#8f97a1;font-size:11px;margin-top:2px}.note{font-size:12px;color:var(--muted);margin:10px 0 0}.detail{position:absolute;right:26px;top:84px;width:330px;max-height:calc(100% - 200px);overflow-y:auto;padding:24px 22px;z-index:20}.detail .accent{width:26px;height:3px;border-radius:2px;margin-bottom:10px}.detail h2{font-weight:400;font-size:24px;line-height:1.2;margin:8px 0 4px;padding-right:24px}.detail .en{font-size:12px;color:#8f97a1;font-style:italic}.info{font-size:14.5px;line-height:1.65;color:#4f5864}.actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.actions button{padding:11px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--brand);font-size:13px;text-align:left;min-height:42px}.actions .ghost{border-color:transparent;color:#7d8692}.close{position:absolute;top:8px;right:8px;border:0;background:none;font-size:15px;color:#7d8692;width:36px;height:36px;display:grid;place-items:center;border-radius:6px}.close:hover{background:var(--brand-soft)}.panel-head .close{position:static}.dock{position:absolute;bottom:46px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px;max-width:calc(100% - 24px)}.dock a{text-decoration:none}.dock button,.dock a{border:0;background:none;padding:10px 14px;border-radius:6px;font-size:13px;color:#55606c;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:40px}.dock a:hover,.dock button:hover,.dock button.active{background:var(--brand-soft);color:var(--brand)}.dock .ic{font-size:15px;line-height:1}.caption{position:absolute;bottom:112px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.15em;color:#7d8692;pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.foot{position:absolute;bottom:14px;left:12px;right:12px;text-align:center;font-size:11px;color:#7d8692;pointer-events:none}.loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);padding:20px 24px;width:min(300px,calc(100% - 32px))}.loading strong{display:block;font-weight:400;font-size:15px}.loading span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.track{height:3px;background:#1f263014;margin-top:12px;border-radius:2px;overflow:hidden}.track i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.loading.error{border-color:#c0392b55}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f263040;display:grid;place-items:center;z-index:50;padding:16px}.modal-card{position:relative;width:min(480px,100%);padding:30px;font-size:14.5px;line-height:1.7;color:#4f5864;max-height:calc(100% - 32px);overflow-y:auto}.modal-card h2{font-weight:400;font-size:24px;color:var(--ink);margin:8px 0;padding-right:28px}.modal-card h3{font-size:14px;color:var(--ink);margin:18px 0 4px}.modal-card p{margin:10px 0}.tour{position:absolute;left:50%;bottom:112px;transform:translate(-50%);width:min(560px,calc(100% - 24px));padding:16px 18px;z-index:15}.tour h3{margin:0 0 6px;font-size:17px;color:var(--brand);padding-right:30px}.tour p{margin:0;font-size:14.5px;line-height:1.6;color:#4b5460}.tour .row{display:flex;align-items:center;gap:8px;margin-top:12px}.tour .row button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 12px;font-size:13px;color:#4b5460;min-height:38px;white-space:nowrap}.tour .row button:disabled{opacity:.4;cursor:default}.tour .row .spacer{flex:1}.tour .dots{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.tour .dots i{width:7px;height:7px;border-radius:50%;background:#1f263020}.tour .dots i.on{background:var(--accent)}.variant{position:absolute;left:50%;bottom:112px;transform:translate(-50%);width:min(440px,calc(100% - 24px));padding:14px 16px 16px;z-index:25}.variant .v-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:12px 0 6px}.v-sex{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v-age{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.v-sex a,.v-age a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:8px 4px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#4b5460;text-decoration:none;font-size:13px;text-align:center}.v-age a b{font-weight:600;font-size:12.5px;line-height:1.2}.v-age a small{font-size:11px;color:#8f97a1}.v-sex a[aria-current],.v-age a[aria-current]{background:var(--brand);border-color:var(--brand);color:#fff}.v-age a[aria-current] small{color:#fffc}[hidden]{display:none!important}.mobile-only,.lb-short{display:none}@media (max-width:767px),(max-height:500px){.identity{left:16px;top:14px;max-width:calc(100% - 132px)}h1{font-size:24px;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:.14em}.meta{display:none}.top-actions{top:14px;right:12px}.top-actions .label{display:none}.pill{padding:10px 13px}.mobile-only{display:inline-flex}.layers{display:none;left:12px;right:12px;width:auto;top:auto;bottom:calc(92px + env(safe-area-inset-bottom));max-height:min(60%,480px);z-index:30}.layers.open{display:block}.search{left:12px;right:12px;width:auto;top:84px;max-height:calc(100% - 184px);display:flex;flex-direction:column}.search .results{max-height:none;flex:1;min-height:0}.detail{left:12px;right:12px;width:auto;top:auto;bottom:calc(92px + env(safe-area-inset-bottom));max-height:min(50%,420px);padding:18px}.dock{bottom:calc(24px + env(safe-area-inset-bottom));width:calc(100% - 24px);gap:2px;padding:6px}.dock button,.dock a{flex:1 1 0;min-width:0;flex-direction:column;gap:3px;padding:7px 2px;font-size:11.5px}.dock button .lb{overflow:hidden;text-overflow:ellipsis;max-width:100%}.caption,.foot{display:none}.tour{bottom:calc(92px + env(safe-area-inset-bottom));padding:14px}.variant{left:12px;right:12px;width:auto;transform:none;bottom:calc(92px + env(safe-area-inset-bottom))}.v-age{grid-template-columns:1fr 1fr}.tour p{font-size:14px}.tour .row button{padding:8px 10px}}@media (max-height:500px){.variant{max-height:calc(100% - 176px);overflow-y:auto;padding:10px 14px 12px}.variant .v-label{margin:6px 0 4px}.v-age{grid-template-columns:repeat(4,1fr)}.v-sex a,.v-age a{min-height:36px;padding:5px 4px;flex-direction:row;flex-wrap:wrap;gap:0 4px}}@media (max-width:400px){.dock .lb-long{display:none}.dock .lb-short{display:inline}}@media (max-width:360px){h1{font-size:21px}.tour .dots{display:none}}