@layer components{.ct-embed-card{isolation:isolate;border:1px solid var(--oog-line);border-radius:var(--oog-r-xl);background:var(--oog-card);box-shadow:var(--oog-elev-1);position:relative;overflow:hidden}.ct-embed{z-index:1;width:100%;padding-top:var(--oog-s-4);min-height:clamp(26rem,62vw,34rem);position:relative}.ct-embed:focus-visible{outline-offset:-3px}.ct-embed-ph{z-index:0;justify-content:center;align-items:center;gap:var(--oog-s-5);padding:var(--oog-s-6);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.ct-embed-skel{opacity:.75;gap:clamp(1rem,3vw,2rem);width:min(100%,34rem);display:grid}@media (width>=40rem){.ct-embed-skel{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.ct-embed-skel-m{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;display:grid}.ct-embed-skel-m>span{aspect-ratio:1;border-radius:var(--oog-r-xs);background:var(--oog-line)}.ct-embed-skel-m>span[data-off=true]{background:0 0}.ct-embed-skel-s{gap:.35rem;display:grid}.ct-embed-skel-s>span{border-radius:var(--oog-r-sm);border:1px solid var(--oog-line);height:1.6rem}.ct-embed-wait{align-items:center;gap:var(--oog-s-3);flex-direction:column;display:flex}.ct-embed-fail{z-index:2;pointer-events:auto;gap:var(--oog-s-5)}.ct-embed-card[data-state=ready] .ct-embed,.ct-embed-card[data-state=failed] .ct-embed{min-height:0}@media (width<=719px){.ct-embed-card[data-state=ready] .ct-embed{overscroll-behavior-y:contain;max-height:30rem;overflow-y:auto;mask-image:linear-gradient(#000 0 calc(100% - 2.5rem),#0000 100%)}}.ct-embed-card[data-state=failed] .ct-embed-fail{min-height:20rem;position:static}.ct-embed-fail p{max-width:30rem;font-size:var(--oog-t-body);line-height:var(--oog-lh-body);color:var(--oog-text-2);margin:0}.ct-embed-bar{border-radius:var(--oog-r-pill);background:var(--oog-line-2);width:min(14rem,60%);height:2px;position:relative;overflow:hidden}.ct-embed-bar:after{content:"";inset-block:0;border-radius:inherit;background:var(--oog-accent);width:40%;animation:ct-embed-sweep var(--oog-dur-flow) var(--oog-ease-soft) infinite;position:absolute;left:0;transform:translate(-100%)}@keyframes ct-embed-sweep{to{transform:translate(350%)}}.ct-embed-foot{z-index:1;justify-content:space-between;align-items:center;gap:var(--oog-s-3) var(--oog-s-5);padding:var(--oog-s-4) clamp(1rem, 2.5vw, 1.75rem);border-top:1px solid var(--oog-line-soft);background:var(--oog-bg);flex-wrap:wrap;display:flex;position:relative}.ct-embed-foot p{font-size:var(--oog-t-sm);color:var(--oog-text-3);margin:0}.ct-form{max-width:46rem}.ct-grid{gap:var(--oog-s-7) var(--oog-gap);grid-template-columns:1fr;display:grid}@media (width>=720px){.ct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-span-2{grid-column:1/-1}}.ct-field{gap:var(--oog-s-2);flex-direction:column;min-width:0;display:flex}.ct-label{font-family:var(--oog-font-body);font-size:var(--oog-t-xs);color:var(--oog-text);font-weight:600;line-height:1.3}.ct-req{color:var(--oog-text-3);font-weight:400}.ct-input{appearance:none;border:1px solid var(--oog-line-2);border-radius:var(--oog-r-sm);background:var(--oog-card);width:100%;min-width:0;font-family:var(--oog-font-body);font-size:var(--oog-t-body);color:var(--oog-text);transition:border-color var(--oog-dur-fast) var(--oog-ease), box-shadow var(--oog-dur-fast) var(--oog-ease);padding:.72rem .9rem;line-height:1.5}.ct-input::placeholder{color:var(--oog-text-3);opacity:1}@media (hover:hover){.ct-input:hover{border-color:var(--oog-line-3)}}.ct-input:focus-visible,.ct-input:focus{border-color:var(--oog-accent);box-shadow:0 0 0 3px var(--oog-accent-soft);outline:none}.ct-input:disabled{color:var(--oog-text-3);cursor:not-allowed}.ct-input[aria-invalid=true],.ct-input[aria-invalid=true]:focus,.ct-input[aria-invalid=true]:focus-visible{border-width:2px;border-color:var(--oog-warm);padding:calc(.72rem - 1px) calc(.9rem - 1px)}.ct-input[aria-invalid=true].ct-select{padding-right:calc(2.4rem - 1px)}.ct-err{font-size:var(--oog-t-xs);color:var(--oog-text);margin:0;font-weight:500;line-height:1.45}textarea.ct-input{resize:vertical;min-height:8.5rem}.ct-select-wrap{display:flex;position:relative}select.ct-input{cursor:pointer;padding-right:2.4rem}.ct-select{text-align:start;cursor:pointer;color:var(--oog-text);align-items:center;padding-right:2.4rem;display:flex}.ct-caret{color:var(--oog-text-3);pointer-events:none;transition:transform var(--oog-dur-fast) var(--oog-ease);display:inline-flex;position:absolute;top:50%;right:.9rem;translate:0 -50%}.ct-select[data-open=true]~.ct-caret{color:var(--oog-accent);transform:rotate(180deg)}.ct-options{z-index:20;overscroll-behavior:contain;border:1px solid var(--oog-line-2);border-radius:var(--oog-r-sm);background:var(--oog-card);max-height:15rem;box-shadow:var(--oog-elev-3);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto}.ct-option{border-radius:var(--oog-r-xs);font-size:var(--oog-t-sm);color:var(--oog-text-2);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem;line-height:1.4;display:flex}.ct-option[data-active=true]{background:var(--oog-accent-soft);color:var(--oog-text)}.ct-option[aria-selected=true]{color:var(--oog-text);font-weight:500}.ct-option-tick{color:var(--oog-accent);opacity:0;flex:none}.ct-option[aria-selected=true] .ct-option-tick{opacity:1}@media (prefers-reduced-motion:reduce){.ct-caret{transition:none}}.ct-context{align-items:flex-start;gap:var(--oog-s-4);padding:var(--oog-s-4) var(--oog-s-5);border:1px solid var(--oog-accent-line);border-radius:var(--oog-r-md);background:var(--oog-accent-soft);display:flex}.ct-context p{font-size:var(--oog-t-sm);color:var(--oog-text-2);margin:0;line-height:1.55}.ct-context strong{color:var(--oog-text);font-weight:600}.ct-context-x{border-radius:var(--oog-r-sm);width:1.75rem;height:1.75rem;color:var(--oog-text-3);cursor:pointer;transition:color var(--oog-dur-fast) var(--oog-ease);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-.25rem -.35rem -.25rem 0;display:inline-flex}@media (hover:hover){.ct-context-x:hover{color:var(--oog-text)}}.ct-context-x:active{color:var(--oog-accent-text)}.ct-foot{gap:var(--oog-s-4);margin-top:var(--oog-s-7);flex-direction:column;display:flex}.ct-foot-main,.ct-foot-fine{gap:var(--oog-s-4);flex-direction:column;min-width:0;display:flex}@media (width>=1080px){.ct-foot{column-gap:var(--oog-gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.ct-foot-fine{grid-column:2/-1;max-width:44ch}}.ct-note{font-size:var(--oog-t-sm);color:var(--oog-text-3);margin:0;line-height:1.55}.ct-note a{color:var(--oog-accent-text);text-underline-offset:.18em;text-decoration:underline 1px;text-decoration-color:var(--oog-accent-line);transition:text-decoration-color var(--oog-dur-fast) var(--oog-ease)}.ct-note a:focus-visible{text-decoration-color:currentColor}@media (hover:hover){.ct-note a:hover{text-decoration-color:currentColor}}.ct-status{font-size:var(--oog-t-sm);margin:0;font-weight:500;line-height:1.55}.ct-status:empty{display:none}.ct-status-ok{color:var(--oog-accent-2)}.ct-status-err{color:var(--oog-text);padding-left:var(--oog-s-4);border-left:2px solid var(--oog-warm-line)}.ct-actions{align-items:center;gap:var(--oog-s-4) var(--oog-s-6);margin-top:var(--oog-s-2);flex-wrap:wrap;display:flex}.ct-actions .oog-btn:disabled{cursor:not-allowed;opacity:.7}.ct-hp{display:none}.ct-page{gap:clamp(1.75rem,3.5vw,2.75rem);max-width:58rem;margin-inline:auto;display:grid}.ct-brief-for,.ct-or,.ct-form{width:100%;max-width:44rem;margin-inline:auto}.ct-or{align-items:center;gap:var(--oog-s-4);grid-template-columns:1fr auto 1fr;margin:0;display:grid}.ct-or:before,.ct-or:after{content:"";background:var(--oog-line);height:1px}.ct-or span{font-family:var(--oog-font-mono);font-size:var(--oog-t-mono-sm);letter-spacing:var(--oog-track-label);text-transform:uppercase;color:var(--oog-text-3)}.ct-brief-for{gap:var(--oog-s-5) clamp(1.5rem, 4vw, 3rem);padding-bottom:var(--oog-s-6);border-bottom:1px solid var(--oog-line);text-align:start;display:grid}@media (width>=34rem){.ct-brief-for{grid-template-columns:repeat(2,minmax(0,1fr))}}.ct-brief-for p{font-size:var(--oog-t-sm);color:var(--oog-text-2);text-wrap:pretty;margin:.4rem 0 0;line-height:1.55}}
