.okpcc.okpcc-hub .oc24-header{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:20px 24px 0;background:#fffcf7;border:1px solid #eadccc;border-radius:24px;margin-bottom:24px;overflow:visible}.okpcc .oc24-topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:0;padding-bottom:16px}.okpcc .oc24-topbar .okpcc-brand{flex:none}.okpcc .oc24-personal{display:flex;align-items:center;gap:12px;border:1px solid #e1bd95;border-radius:18px;padding:11px 15px;min-width:250px;max-width:440px;background:linear-gradient(120deg,#fff0dc,#fffaf3);box-shadow:0 5px 16px #8752260a;text-decoration:none;color:#3b2b20!important;transition:border-color .2s,box-shadow .2s}.okpcc .oc24-personal:hover,.okpcc .oc24-personal[aria-current=page]{border-color:#c35720;box-shadow:0 0 0 3px #e2722720}.okpcc .oc24-personal>span:nth-child(2){min-width:0}.okpcc .oc24-personal strong{display:block;font-size:18px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.okpcc .oc24-personal small{display:block;font-size:10px;color:#8c4b26;font-weight:700}.okpcc .oc24-personal em{display:block;font-size:11px;font-style:normal;color:#75614f}.okpcc .oc24-personal .oc22-avatar{width:52px;height:52px;border-radius:15px}.okpcc .oc24-personal-arrow{font-size:22px;margin-inline-start:auto;color:#ac501f}.okpcc .oc24-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eee2d5;min-width:0}.okpcc .oc24-utility-label{font-size:12px;font-weight:700;color:#766453}.okpcc.okpcc-hub .oc24-header .okpcc-nav{display:flex;flex-flow:row nowrap;flex:none;order:initial;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d9b998 transparent;padding:10px 0 14px;margin:0;border-top:1px solid #eee2d5;scroll-padding:12px}.okpcc.okpcc-hub .oc24-header .okpcc-nav a{flex:0 0 auto;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 13px;border-radius:12px;font-size:13px;line-height:1.35;min-height:42px}.okpcc.okpcc-hub .oc24-header .okpcc-nav a[aria-current=page]{background:#f9e4ce;color:#8e380e!important;box-shadow:inset 0 -2px #d86722}.okpcc.okpcc-hub .oc24-header .okpcc-nav svg{width:17px;height:17px}.okpcc .oc23-sound{flex-flow:row nowrap;align-items:center;gap:6px;width:auto;min-width:0;margin:0}.okpcc .oc23-sound>button[data-okpc-sound]{width:90px;flex:0 0 90px;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;font-weight:700;font-size:12px;white-space:nowrap}.okpcc .oc23-sound>button[data-okpc-sound]:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b7a796}.okpcc .oc23-sound>button[aria-pressed=true]:before{background:#2a7f55;box-shadow:0 0 0 3px #2a7f5514}.okpcc .oc24-audio-options{position:relative}.okpcc .oc24-audio-options>summary{cursor:pointer;list-style:none;border:1px solid #deccba;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#fffaf4;color:#654329;font-size:18px}.okpcc .oc24-audio-options>summary::-webkit-details-marker{display:none}.okpcc .oc24-audio-panel{position:absolute;inset-inline-end:0;top:44px;z-index:20;width:260px;padding:18px;background:#fffcf7;border:1px solid #e0c19e;box-shadow:0 16px 50px #4d2e1933;border-radius:18px}.okpcc .oc24-audio-panel label{display:grid;gap:7px;margin-top:14px;font-size:12px;font-weight:700}.okpcc .oc24-audio-panel input[type=range]{width:100%;accent-color:#c95d20;min-height:24px;padding:0}.okpcc .oc24-audio-panel small{font-size:11px;display:block;color:#76604c;margin-top:6px}.okpcc .oc24-audio-panel strong{display:block;font-size:16px}.okpcc .oc24-audio-panel [data-audio-status]{font-size:11px;line-height:1.6;margin-top:10px}.okpcc .oc23-sound [data-okpc-replay]{white-space:nowrap;font-size:11px}.okpcc:is(.okpcc-hub,.okpcc-admin) form label:not(.okpcc-check):not(.oc22-pills label):not(.oc22-avatar-picker label){color:#382c22;font-weight:700;line-height:1.65}.okpcc:is(.okpcc-hub,.okpcc-admin) form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]),.okpcc:is(.okpcc-hub,.okpcc-admin) form select,.okpcc:is(.okpcc-hub,.okpcc-admin) form textarea{display:block;width:100%;min-width:0;min-height:48px;border:1.5px solid #cdbba7;border-radius:12px;background:#fffdf9;color:#302920;padding:11px 13px;font:inherit;font-weight:500;box-shadow:inset 0 1px 2px #3f291307;transition:border-color .18s,box-shadow .18s}.okpcc:is(.okpcc-hub,.okpcc-admin) form input::placeholder,.okpcc:is(.okpcc-hub,.okpcc-admin) form textarea::placeholder{color:#8e8073;opacity:1;font-weight:400}.okpcc:is(.okpcc-hub,.okpcc-admin) form :is(input,select,textarea):focus-visible{outline:0;border-color:#bb5018;box-shadow:0 0 0 4px #e2762726}.okpcc:is(.okpcc-hub,.okpcc-admin) form input[readonly]{background:#f2eee7;color:#6f6256;border-style:dashed}.okpcc:is(.okpcc-hub,.okpcc-admin) form textarea{resize:vertical}.okpcc:is(.okpcc-hub,.okpcc-admin) form .okpcc-check{display:flex;align-items:flex-start;gap:10px;border:1px solid #e5d7c6;background:#fffcf6;border-radius:13px;padding:13px;margin:10px 0;font-size:13px;line-height:1.7;font-weight:500;cursor:pointer}.okpcc:is(.okpcc-hub,.okpcc-admin) form .okpcc-check:has(input:checked){background:#fff1df;border-color:#cd986c}.okpcc:is(.okpcc-hub,.okpcc-admin) form .okpcc-check input{flex:0 0 18px;width:18px;height:18px;min-height:18px;margin:4px 0 0;accent-color:#bd541b}.okpcc:is(.okpcc-hub,.okpcc-admin) form label small{display:block;color:#796858;font-size:12px;font-weight:400;line-height:1.6;margin:5px 0}.okpcc:is(.okpcc-hub,.okpcc-admin) form .oc24-required{display:inline-block!important;justify-self:start;width:max-content;background:#f7e5d0;color:#995022;font-size:10px;padding:1px 6px;border-radius:5px;margin-inline-start:4px}.okpcc .oc22-profile-main>.okpcc-card{border:1px solid #dfcdb7;box-shadow:0 8px 28px #5f422808;padding:26px}.okpcc .oc22-profile-main>.okpcc-card h3{font-size:25px;letter-spacing:-.025em;margin:10px 0 20px}.okpcc .oc22-profile-main>.okpcc-card>label{display:grid;gap:5px;margin:16px 0}.okpcc .oc22-profile-sidebar>.okpcc-card{border:1px solid #dfc4a3;background:#fff9ef;padding:22px}.okpcc .oc22-profile-sidebar{position:static}.okpcc .oc24-profile-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#edf5ef;border:1px solid #c8dfcd;color:#31573d;padding:12px 18px;border-radius:13px;margin:0 0 20px;font-size:12px}.okpcc [data-profile-age-status]{font-weight:800}.okpcc .oc24-avatar-tools{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;padding:16px;background:#faf1e5;border-radius:15px}.okpcc .oc24-avatar-tools label{font-size:12px}.okpcc [data-avatar-count]{font-size:12px;color:#826349;margin:12px 0 0}.okpcc .oc22-avatar-picker{max-height:550px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4af84 transparent;padding:3px;grid-template-columns:repeat(4,minmax(0,1fr))}.okpcc .oc22-avatar-picker label{transition:box-shadow .18s,border-color .18s;padding:10px 4px;min-width:0}.okpcc .oc22-avatar-picker label:hover{border-color:#c17c43;box-shadow:0 6px 16px #90612c15}.okpcc .oc22-avatar-picker label:has(input:focus-visible){outline:3px solid #b1511e;outline-offset:1px}.okpcc .oc22-avatar-picker b{font-size:12px;line-height:1.4}.okpcc .oc22-avatar-picker small{font-size:9px;font-weight:400;line-height:1.3;display:block}.okpcc .oc22-avatar-picker .oc22-avatar{width:76px;height:76px}.okpcc .oc22-avatar-picker input{min-height:16px}.okpcc .oc24-permission{background:#fef1de;border:1px solid #dfb17e;border-inline-start:4px solid #d86823;border-radius:15px;padding:18px;margin:20px 0}.okpcc .oc24-permission>strong{font-size:17px}.okpcc .oc24-permission>p{font-size:13px;line-height:1.7}.okpcc .oc21-message-head .oc22-avatar{width:30px;height:30px;border-radius:9px;vertical-align:middle;margin-inline-end:6px}.okpcc .oc21-message-head b{display:flex;align-items:center}.okpcc .oc21-profile>summary{font-weight:800;font-size:16px;padding:8px 0}.okpcc .oc21-profile form{padding-top:12px}@media(max-width:900px){.okpcc.okpcc-hub .oc24-header{padding:16px 16px 0}.okpcc .oc22-avatar-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.okpcc .oc22-profile-main>.okpcc-card{padding:22px}.okpcc .oc24-personal{max-width:360px}}@media(max-width:600px){.okpcc.okpcc-hub .oc24-header{padding:14px 12px 0;border-radius:20px}.okpcc .oc24-topbar{flex-direction:column;align-items:stretch;gap:12px}.okpcc .oc24-topbar .okpcc-brand{align-self:flex-start}.okpcc .oc24-personal{min-width:0;max-width:none;width:100%;padding:10px 12px}.okpcc .oc24-personal strong{max-width:210px;font-size:17px}.okpcc .oc24-utility-label{display:none}.okpcc .oc24-utility{justify-content:flex-start}.okpcc .oc23-sound{justify-content:flex-start;gap:5px;max-width:100%}.okpcc .oc23-sound>button[data-okpc-sound]{width:82px;flex-basis:82px}.okpcc .oc24-audio-panel{inset-inline-end:auto;inset-inline-start:-180px;width:250px}.okpcc .oc23-sound [data-okpc-replay]{max-width:44px;overflow:hidden;text-indent:-999px;padding:8px}.okpcc .oc23-sound [data-okpc-replay]:after{content:'↻';text-indent:0;display:block}.okpcc.okpcc-hub .oc24-header .okpcc-nav a{font-size:12px;padding:10px;gap:5px}.okpcc .oc22-profile-main>.okpcc-card{padding:18px}.okpcc .oc24-avatar-tools{grid-template-columns:1fr}.okpcc .oc22-avatar-picker{grid-template-columns:repeat(3,minmax(0,1fr));max-height:490px;gap:7px}.okpcc .oc22-avatar-picker .oc22-avatar{width:65px;height:65px}.okpcc .oc22-avatar-picker label{padding:10px 3px}.okpcc .oc22-avatar-picker b{font-size:11px}.okpcc .oc22-avatar-picker small{font-size:9px}.okpcc:is(.okpcc-hub,.okpcc-admin) form .okpcc-check{font-size:12px;padding:12px}.okpcc .oc24-profile-status>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.okpcc .oc24-personal,.okpcc .oc22-avatar-picker label,.okpcc:is(.okpcc-hub,.okpcc-admin) form input,.okpcc:is(.okpcc-hub,.okpcc-admin) form select,.okpcc:is(.okpcc-hub,.okpcc-admin) form textarea{transition:none}}.okpcc [data-avatar="9"],.okpcc [data-avatar-preview="9"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:0.0000% 0.0000%}.okpcc [data-avatar="10"],.okpcc [data-avatar-preview="10"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:33.3333% 0.0000%}.okpcc [data-avatar="11"],.okpcc [data-avatar-preview="11"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:66.6667% 0.0000%}.okpcc [data-avatar="12"],.okpcc [data-avatar-preview="12"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:100.0000% 0.0000%}.okpcc [data-avatar="13"],.okpcc [data-avatar-preview="13"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:0.0000% 33.3333%}.okpcc [data-avatar="14"],.okpcc [data-avatar-preview="14"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:33.3333% 33.3333%}.okpcc [data-avatar="15"],.okpcc [data-avatar-preview="15"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:66.6667% 33.3333%}.okpcc [data-avatar="16"],.okpcc [data-avatar-preview="16"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:100.0000% 33.3333%}.okpcc [data-avatar="17"],.okpcc [data-avatar-preview="17"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:0.0000% 66.6667%}.okpcc [data-avatar="18"],.okpcc [data-avatar-preview="18"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:33.3333% 66.6667%}.okpcc [data-avatar="19"],.okpcc [data-avatar-preview="19"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:66.6667% 66.6667%}.okpcc [data-avatar="20"],.okpcc [data-avatar-preview="20"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:100.0000% 66.6667%}.okpcc [data-avatar="21"],.okpcc [data-avatar-preview="21"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:0.0000% 100.0000%}.okpcc [data-avatar="22"],.okpcc [data-avatar-preview="22"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:33.3333% 100.0000%}.okpcc [data-avatar="23"],.okpcc [data-avatar-preview="23"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:66.6667% 100.0000%}.okpcc [data-avatar="24"],.okpcc [data-avatar-preview="24"]{background-image:url(avatars/classic-v24.webp);background-size:400% 400%;background-position:100.0000% 100.0000%}.okpcc [data-avatar="25"],.okpcc [data-avatar-preview="25"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:0.0000% 0.0000%}.okpcc [data-avatar="26"],.okpcc [data-avatar-preview="26"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:33.3333% 0.0000%}.okpcc [data-avatar="27"],.okpcc [data-avatar-preview="27"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:66.6667% 0.0000%}.okpcc [data-avatar="28"],.okpcc [data-avatar-preview="28"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:100.0000% 0.0000%}.okpcc [data-avatar="29"],.okpcc [data-avatar-preview="29"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:0.0000% 33.3333%}.okpcc [data-avatar="30"],.okpcc [data-avatar-preview="30"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:33.3333% 33.3333%}.okpcc [data-avatar="31"],.okpcc [data-avatar-preview="31"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:66.6667% 33.3333%}.okpcc [data-avatar="32"],.okpcc [data-avatar-preview="32"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:100.0000% 33.3333%}.okpcc [data-avatar="33"],.okpcc [data-avatar-preview="33"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:0.0000% 66.6667%}.okpcc [data-avatar="34"],.okpcc [data-avatar-preview="34"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:33.3333% 66.6667%}.okpcc [data-avatar="35"],.okpcc [data-avatar-preview="35"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:66.6667% 66.6667%}.okpcc [data-avatar="36"],.okpcc [data-avatar-preview="36"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:100.0000% 66.6667%}.okpcc [data-avatar="37"],.okpcc [data-avatar-preview="37"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:0.0000% 100.0000%}.okpcc [data-avatar="38"],.okpcc [data-avatar-preview="38"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:33.3333% 100.0000%}.okpcc [data-avatar="39"],.okpcc [data-avatar-preview="39"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:66.6667% 100.0000%}.okpcc [data-avatar="40"],.okpcc [data-avatar-preview="40"]{background-image:url(avatars/moomin-a-v24.webp);background-size:400% 400%;background-position:100.0000% 100.0000%}.okpcc [data-avatar="41"],.okpcc [data-avatar-preview="41"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:0.0000% 0.0000%}.okpcc [data-avatar="42"],.okpcc [data-avatar-preview="42"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:33.3333% 0.0000%}.okpcc [data-avatar="43"],.okpcc [data-avatar-preview="43"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:66.6667% 0.0000%}.okpcc [data-avatar="44"],.okpcc [data-avatar-preview="44"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:100.0000% 0.0000%}.okpcc [data-avatar="45"],.okpcc [data-avatar-preview="45"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:0.0000% 33.3333%}.okpcc [data-avatar="46"],.okpcc [data-avatar-preview="46"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:33.3333% 33.3333%}.okpcc [data-avatar="47"],.okpcc [data-avatar-preview="47"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:66.6667% 33.3333%}.okpcc [data-avatar="48"],.okpcc [data-avatar-preview="48"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:100.0000% 33.3333%}.okpcc [data-avatar="49"],.okpcc [data-avatar-preview="49"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:0.0000% 66.6667%}.okpcc [data-avatar="50"],.okpcc [data-avatar-preview="50"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:33.3333% 66.6667%}.okpcc [data-avatar="51"],.okpcc [data-avatar-preview="51"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:66.6667% 66.6667%}.okpcc [data-avatar="52"],.okpcc [data-avatar-preview="52"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:100.0000% 66.6667%}.okpcc [data-avatar="53"],.okpcc [data-avatar-preview="53"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:0.0000% 100.0000%}.okpcc [data-avatar="54"],.okpcc [data-avatar-preview="54"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:33.3333% 100.0000%}.okpcc [data-avatar="55"],.okpcc [data-avatar-preview="55"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:66.6667% 100.0000%}.okpcc [data-avatar="56"],.okpcc [data-avatar-preview="56"]{background-image:url(avatars/moomin-b-v24.webp);background-size:400% 400%;background-position:100.0000% 100.0000%}