.ob-shell{margin:-2rem;font-family:var(--gmt-font);background:var(--app-bg);min-height:100vh}.ob-band{position:relative;background:radial-gradient(110% 80% at 88% -15%,rgba(108,234,226,.11),transparent 62%),linear-gradient(180deg,rgba(32,70,68,.34),transparent 72%),var(--gmt-ink,#071413);border-bottom:1px solid var(--app-line);color:var(--app-heading);padding:34px 0 40px}.ob-band-inner{max-width:908px;margin:0 auto;padding:0 24px}.ob-wordmark{display:inline-block;font-size:24px;font-weight:var(--gmt-wordmark-weight,500);letter-spacing:var(--gmt-wordmark-tracking,normal);background:var(
    --gmt-wordmark-gradient,linear-gradient(to right,#6ceae2,#fafbfb)
  );-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:22px;text-decoration:none}a.ob-wordmark:hover{opacity:.85}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.ob-wordmark{background:none;color:var(--gmt-mint)}}.ob-band h1{font-size:clamp(28px,4.4vw,42px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:12px;color:var(--app-heading)}.ob-band h1 em{font-style:normal;color:var(--gmt-mint)}.ob-band-sub{max-width:640px;line-height:1.65;color:var(--app-body);font-size:15.5px}.ob-band-meta{margin-top:14px;font-size:13px;letter-spacing:.2px;color:var(--gmt-mint);opacity:.85}.ob-band-back{margin:-12px 0 16px;font-size:13.5px}.ob-band-back a{color:var(--gmt-mint);text-decoration:none}.ob-band-back a:hover{text-decoration:underline}.ob-page{max-width:908px;margin:0 auto;padding:28px 24px 90px;color:var(--app-body)}.ob-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.ob-step{border:1px solid var(--app-line-strong);background:var(--app-inset);border-radius:999px;padding:6px 12px;font-size:12.5px;color:var(--app-muted);cursor:pointer}.ob-step b{font-weight:600;margin-right:2px}.ob-step.is-current{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}.ob-step.is-done{border-color:var(--app-accent);color:var(--app-accent)}.ob-step:disabled{opacity:.45;cursor:default}.ob-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:16px;padding:28px;box-shadow:var(--gmt-shadow-card)}.ob-card h2{font-size:22px;letter-spacing:-.3px;margin-bottom:20px}.ob-count{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--app-muted);font-weight:600;margin-bottom:4px}.ob-field{display:block;margin-bottom:18px}.ob-label{display:block;font-weight:600;font-size:14.5px;margin-bottom:4px}.ob-optional{font-style:normal;font-weight:400;font-size:12.5px}.ob-hint,.ob-optional{color:var(--app-muted)}.ob-hint{display:block;font-size:13px;margin-bottom:8px;line-height:1.5}.ob-field input:not([type=radio]):not([type=checkbox]):not([type=color]),.ob-field select,.ob-field textarea,.ob-hex,.ob-platform-row input,.ob-platform-row select{width:100%;border:1px solid var(--app-line-strong);border-radius:10px;padding:10px 12px;font:inherit;font-size:14.5px;background:var(--app-inset);color:var(--app-heading)}.ob-field input:focus,.ob-field select:focus,.ob-field textarea:focus{outline:2px solid var(--app-accent);outline-offset:0;border-color:var(--app-accent)}.ob-grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}@media (max-width:640px){.ob-grid2{grid-template-columns:1fr}}.ob-chips{display:flex;flex-wrap:wrap;gap:8px}.ob-chip{border:1px solid var(--app-line-strong);background:var(--app-inset);border-radius:999px;padding:7px 14px;font-size:13.5px;cursor:pointer;color:var(--app-body)}.ob-chip.is-on{background:var(--app-accent-wash);border-color:var(--app-accent);color:var(--app-accent);font-weight:600}.ob-uploaded-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ob-uploaded-desc{width:100%;margin-top:6px;font-size:13.5px}.ob-nature{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));grid-gap:10px;gap:10px}.ob-nature-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border:1px solid var(--app-line);border-radius:12px;background:color-mix(in srgb,var(--tint) 12%,var(--app-surface));color:var(--app-body);font-size:13px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ob-nature-tile:hover{background:color-mix(in srgb,var(--tint) 20%,var(--app-surface))}.ob-nature-tile.is-on{background:color-mix(in srgb,var(--tint) 30%,var(--app-surface));border-color:var(--app-accent);color:var(--app-heading);font-weight:600;box-shadow:inset 0 0 0 1px var(--app-accent)}.ob-radios{display:flex;flex-direction:column;gap:8px}.ob-radio{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--app-line-strong);border-radius:10px;padding:10px 12px;cursor:pointer;background:var(--app-inset)}.ob-radio.is-on{border-color:var(--app-accent);background:var(--app-accent-wash)}.ob-radio input{margin-top:3px;accent-color:var(--app-accent)}.ob-radio strong{font-weight:600;font-size:14px}.ob-radio small{display:block;color:var(--app-muted);font-size:12.5px;margin-top:2px}.ob-toggle{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;cursor:pointer}.ob-toggle input{margin-top:3px;width:16px;height:16px;accent-color:var(--app-accent)}.ob-toggle span{font-size:14px;font-weight:500}.ob-toggle small{display:block;font-weight:400;color:var(--app-muted);font-size:12.5px;margin-top:2px}.ob-more{margin:14px 0 18px;border-top:1px dashed var(--app-line);padding-top:12px}.ob-more summary{cursor:pointer;color:var(--app-accent);font-size:13.5px;font-weight:600}.ob-more-body{margin-top:14px}.ob-subblock{border:1px solid var(--app-line);background:var(--app-inset);border-radius:12px;padding:16px;margin-bottom:18px}.ob-subblock .ob-field input,.ob-subblock .ob-field textarea{background:var(--app-surface)}.ob-nested{margin:14px 0 4px;padding-left:14px;border-left:2px solid var(--app-line)}.ob-messagelist{display:flex;flex-direction:column;gap:8px}.ob-addmore{align-self:flex-start;border:1px dashed var(--app-line-strong);background:transparent;color:var(--app-accent);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;cursor:pointer}.ob-addmore:hover{border-color:var(--app-accent);color:var(--app-accent)}.ob-colorguess{display:flex;align-items:center;gap:10px;margin-top:10px}.ob-colorguess .ob-hint{margin:0}.ob-swatch{width:28px;height:28px;flex:none;border-radius:8px;border:1px solid rgba(0,0,0,.12)}.ob-comfort{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--app-line);font-size:14px}.ob-comfort:last-child{border-bottom:none}.ob-seg{display:flex;border:1px solid var(--app-line);border-radius:999px;overflow:hidden;flex-shrink:0}.ob-seg button{border:none;background:var(--app-inset);padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--app-muted)}.ob-seg button.is-on{background:var(--app-accent);color:var(--app-on-accent);font-weight:600}.ob-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px}.ob-template{position:relative;border:2px solid var(--app-line-strong);border-radius:12px;background:var(--app-inset);padding:8px;text-align:left}.ob-template.is-on{border-color:var(--app-accent);box-shadow:0 0 0 3px var(--app-accent-wash)}.ob-thumb-btn{border:none;background:none;padding:0;text-align:left}.ob-preview-btn,.ob-thumb-btn{display:block;width:100%;cursor:pointer}.ob-preview-btn{margin-top:6px;border:1px solid var(--app-line);background:var(--app-inset);border-radius:8px;padding:5px 8px;font:inherit;font-size:11.5px;color:var(--app-accent)}.ob-preview-btn:hover{border-color:var(--app-accent);background:var(--app-accent-wash)}.ob-rank{position:absolute;top:-9px;right:8px;background:var(--app-accent);color:var(--app-on-accent);font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;z-index:1}.ob-thumb{position:relative;display:block;border-radius:8px;overflow:hidden;background:var(--app-inset)}.ob-thumb img{width:100%;height:100%;object-fit:contain;display:block}.ob-template-name{display:block;margin-top:8px;font-size:13px;font-weight:600;color:var(--app-body)}.ob-modal{position:fixed;inset:0;background:rgba(3,9,8,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.ob-modal-card{background:var(--app-surface);border-radius:16px;padding:18px;max-height:100%;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.25)}.ob-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.ob-modal-head h3{font-size:17px}.ob-modal-head p{font-size:12.5px;color:var(--app-muted)}.ob-modal-x{border:none;background:none;font-size:26px;line-height:1;color:var(--app-muted);cursor:pointer;padding:0 4px}.ob-modal-stage{position:relative;overflow:hidden;border-radius:10px;border:1px solid var(--app-line);background:var(--app-inset)}.ob-modal-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--app-muted)}.ob-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.9);box-shadow:0 1px 5px rgba(0,0,0,.2);font-size:20px;line-height:1;cursor:pointer;color:#071413}.ob-modal-nav--prev{left:10px}.ob-modal-nav--next{right:10px}.ob-modal-dots{display:flex;align-items:center;gap:5px;padding:12px 2px 6px}.ob-modal-dot{width:7px;height:7px;border-radius:50%;border:none;background:var(--app-line);padding:0;cursor:pointer}.ob-modal-dot.is-on{background:var(--app-accent)}.ob-modal-count{margin-left:auto;font-size:11.5px;color:var(--app-muted)}.ob-modal-foot{border-top:1px solid var(--app-line);padding-top:12px;max-width:380px}.ob-modal-foot .ob-hint{margin-bottom:10px}.ob-modal-pick{width:100%;border:none;color:var(--app-on-accent);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer}.ob-modal-pick,.ob-modal-pick.is-on{background:var(--app-accent)}.ob-colormode{margin:10px 0}.ob-colorrow{display:flex;gap:12px;align-items:flex-start}.ob-colorrow input[type=color]{width:52px;height:44px;border:1px solid var(--app-line-strong);border-radius:10px;padding:4px;background:var(--app-inset);cursor:pointer}.ob-colorrow .ob-hex{max-width:120px}.ob-colorrow .ob-field{margin-bottom:0;flex:1 1}.ob-vibes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.ob-vibe{border:2px solid var(--app-line-strong);border-radius:12px;background:var(--app-inset);padding:16px;cursor:pointer;text-align:left}.ob-vibe.is-on{border-color:var(--app-accent);background:var(--app-accent-wash)}.ob-vibe-sample{display:block;font-size:21px;line-height:1.2;margin-bottom:4px;color:var(--app-accent)}.ob-vibe-body{color:var(--app-muted);margin-bottom:10px}.ob-vibe-body,.ob-vibe-label strong{display:block;font-size:13.5px}.ob-vibe-label small{color:var(--app-muted);font-size:12px}.ob-upload{margin-bottom:18px}.ob-upload input[type=file]{display:block;width:100%;border:1px dashed var(--app-line-strong);border-radius:10px;padding:18px 12px;background:var(--app-inset);font-size:13.5px;color:var(--app-muted);cursor:pointer}.ob-uploading{font-size:13px;color:var(--app-accent);margin-top:6px}.ob-uploaded{list-style:none;margin-top:8px}.ob-uploaded li{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;padding:6px 2px;color:var(--app-accent)}.ob-remove,.ob-uploaded button{border:none;background:none;color:var(--app-muted);font-size:12.5px;cursor:pointer;text-decoration:underline}.ob-consent-box{border:1px solid var(--app-line);background:var(--app-inset);border-radius:12px;padding:16px;margin-bottom:18px}.ob-consent-copy{font-size:13px;color:var(--app-muted);line-height:1.6;margin:4px 0 12px 26px}.ob-platform-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ob-platform-row select{max-width:140px}.ob-add{border:1px dashed var(--app-line-strong);background:none;border-radius:999px;padding:6px 14px;font-size:13px;color:var(--app-accent);cursor:pointer;font-weight:600}.ob-summary{border-top:1px solid var(--app-line);margin-top:8px;padding-top:16px}.ob-summary h3{font-size:15px;margin-bottom:10px}.ob-summary ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--app-body)}.ob-swatch{display:inline-block;color:#ffffff;border-radius:6px;padding:1px 8px;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.ob-error{color:var(--app-bad);font-size:13.5px;margin-top:6px}.ob-step-error{background:var(--app-bad-wash);border:1px solid var(--app-bad-line);border-radius:10px;padding:10px 14px}.ob-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.ob-back{background:none;color:var(--app-muted);font-size:14px}.ob-back,.ob-next{border:none;cursor:pointer}.ob-next{background:var(--app-accent);color:var(--app-on-accent);border-radius:999px;padding:12px 26px;font-size:14.5px;font-weight:600}.ob-next:disabled{opacity:.6;cursor:default}.ob-portal-note{margin-top:18px;background:var(--app-inset);border:1px solid var(--app-line);border-radius:12px;padding:16px;max-width:560px}.ob-portal-note p{font-size:13.5px;color:var(--app-body);line-height:1.6;margin-bottom:12px}.ob-portal-link{display:inline-block;background:var(--app-accent);color:var(--app-on-accent);text-decoration:none;border-radius:999px;padding:10px 20px;font-size:13.5px;font-weight:600}.ob-done{text-align:left}.ob-done-mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:var(--gmt-mint);color:var(--gmt-ink);font-size:24px;font-weight:700;line-height:1;margin-bottom:18px}.ob-done h2{margin-bottom:10px;font-size:26px;letter-spacing:-.4px}.ob-done p{line-height:1.7;color:var(--app-body);max-width:560px}.ob-next-steps{margin-top:22px;max-width:560px;background:var(--app-inset);border-left:3px solid var(--app-accent);border-radius:var(--gmt-radius-sm);padding:18px 20px}.ob-next-title{font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--app-muted);margin-bottom:10px}.ob-next-steps ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.ob-next-steps li{font-size:14.5px;line-height:1.6;color:var(--app-body)}.ob-next-steps li::marker{color:var(--app-accent);font-weight:600}.ob-unlock{font-size:13.5px;line-height:1.55;color:var(--app-muted);background:var(--app-inset);border:1px solid var(--app-line);border-left:3px solid var(--app-accent);border-radius:8px;padding:12px 14px;margin-bottom:18px}.ob-unlock.is-on{border-left-color:var(--app-accent)}.ob-restored,.ob-unlock.is-on{background:var(--app-accent-wash);color:var(--app-body)}.ob-restored{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;line-height:1.5;border:1px solid var(--app-line);border-radius:10px;padding:11px 14px;margin-bottom:14px}.ob-restored button{border:1px solid var(--app-line);background:transparent;color:var(--app-muted);font:inherit;font-size:13px;border-radius:999px;padding:5px 12px;cursor:pointer}.ob-restored button:hover{color:var(--app-body);border-color:var(--app-accent)}.ob-foot{border-top:1px solid var(--app-line);margin-top:8px;padding:26px 0 40px}.ob-foot-inner{max-width:908px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--app-muted);line-height:1.6}.ob-foot p{max-width:560px;margin:0}.ob-foot a{color:var(--app-link);text-decoration:none;border-bottom:1px solid var(--app-accent-line);white-space:nowrap}.ob-foot a:hover{color:var(--app-accent)}.ob-tally{margin-top:14px;font-size:13.5px;line-height:1.55;color:var(--app-muted);background:var(--app-inset);border:1px solid var(--app-line);border-left:3px solid var(--app-line-strong);border-radius:8px;padding:11px 14px}.ob-tally strong{color:var(--app-heading);font-weight:600}.ob-tally.is-on{background:var(--app-accent-wash);border-left-color:var(--app-accent);color:var(--app-body)}