/* TEST6 · scoped portfolio studio. No global theme/header styles. */
#oonm-app .oonv-studio,#oonm-app .oonv-masteries{margin:30px 0 52px;color:#17372e}
#oonm-app .oonv-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 26px}
#oonm-app .oonv-section-title h2,#oonm-app .oonv-public-heading h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;line-height:1.1;margin:10px 0 14px}
#oonm-app .oonv-section-title h2 em,#oonm-app .oonv-public-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#8b6b2d}
#oonm-app .oonv-section-title p{max-width:650px;line-height:1.65;margin-bottom:0}
#oonm-app .oonv-private{border:1px solid #d9dfd3;border-radius:30px;padding:8px 13px;font-size:12px;white-space:nowrap;background:#f8f7ee}
#oonm-app .oonv-studio-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:26px;align-items:start}
#oonm-app .oonv-editor{background:#fffdf7;border:1px solid #dbe1d6;border-radius:20px;padding:28px;min-width:0}
#oonm-app .oonv-editor fieldset{margin:0;border:0;padding:0;min-width:0}
#oonm-app .oonv-editor legend{font-size:19px;font-weight:650;margin-bottom:10px}
#oonm-app .oonv-editor-block{padding:18px 0 22px;border-bottom:1px solid #e0e4d9}
#oonm-app .oonv-editor-block h3{display:flex;gap:12px;font-size:13px;color:#9a7938;align-items:center;margin:0 0 18px}
#oonm-app .oonv-editor-block h3 span{color:#17372e;font-size:17px}
#oonm-app .oonv-editor label:not(.oonv-choice):not(.oonv-publish),#oonm-app .oonv-sharing label:not(.oonv-choice){display:block;font-size:13px;margin:14px 0;color:#496456}
#oonm-app .oonv-editor select,#oonm-app .oonv-sharing select,#oonm-app .oonv-sharing input[readonly]{width:100%;box-sizing:border-box;margin:8px 0 2px;padding:11px 12px;border:1px solid #ccd6c8;border-radius:10px;background:#fffdf7;color:#17372e;max-width:100%;min-height:43px;font:inherit}
#oonm-app .oonv-choices{display:flex;flex-wrap:wrap;gap:8px}
#oonm-app .oonv-choice{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.55;margin:0;padding:9px 11px;border:1px solid #dbe1d6;border-radius:10px;background:#fafaf1;cursor:pointer;max-width:100%;box-sizing:border-box}
#oonm-app .oonv-choice input,#oonm-app .oonv-publish input{flex:0 0 auto;margin:4px 0 0;width:16px;height:16px;accent-color:#236448}
#oonm-app .oonv-choice:has(input:checked){background:#eaf1e5;border-color:#789879}
#oonm-app .oonv-choice span{min-width:0;overflow-wrap:anywhere}
#oonm-app .oonv-source-choice{width:100%}
#oonm-app .oonv-source-choice small{display:block;color:#65765f;font-size:11px;margin-bottom:3px}
#oonm-app .oonv-source-choice strong{display:block;font-size:13px;font-weight:550}
#oonm-app .oonv-privacy-options{display:grid;grid-template-columns:1fr;gap:8px;margin:13px 0}
#oonm-app .oonv-privacy-options.is-muted{opacity:.5}
#oonm-app .oonv-publish{display:flex;gap:12px;align-items:flex-start;background:#17372e;color:#fff9eb;padding:16px;border-radius:12px;font-size:14px;line-height:1.55}
#oonm-app .oonv-publish input{accent-color:#e8d28e}
#oonm-app .oonv-theme-hints{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 19px}
#oonm-app .oonv-theme-hints span{font-size:12px;padding:9px;background:#f0f0e8;color:#768070;border-radius:8px}
#oonm-app .oonv-theme-hints small{display:block;font-size:10px;line-height:1.45;margin-top:4px}
#oonm-app .oonv-theme-hints .is-open{color:#27563c;background:#e9f0e3}
#oonm-app .oonv-note{font-size:12px;line-height:1.75;color:#5e7061;margin:14px 0}
#oonm-app .oonv-warning{font-size:13px;line-height:1.65;color:#6a4e23;background:#f5edce;padding:12px;border-radius:8px}
#oonm-app .oonv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
#oonm-app #oonv-status{font-size:13px;line-height:1.6;margin:18px 0 0;color:#275d42;overflow-wrap:anywhere}
#oonm-app .oonv-preview-column{min-width:0}
#oonm-app .oonv-profile{--vbg:#17372e;--vaccent:#ebd79a;--vtext:#fcf7ea;background:var(--vbg);color:var(--vtext);border-radius:24px;padding:30px;position:relative;overflow:hidden;border:1px solid #d6dbc8;box-shadow:0 14px 38px rgba(20,44,33,.08)}
#oonm-app .oonv-theme-library{--vbg:#352d43;--vaccent:#e7cda0}
#oonm-app .oonv-theme-travel{--vbg:#163d44;--vaccent:#dce2a4}
#oonm-app .oonv-theme-cinema{--vbg:#28263e;--vaccent:#d7b5c5}
#oonm-app .oonv-theme-academy{--vbg:#15263c;--vaccent:#e9d598}
#oonm-app .oonv-profile-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(245,240,221,.2)}
#oonm-app .oonv-wordmark{font-size:17px;line-height:1.05;font-weight:500;letter-spacing:-.04em;color:var(--vtext)}
#oonm-app .oonv-wordmark b{font-size:24px}
#oonm-app .oonv-view-label{font-size:9px;letter-spacing:.16em;text-align:right;color:var(--vaccent)}
#oonm-app .oonv-identity{display:flex;gap:18px;align-items:center;margin:34px 0 25px}
#oonm-app .oonv-seal{width:68px;height:68px;display:grid;place-items:center;border:1px solid var(--vaccent);border-radius:50%;color:var(--vaccent);flex:0 0 auto;box-shadow:0 0 0 5px rgba(240,233,208,.07)}
#oonm-app .oonv-seal svg{width:34px;height:34px}
#oonm-app .oonv-level-0 .oonv-seal{border-style:dashed}
#oonm-app .oonv-level-4 .oonv-seal,#oonm-app .oonv-level-5 .oonv-seal{border-width:2px}
#oonm-app .oonv-level-6 .oonv-seal{outline:1px solid var(--vaccent);outline-offset:5px}
#oonm-app .oonv-level-title{font-size:14px;margin:0 0 8px!important;color:var(--vaccent);letter-spacing:.02em}
#oonm-app .oonv-identity h3{font-size:clamp(21px,2vw,31px);line-height:1.2;margin:0 0 10px!important;color:var(--vtext);letter-spacing:-.03em;overflow-wrap:anywhere}
#oonm-app .oonv-second-tag{font-size:11px;padding:5px 9px;border:1px solid rgba(245,236,210,.3);border-radius:20px;display:inline-block;line-height:1.5}
#oonm-app .oonv-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 8px;padding:24px 0;border-top:1px solid rgba(245,240,221,.2)}
#oonm-app .oonv-card-metrics strong{font-size:33px;letter-spacing:-.04em;display:block;color:var(--vtext)}
#oonm-app .oonv-card-metrics span{font-size:11px;color:var(--vaccent);display:block;margin-top:7px}
#oonm-app .oonv-card-section{border-top:1px solid rgba(245,240,221,.2);padding:22px 0 2px;margin-top:20px}
#oonm-app .oonv-label{font-size:9px;letter-spacing:.15em;color:var(--vaccent);display:block;margin-bottom:15px}
#oonm-app .oonv-badge-row{display:flex;flex-wrap:wrap;gap:9px}
#oonm-app .oonv-badge-pill{display:flex;gap:7px;align-items:center;border:1px solid rgba(245,240,221,.24);border-radius:10px;padding:10px;font-size:12px;line-height:1.35}
#oonm-app .oonv-badge-pill>span{color:var(--vaccent);font-size:20px}
#oonm-app .oonv-pin{margin:12px 0 17px}
#oonm-app .oonv-pin>span{font-size:10px;color:var(--vaccent);display:block;margin-bottom:6px}
#oonm-app .oonv-pin a,#oonm-app .oonv-pin strong{color:var(--vtext);font-size:14px;line-height:1.6;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
#oonm-app .oonv-pin a:hover{text-decoration:underline}
#oonm-app .oonv-story p{font-size:14px;line-height:1.85;color:var(--vtext);margin:0}
#oonm-app .oonv-mini-mastery>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6;margin:8px 0}
#oonm-app .oonv-mini-mastery b{font-weight:500;white-space:nowrap;color:var(--vaccent)}
#oonm-app .oonv-card-foot{border-top:1px solid rgba(245,240,221,.2);padding-top:21px;margin-top:26px;font-size:10px;line-height:1.7;display:block}
#oonm-app .oonv-card-foot span{color:#d6e0d2;display:block;margin-bottom:12px}
#oonm-app .oonv-card-foot b{font-size:10px;letter-spacing:.015em;color:var(--vaccent);font-weight:450;overflow-wrap:anywhere}
#oonm-app .oonv-sharing{background:#f1f3e9;border:1px solid #d5decf;border-radius:16px;padding:22px;margin-top:24px}
#oonm-app .oonv-sharing h3{font-size:19px;margin:0 0 14px}
#oonm-app .oonv-sharing p{font-size:13px;line-height:1.7}
#oonm-app .oonv-sharing .oonm-text-btn{font-size:12px;text-align:left}
#oonm-app .oonv-share-card{border-top:1px solid #d6dfd0;margin-top:22px;padding-top:18px}
#oonm-app .oonv-share-card summary{cursor:pointer;font-weight:600;font-size:15px}
#oonm-app .oonv-share-card .oonm-btn{margin-top:15px}
#oonm-app .oonv-mastery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#oonm-app .oonv-mastery{background:#f5f6ed;border:1px solid #d8dfd2;border-radius:16px;padding:20px}
#oonm-app .oonv-mastery.is-unlocked{background:#fffdf5;border-color:#b8cbb1}
#oonm-app .oonv-mastery>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}
#oonm-app .oonv-category{font-size:12px;font-weight:600;line-height:1.5}
#oonm-app .oonv-tier{width:30px;height:30px;display:grid;place-items:center;border:1px solid #b9c4ae;border-radius:50%;font:16px Georgia,serif;flex:0 0 auto;color:#7e632e}
#oonm-app .oonv-mastery>strong{display:block;font-size:30px;letter-spacing:-.025em;margin:22px 0 15px}
#oonm-app .oonv-mastery>strong small{display:block;letter-spacing:0;font-size:10px;font-weight:400;margin-top:5px;color:#687963}
#oonm-app .oonv-progress{height:5px;border-radius:20px;background:#dbe4d4;overflow:hidden}
#oonm-app .oonv-progress i{display:block;height:100%;background:#638155}
#oonm-app .oonv-mastery p{font-size:11px;line-height:1.7;color:#5a7156;margin:12px 0 0}
#oonm-app .oonv-public-heading{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:28px auto 38px;max-width:920px}
#oonm-app .oonv-public-card{max-width:680px;margin:0 auto}
#oonm-app .oonv-public-card .oonv-profile{padding:40px}
#oonm-app .oonv-public-note{max-width:680px;margin:24px auto;font-size:12px;line-height:1.8;color:#61735f}
#oonm-app .oonm-member-name a{color:inherit;text-decoration:none;border-bottom:1px dotted #8b9b88}
#oonm-app .oonm-member-name a:hover{border-bottom-style:solid}
#oonm-app .oonv-studio button:focus-visible,#oonm-app .oonv-studio a:focus-visible,#oonm-app .oonv-studio input:focus-visible,#oonm-app .oonv-studio select:focus-visible,#oonm-app .oonv-studio summary:focus-visible,#oonm-app #oonm-public-profile a:focus-visible,#oonm-app #oonm-public-profile button:focus-visible{outline:3px solid #b19043;outline-offset:3px}
#oonm-app .oonv-studio button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1120px){#oonm-app .oonv-studio-grid{gap:18px}#oonm-app .oonv-profile{padding:24px}#oonm-app .oonv-editor{padding:22px}#oonm-app .oonv-mastery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#oonm-app .oonv-studio-grid{grid-template-columns:1fr}#oonm-app .oonv-preview-column{grid-row:1}#oonm-app .oonv-sharing{margin-bottom:18px}#oonm-app .oonv-public-heading{align-items:flex-start}#oonm-app .oonv-public-heading h2{font-size:36px}#oonm-app .oonv-studio .oonv-profile{max-width:none}#oonm-app .oonv-section-title{gap:12px}}
@media(max-width:480px){#oonm-app .oonv-editor{padding:18px}#oonm-app .oonv-section-title{flex-direction:column}#oonm-app .oonv-section-title h2{font-size:38px}#oonm-app .oonv-profile{padding:22px;border-radius:18px}#oonm-app .oonv-public-card .oonv-profile{padding:23px}#oonm-app .oonv-seal{width:57px;height:57px}#oonm-app .oonv-seal svg{width:29px;height:29px}#oonm-app .oonv-identity{gap:14px}#oonm-app .oonv-card-metrics strong{font-size:29px}#oonm-app .oonv-mastery-grid{gap:10px}#oonm-app .oonv-mastery{padding:15px}#oonm-app .oonv-public-heading{flex-direction:column}#oonm-app .oonv-sharing{padding:18px}#oonm-app .oonv-theme-hints{grid-template-columns:1fr}#oonm-app .oonv-actions .oonm-btn{width:100%}}
@media(prefers-reduced-motion:reduce){#oonm-app .oonv-studio *,#oonm-app .oonv-masteries *,#oonm-app .oonv-profile *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* TEST29 · earned cosmetic collection, private by default. */
#oonm-app .oonv-collection{margin:44px 0;padding-top:30px;border-top:1px solid #d7dfd8}
#oonm-app .oonv-emblem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#oonm-app .oonv-emblem{background:#efF1ed;border:1px solid #dce2d9;border-radius:18px;padding:24px;min-width:0;color:#567064}
#oonm-app .oonv-emblem.is-earned{background:#fffdf5;border-color:#b9c7ae;color:#17372e}
#oonm-app .oonv-emblem>small{display:block;letter-spacing:.1em;font-size:9px;margin:20px 0 8px}
#oonm-app .oonv-emblem h3{font-size:20px;margin:0 0 12px;line-height:1.3}
#oonm-app .oonv-emblem p{font-size:12px;line-height:1.8;margin:12px 0}
#oonm-app .oonv-emblem details,#oonm-app .oonv-cosmetics details{font-size:12px;margin-top:18px;line-height:1.8}
#oonm-app .oonv-emblem summary,#oonm-app .oonv-cosmetics summary{cursor:pointer;font-weight:600}
#oonm-app .oonv-cosmetics ul{padding-left:20px;list-style:disc}
#oonm-app .oonv-cosmetics li{margin:8px 0}
#oonm-app .oonv-emblem-symbol{display:inline-grid;place-items:center;width:54px;height:60px;flex:0 0 auto;clip-path:polygon(50% 0,95% 24%,95% 76%,50% 100%,5% 76%,5% 24%);background:#dce3d8;color:#53715c;font:24px Georgia,serif}
#oonm-app .oonv-emblem-symbol[data-tier="1"]{background:#e9ddbb;color:#7c602d}
#oonm-app .oonv-emblem-symbol[data-tier="2"]{background:#c9dcd3;color:#204f45}
#oonm-app .oonv-emblem-symbol[data-tier="3"]{background:#e8ce8a;color:#55401c}
#oonm-app .oonv-character{font-size:15px;color:var(--vaccent);margin:0 0 20px;line-height:1.7}
#oonm-app .oonv-character small{font-size:10px;color:var(--vtext)}
#oonm-app .oonv-selected-emblem{display:flex;align-items:center;gap:13px;margin:20px 0;font-size:14px;line-height:1.5}
#oonm-app .oonv-selected-emblem small{display:block;color:var(--vaccent);font-size:10px;margin-top:4px}
#oonm-app .oonv-frame-line{outline:1px solid var(--vaccent);outline-offset:-9px}
#oonm-app .oonv-frame-laurel{outline:3px double var(--vaccent);outline-offset:-10px}
#oonm-app .oonv-frame-laurel .oonv-seal{border-style:double;border-width:4px}
#oonm-app .oonv-frame-orbit{outline:1px solid var(--vaccent);outline-offset:-10px}
#oonm-app .oonv-frame-orbit .oonv-seal{position:relative;border-width:2px}
#oonm-app .oonv-frame-orbit .oonv-seal:after{content:"";position:absolute;inset:-9px;border:1px solid transparent;border-top-color:var(--vaccent);border-bottom-color:var(--vaccent);border-radius:50%;pointer-events:none}
#oonm-app .oonv-frame-orbit.is-animated .oonv-seal:after{animation:oonv-orbit 16s linear infinite}
#oonm-app .oonv-profile:before{content:"";position:absolute;inset:0 0 auto;height:185px;pointer-events:none;opacity:.16}
#oonm-app .oonv-cover-lines:before{background:repeating-linear-gradient(125deg,transparent 0 32px,var(--vaccent) 33px 34px,transparent 35px 65px);mask-image:linear-gradient(90deg,transparent 35%,#000)}
#oonm-app .oonv-cover-constellation:before{background:radial-gradient(circle at 70% 35%,var(--vaccent) 0 3px,transparent 4px),radial-gradient(circle at 85% 65%,var(--vaccent) 0 2px,transparent 3px),radial-gradient(circle at 92% 22%,var(--vaccent) 0 4px,transparent 5px),linear-gradient(135deg,transparent 60%,var(--vaccent) 60.3%,transparent 60.6%)}
#oonm-app .oonv-profile>*{position:relative}
@keyframes oonv-orbit{to{transform:rotate(360deg)}}
#oonm-app.oonm-reduced .oonv-seal:after{animation:none!important}
@media(prefers-reduced-motion:reduce){#oonm-app .oonv-seal:after{animation:none!important}}
@media(max-width:1000px){#oonm-app .oonv-emblem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#oonm-app .oonv-emblem-grid{grid-template-columns:1fr}#oonm-app .oonv-emblem{padding:22px}#oonm-app .oonv-collection .oonv-section-title{flex-direction:column}#oonm-app .oonv-character small{display:block}}