/* /sgreco_site/static/src/saud/saud_page.css */
 @font-face{font-family: "SaudLama"; src: url("/sgreco_portal/static/src/fonts/LamaSans-400.ttf") format("truetype"); font-weight: 400; font-display: swap;}@font-face{font-family: "SaudLama"; src: url("/sgreco_portal/static/src/fonts/LamaSans-500.ttf") format("truetype"); font-weight: 500; font-display: swap;}@font-face{font-family: "SaudLama"; src: url("/sgreco_portal/static/src/fonts/LamaSans-700.ttf") format("truetype"); font-weight: 700; font-display: swap;}:root{--sa-blue: #0DA4DB; --sa-navy: #10153A; --sa-bg: #0B0F2B; --sa-bg2: #131A48; --sa-ink: #F3F6FB; --sa-ink2: #B9C4DA; --sa-ink3: #8593B3; --sa-glass: rgba(255,255,255,.055); --sa-glass2: rgba(255,255,255,.09); --sa-line: rgba(255,255,255,.12); --sa-accent: #3CC3F2; --sa-accent-ink: #06243A; --sa-gold: #D8B66A; --sa-ok: #3DD6A0; --sa-shadow: 0 18px 50px rgba(0,0,0,.35); --sa-motif-op: .07; --sa-motif-color: #7FD6F7; --sa-font: "SaudLama", "LamaSans", "Lama Text", "Segoe UI", Tahoma, sans-serif; color-scheme: dark;}@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--sa-bg: #F6F3EC; --sa-bg2: #E9EEF6; --sa-ink: #10153A; --sa-ink2: #3A4468; --sa-ink3: #5F6A8C; --sa-glass: rgba(255,255,255,.62); --sa-glass2: rgba(255,255,255,.85); --sa-line: rgba(16,21,58,.12); --sa-accent: #0A86B5; --sa-accent-ink: #FFFFFF; --sa-gold: #8A6A1F; --sa-ok: #127A55; --sa-shadow: 0 16px 40px rgba(16,21,58,.12); --sa-motif-op: .09; --sa-motif-color: #10153A; color-scheme: light;}}:root[data-theme="light"]{--sa-bg: #F6F3EC; --sa-bg2: #E9EEF6; --sa-ink: #10153A; --sa-ink2: #3A4468; --sa-ink3: #5F6A8C; --sa-glass: rgba(255,255,255,.62); --sa-glass2: rgba(255,255,255,.85); --sa-line: rgba(16,21,58,.12); --sa-accent: #0A86B5; --sa-accent-ink: #FFFFFF; --sa-gold: #8A6A1F; --sa-ok: #127A55; --sa-shadow: 0 16px 40px rgba(16,21,58,.12); --sa-motif-op: .09; --sa-motif-color: #10153A; color-scheme: light;}*{box-sizing: border-box;}html, body{margin: 0; height: 100%; overflow: hidden; max-width: 100%; overscroll-behavior: none; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}body.sa-body{background: var(--sa-bg); color: var(--sa-ink); font-family: var(--sa-font); font-weight: 500; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}.sa-app{position: fixed; top: 0; right: 0; left: 0; height: 100vh; display: grid; grid-template-rows: auto minmax(0,1fr) auto; grid-template-columns: minmax(0,1fr); overflow: hidden;}@supports (height: 100dvh){.sa-app{height: 100dvh;}}.sa-vv .sa-app{top: var(--sa-vt, 0px); height: var(--sa-vh, 100dvh);}.sa-sky{position: absolute; inset: 0; pointer-events: none; overflow: hidden;}.sa-sky::before{content: ""; position: absolute; inset: -20%; background: radial-gradient(38% 42% at 50% 34%, rgba(13,164,219,.30), transparent 70%), radial-gradient(30% 30% at 85% 90%, rgba(216,182,106,.10), transparent 70%), radial-gradient(40% 40% at 10% 80%, rgba(13,164,219,.10), transparent 70%), linear-gradient(-180deg, var(--sa-bg) 0%, var(--sa-bg2) 100%);}.sa-motif{position: absolute; inset: 0; width: 100%; height: 100%; color: var(--sa-motif-color); opacity: var(--sa-motif-op); -webkit-mask-image: radial-gradient(70% 70% at 50% 40%, transparent 22%, #000 75%); mask-image: radial-gradient(70% 70% at 50% 40%, transparent 22%, #000 75%);}.sa-frieze{position: absolute; inset-inline: 0; bottom: 0; width: 100%; height: 26px; color: var(--sa-motif-color); opacity: calc(var(--sa-motif-op) * 2.2);}.sa-top{position: relative; z-index: 5; display: flex; align-items: center; gap: 14px; padding: 16px 28px;}.sa-brand{display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit;}.sa-brand svg{width: 30px; height: 34px; fill: var(--sa-blue); flex: none;}.sa-brand b{display: block; font-weight: 700; font-size: 19px; letter-spacing: .2px;}.sa-brand b i{font-style: normal; color: var(--sa-accent);}.sa-brand small{display: block; font-size: 12px; color: var(--sa-ink3); margin-top: 1px;}.sa-top-sp{flex: 1;}.sa-memory{display: flex; align-items: center; gap: 8px; max-width: 46vw; padding: 7px 14px; border-radius: 999px; background: var(--sa-glass); border: 1px solid var(--sa-line); font-size: 13px; color: var(--sa-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);}.sa-memory[hidden]{display: none;}.sa-memory svg{width: 15px; height: 15px; flex: none; color: var(--sa-accent);}.sa-btn{display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--sa-line); background: var(--sa-glass); color: var(--sa-ink); font: 500 14px var(--sa-font); text-decoration: none; cursor: pointer; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: background .2s, border-color .2s, transform .2s;}.sa-btn:hover{background: var(--sa-glass2); border-color: var(--sa-accent);}.sa-btn--solid{background: var(--sa-accent); border-color: transparent; color: var(--sa-accent-ink); font-weight: 700;}.sa-btn--solid:hover{background: var(--sa-accent); filter: brightness(1.08);}.sa-icon-btn{width: 40px; padding: 0; justify-content: center;}.sa-icon-btn svg{width: 18px; height: 18px;}:focus-visible{outline: 2px solid var(--sa-accent); outline-offset: 3px;}.sa-stage{position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) minmax(420px, 600px) minmax(0,1fr); gap: 28px; padding: 0 28px; min-height: 0;}.sa-wing{position: relative; min-height: 0; overflow-y: auto; scrollbar-width: none; padding: 14px 4px 24px; display: flex; flex-direction: column; gap: 14px; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 18px, #000 calc(100% - 28px), transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 18px, #000 calc(100% - 28px), transparent 100%);}.sa-wing::-webkit-scrollbar{display: none;}.sa-center{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; min-width: 0; padding: 8px 0 6px;}.sa-wing{min-width: 0;}.sa-voice{width: 100%; text-align: center; min-height: 0; flex: 0 1 auto; display: flex; flex-direction: column; overflow: hidden;}.sa-name{font-size: 13px; color: var(--sa-ink3); letter-spacing: .3px; margin-bottom: 8px;}.sa-name b{color: var(--sa-accent); font-weight: 700;}.sa-thread{flex: 0 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: none; display: flex; flex-direction: column; gap: 12px; padding: 4px 6px 12px;}.sa-thread.is-scroll{-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 36px, #000 100%); mask-image: linear-gradient(180deg, transparent 0, #000 36px, #000 100%);}.sa-thread::-webkit-scrollbar{display: none;}.sa-thread > :first-child{margin-top: auto;}.sa-say{font-size: clamp(19px, 1.55vw, 23px); line-height: 1.75; font-weight: 500; color: var(--sa-ink); white-space: pre-line; text-wrap: pretty; overflow-wrap: anywhere;}.sa-say a{color: var(--sa-accent); text-decoration: underline; text-underline-offset: 4px;}.sa-say.is-old{font-size: 16px; line-height: 1.7; color: var(--sa-ink3); font-weight: 500;}.sa-me{align-self: center; max-width: 88%; padding: 7px 16px; border-radius: 999px; background: var(--sa-glass2); border: 1px solid var(--sa-line); font-size: 15px; font-weight: 500; color: var(--sa-ink2);}.sa-dots{display: inline-flex; gap: 6px; padding: 8px 0; justify-content: center;}.sa-dots i{width: 7px; height: 7px; border-radius: 50%; background: var(--sa-accent); animation: sa-dot 1.2s ease-in-out infinite;}.sa-dots i:nth-child(2){animation-delay: .15s;}.sa-dots i:nth-child(3){animation-delay: .3s;}@keyframes sa-dot{0%,100%{opacity: .25; transform: translateY(0);}50%{opacity: 1; transform: translateY(-4px);}}.sa-card{position: relative; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; padding: 14px; border-radius: 20px; background: var(--sa-glass); border: 1px solid var(--sa-line); color: inherit; text-decoration: none; box-shadow: var(--sa-shadow); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2); transition: border-color .25s, background .25s, transform .25s;}a.sa-card:hover, button.sa-card:hover{border-color: var(--sa-accent); background: var(--sa-glass2); transform: translateY(-2px);}button.sa-card{font: inherit; text-align: start; cursor: pointer; width: 100%;}.sa-card .c-pic{width: 76px; height: 76px; border-radius: 14px; overflow: hidden; flex: none; display: grid; place-items: center; background: linear-gradient(-145deg, rgba(13,164,219,.28), rgba(16,21,58,.35)); color: var(--sa-accent);}.sa-card .c-pic img{width: 100%; height: 100%; object-fit: cover; display: block;}.sa-card .c-pic svg{width: 32px; height: 32px;}.sa-card .c-kind{font-size: 11.5px; color: var(--sa-accent); font-weight: 700; letter-spacing: .3px; margin-bottom: 3px;}.sa-card .c-title{font-size: 16px; font-weight: 700; line-height: 1.45; color: var(--sa-ink);}.sa-card .c-sub{font-size: 14px; font-weight: 500; color: var(--sa-ink2); margin-top: 2px; line-height: 1.55;}.sa-card .c-row{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px;}.sa-card .c-price{font-size: 15px; font-weight: 700; color: var(--sa-ink);}.sa-card .c-tag{font-size: 11.5px; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--sa-line); color: var(--sa-ink2); background: var(--sa-glass);}.sa-card[data-type="auction"] .c-kind{color: var(--sa-gold);}.sa-card[data-type="auction"] .c-pic{background: linear-gradient(-145deg, rgba(216,182,106,.30), rgba(16,21,58,.30)); color: var(--sa-gold);}.sa-card--cta{grid-template-columns: 1fr; border-color: rgba(60,195,242,.45); background: linear-gradient(-160deg, rgba(13,164,219,.20), var(--sa-glass));}.sa-card--cta .c-title{font-size: 17px;}.sa-card--cta .sa-btn{margin-top: 10px;}.sa-wing-cap{font-size: 12.5px; color: var(--sa-ink3); padding: 0 6px; display: flex; align-items: center; gap: 8px;}.sa-wing-cap::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sa-blue); box-shadow: 0 0 10px var(--sa-blue);}.sa-fact{grid-template-columns: 1fr; text-align: center; padding: 18px 14px;}.sa-fact .f-n{font-size: 30px; font-weight: 700; color: var(--sa-accent); line-height: 1.2;}.sa-fact .f-l{font-size: 14px; font-weight: 500; color: var(--sa-ink2); margin-top: 4px; line-height: 1.6;}.sa-dock{position: relative; z-index: 4; padding: 10px 28px 30px; display: flex; flex-direction: column; align-items: center; gap: 12px;}.sa-chips{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 820px;}.sa-chip{height: 36px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--sa-line); background: var(--sa-glass); color: var(--sa-ink); font: 500 15px var(--sa-font); cursor: pointer; display: inline-flex; align-items: center; gap: 7px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: border-color .2s, background .2s;}.sa-chip:hover{border-color: var(--sa-accent); background: var(--sa-glass2);}.sa-chip svg{width: 15px; height: 15px; color: var(--sa-accent);}.sa-form{width: min(760px, 100%); display: flex; align-items: center; gap: 8px; padding: 7px; border-radius: 999px; background: var(--sa-glass2); border: 1px solid var(--sa-line); box-shadow: var(--sa-shadow), 0 0 0 6px rgba(13,164,219,.06); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}.sa-form:focus-within{border-color: var(--sa-accent);}.sa-form input{flex: 1; min-width: 0; height: 46px; border: 0; background: transparent; color: var(--sa-ink); font: 500 16px var(--sa-font); padding: 0 16px; outline: none;}.sa-form input::placeholder{color: var(--sa-ink3);}.sa-send{width: 46px; height: 46px; border-radius: 50%; border: 0; background: var(--sa-blue); color: #fff; display: grid; place-items: center; cursor: pointer; flex: none; box-shadow: 0 6px 18px rgba(13,164,219,.45); transition: transform .2s, filter .2s;}.sa-send:hover{filter: brightness(1.1);}.sa-send:disabled{opacity: .5; cursor: default;}.sa-send svg{width: 20px; height: 20px;}.sa-foot{font-size: 11.5px; color: var(--sa-ink3); text-align: center;}.sa-foot a{color: inherit;}.sa-sr{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}@media (max-width: 1099px){.sa-stage{grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; grid-template-areas: "center" "wing"; align-content: start; gap: 6px; padding: 0 16px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; overscroll-behavior: contain;}.sa-stage::-webkit-scrollbar{display: none;}.sa-center{grid-area: center; justify-content: flex-start; padding: 4px 0 0;}.sa-wing{grid-area: wing; position: static; flex-direction: row; overflow-x: auto; overflow-y: hidden; padding: 4px 2px 12px; gap: 10px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-mask-image: none; mask-image: none;}.sa-wing:empty{display: none;}.sa-wing--b{display: none;}.sa-wing > *{position: relative; flex: 0 0 min(82%, 340px); scroll-snap-align: start;}.sa-wing-cap{display: none;}.sa-fact{flex-basis: 150px !important; padding: 12px;}.sa-fact .f-n{font-size: 22px;}.sa-voice{overflow: visible; max-width: 640px;}.sa-thread{overflow: visible; padding: 2px 4px 8px;}.sa-thread.is-scroll{-webkit-mask-image: none; mask-image: none;}.sa-say{font-size: 18px; line-height: 1.75; font-weight: 500;}.sa-dock{padding: 8px calc(16px + env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px)) calc(14px + env(safe-area-inset-bottom, 0px)); gap: 10px;}.sa-stage{padding: 0 calc(16px + env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px));}.sa-chips{width: 100%; max-width: 760px;}}@media (max-width: 899px){.sa-top{padding: calc(12px + env(safe-area-inset-top, 0px)) calc(16px + env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px)) 12px; gap: 8px;}.sa-memory{max-width: 40vw;}.sa-say{font-size: 17px;}.sa-chips{flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; padding-bottom: 2px;}.sa-chips::-webkit-scrollbar{display: none;}.sa-chip{flex: none; height: 34px; font-size: 15px; font-weight: 500;}.sa-card .c-pic{width: 60px; height: 60px;}.sa-foot{display: none;}}@media (max-width: 640px){.sa-brand small, .sa-memory, .sa-top .sa-join-txt{display: none;}.sa-form input{font-size: 16px; padding: 0 12px;}}@media (max-width: 1099px) and (max-height: 700px){.sa-name{margin-bottom: 4px;}.sa-top{padding-block: 8px;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important; transition: none !important;}}button.sa-card{font: inherit; color: inherit; text-align: start; cursor: pointer; width: 100%;}.sa-panel{position: relative; z-index: 6; grid-row: 1; grid-column: 3; min-height: 0; overflow-y: auto; margin: 14px 0 24px; background: var(--sa-glass2); border: 1px solid var(--sa-line); border-radius: 22px; box-shadow: var(--sa-shadow); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: var(--sa-ink); outline: none;}.sa-panel[hidden]{display: none;}.sa-app[data-panel="a"] .sa-panel{grid-column: 1;}.sa-app[data-panel="a"] .sa-wing--a, .sa-app[data-panel="b"] .sa-wing--b{visibility: hidden;}@media (min-width: 1100px){.sa-wing--a{grid-row: 1; grid-column: 1;}.sa-center{grid-row: 1; grid-column: 2;}.sa-wing--b{grid-row: 1; grid-column: 3;}}.sa-panel .p-head{position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: var(--sa-bg2); border-bottom: 1px solid var(--sa-line); border-radius: 22px 22px 0 0;}.sa-panel .p-kind{font-size: 12px; font-weight: 700; color: var(--sa-accent-ink); background: var(--sa-accent); border-radius: 999px; padding: 3px 12px;}.sa-panel .p-nav{margin-inline-start: auto; display: flex; align-items: center; gap: 6px;}.sa-panel .p-count{font-size: 12px; color: var(--sa-ink3); min-width: 56px; text-align: center;}.sa-panel .p-btn{width: 44px; height: 44px; border-radius: 14px; border: 1px solid var(--sa-line); background: var(--sa-glass); color: var(--sa-ink); font: inherit; font-size: 18px; cursor: pointer;}.sa-panel .p-btn:disabled{opacity: .35; cursor: default;}.sa-panel .p-btn:focus-visible, .sa-panel .sa-chip:focus-visible{outline: 2px solid var(--sa-accent); outline-offset: 2px;}.sa-panel .p-body{padding: 14px 16px 20px; display: flex; flex-direction: column; gap: 12px;}.sa-panel .p-title{margin: 0; font-size: 20px; font-weight: 700; line-height: 1.5; color: var(--sa-ink); text-wrap: balance;}.sa-panel .p-sub{font-size: 13px; color: var(--sa-ink2);}.sa-panel .p-media{position: relative; border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid var(--sa-line);}.sa-panel .p-img{display: block; width: 100%; max-height: 300px; object-fit: contain; background: #fff;}.sa-panel .p-img[hidden]{display: none;}.sa-panel .p-tog{position: absolute; bottom: 10px; inset-inline-start: 10px; border: 0; border-radius: 999px; padding: 8px 16px; background: #10153A; color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; min-height: 40px;}.sa-panel .p-price{display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px; background: var(--sa-glass); border: 1px solid var(--sa-line);}.sa-panel .p-price b{font-size: 22px; font-weight: 700; color: var(--sa-ink); font-variant-numeric: tabular-nums;}.sa-panel .p-price small{font-size: 12.5px; color: var(--sa-ink2);}.sa-panel .p-facts{margin: 0; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 14px; font-size: 14px;}.sa-panel .p-facts dt{color: var(--sa-ink3);}.sa-panel .p-facts dd{margin: 0; color: var(--sa-ink); overflow-wrap: anywhere;}.sa-panel .p-acts{display: flex; flex-wrap: wrap; gap: 8px; padding-top: 4px;}.sa-panel a.sa-chip{text-decoration: none; display: inline-flex; align-items: center;}@media (max-width: 1099px){.sa-panel{position: fixed; inset: 12vh 0 0 0; margin: 0; border-radius: 22px 22px 0 0; z-index: 40; grid-column: auto; grid-row: auto; background: var(--sa-bg2); padding-bottom: env(safe-area-inset-bottom, 0px);}.sa-app[data-panel] .sa-wing--a{visibility: visible;}}.sa-card{transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;}a.sa-card:hover, button.sa-card:hover{transform: translateY(-3px); border-color: rgba(60,195,242,.6); box-shadow: 0 14px 34px -18px rgba(13,164,219,.75);}.sa-card.is-new{border-color: rgba(60,195,242,.55); animation: sa-new-glow 2.4s ease-out 1;}.sa-card.is-new .c-pic{width: 92px; height: 92px;}.sa-card.is-new .c-price{color: var(--sa-accent); font-size: 16px;}@keyframes sa-new-glow{0%{box-shadow: 0 0 0 0 rgba(13,164,219,.55), 0 0 34px rgba(13,164,219,.55);}100%{box-shadow: 0 0 0 0 rgba(13,164,219,0), 0 0 0 rgba(13,164,219,0);}}.sa-wing-cap{font-size: 14px; font-weight: 700; color: var(--sa-ink2);}#saVoice.is-on{background: var(--sa-blue); color: #fff; border-color: var(--sa-blue);}.sa-mic{background: transparent; color: var(--sa-blue); border: 1px solid var(--sa-line); margin-inline-end: 6px;}.sa-mic.is-on{background: #B42318; color: #fff; border-color: #B42318; animation: sa-breathe 1.2s ease-in-out infinite;}.sa-mic[hidden], #saVoice[hidden]{display: none;}.sa-say .sa-card{display:flex;flex-direction:column;gap:2px;margin:8px 0;padding:10px 14px;border-radius:14px;background:#10153A;color:#fff;text-decoration:none;font-weight:700;max-width:420px}.sa-say .sa-card small{color:#BFE9F8;font-weight:400;font-size:.76rem;text-align:left}.sa-say .sa-card:hover{background:#1B2468}.sa-say .sa-opt{display:inline-block;margin:6px 0 0 6px;padding:8px 14px;border-radius:999px;border:1px dashed #0DA4DB;background:#fff;color:#10153A;font:inherit;font-weight:700;cursor:pointer}.sa-say .sa-opt:hover{background:#E8F7FC}.sa-figure{position: relative; flex: none; height: 38vh; max-height: 360px; min-height: 120px; aspect-ratio: 196 / 600; margin: 4px auto 12px;}.sa-figure > img{position: relative; z-index: 2; display: block; height: 100%; width: 100%; object-fit: contain; filter: drop-shadow(0 16px 22px rgba(0,0,0,.32)); animation: sa-float 7s ease-in-out infinite;}.sa-figure > span{position: absolute; pointer-events: none;}.sa-figure .f-glow{top: 4%; bottom: 6%; right: -95%; left: -95%; z-index: 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(13,164,219,.42), rgba(13,164,219,.14) 55%, transparent 100%); filter: blur(8px); animation: sa-breathe 5.5s ease-in-out infinite;}.sa-figure .f-ring{top: -7%; right: -38%; left: -38%; aspect-ratio: 1; z-index: 1; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0 68%, rgba(60,195,242,.55) 80%, transparent 92%); -webkit-mask: radial-gradient(closest-side, transparent 88%, #000 90%, #000 94%, transparent 96%); mask: radial-gradient(closest-side, transparent 88%, #000 90%, #000 94%, transparent 96%); animation: sa-spin 18s linear infinite; opacity: .8;}.sa-figure .f-floor{bottom: -3%; right: -70%; left: -70%; height: 9%; z-index: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(13,164,219,.55), rgba(13,164,219,.12) 60%, transparent 100%); filter: blur(3px); animation: sa-breathe 5.5s ease-in-out infinite;}.sa-app[data-state="thinking"] .f-ring{animation-duration: 2.6s; opacity: 1;}.sa-app[data-state="thinking"] .f-glow, .sa-app[data-state="thinking"] .f-floor{animation-duration: 1.4s;}.sa-app[data-state="speaking"] .f-glow{animation-duration: 2.2s; background: radial-gradient(closest-side, rgba(13,164,219,.55), rgba(13,164,219,.18) 55%, transparent 100%);}@keyframes sa-spin{to{transform: rotate(-360deg);}}@keyframes sa-breathe{0%,100%{transform: scale(1); opacity: .9;}50%{transform: scale(1.05); opacity: 1;}}@keyframes sa-float{0%,100%{transform: translateY(0);}50%{transform: translateY(-4px);}}@keyframes sa-in{from{opacity: 0; transform: translateY(10px);}to{opacity: 1; transform: none;}}.sa-say, .sa-me, .sa-wa-offer{animation: sa-in .45s cubic-bezier(.2,.8,.2,1) both;}.sa-chip{animation: sa-in .5s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i, 0) * 70ms + 350ms);}.sa-chip .sg-glyph{flex: none; color: var(--sa-accent);}.sa-chip.is-used{opacity: .55;}.sa-dots{align-self: center; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; background: var(--sa-glass2); border: 1px solid var(--sa-line); animation: sa-in .3s ease-out both;}.sa-dots-t{font-size: 12.5px; color: var(--sa-ink3); margin-inline-start: 4px;}.sa-event{display: inline-block; margin-inline-start: 8px; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; color: var(--sa-accent-ink); background: var(--sa-accent); vertical-align: 1px;}.sa-card--photo{grid-template-columns: minmax(0,1fr); padding: 0; gap: 0; overflow: hidden; align-items: stretch;}.sa-card--photo .c-pic, .sa-card--photo.is-new .c-pic{width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 0;}.sa-card--photo .c-pic img{transition: transform .6s ease;}a.sa-card--photo:hover .c-pic img, button.sa-card--photo:hover .c-pic img{transform: scale(1.04);}.sa-card--photo .c-body{padding: 12px 14px 14px; min-width: 0;}.sa-card .c-body{min-width: 0;}.sa-card .c-area{font-size: 12.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px; color: var(--sa-ink); background: var(--sa-glass2); border: 1px solid var(--sa-line); font-variant-numeric: tabular-nums;}.sa-card .c-price{font-variant-numeric: tabular-nums;}.sa-wa{border-color: var(--sa-ok); text-decoration: none;}.sa-wa .sg-glyph{color: var(--sa-ok); flex: none;}.sa-wa:hover{border-color: var(--sa-ok); background: var(--sa-glass2);}.sa-wa-short{display: none;}.sa-wa-offer{align-self: center; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 18px; margin: 4px 0; border-radius: 20px; background: var(--sa-glass); border: 1px dashed var(--sa-ok); max-width: 420px;}.sa-wa-offer .w-t{font-size: 15px; font-weight: 700; color: var(--sa-ink);}.sa-wa-offer .w-ref{font-size: 12.5px; color: var(--sa-ink3);}.sa-wa-offer .w-ref bdi{font-weight: 700; color: var(--sa-ink2); letter-spacing: .5px;}.sa-wa-offer .sa-btn{min-height: 44px;}@media (max-height: 760px) and (min-width: 1100px){.sa-figure{height: 26vh;}}@media (max-width: 1099px){.sa-figure{height: 210px; margin: 8px auto 6px;}}@media (max-width: 899px){.sa-figure{height: 170px;}}@media (max-width: 1099px) and (max-height: 700px){.sa-figure{height: 124px; margin-top: 4px;}}@media (max-width: 1099px){.sa-chip{height: 40px;}.sa-send{width: 44px; height: 44px;}.sa-btn{height: 44px;}.sa-icon-btn{width: 44px;}.sa-stage{grid-template-rows: max-content max-content;}.sa-center, .sa-voice, .sa-thread{min-height: auto; flex-shrink: 0;}.sa-kb .sa-figure, .sa-kb .sa-wing{display: none;}.sa-wing > .sa-card--photo{flex-basis: 260px;}}@media (max-width: 640px){.sa-top .sa-wa{padding: 0 12px;}.sa-wa-txt{display: none;}.sa-wa-short{display: inline;}.sa-brand b{font-size: 17px;}}@media (max-width: 360px){.sa-wa-short{display: none;}.sa-top .sa-wa{width: 44px; padding: 0; justify-content: center;}}