@layer components{.page-crumbs{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;line-height:1.7;display:flex}.page-crumbs a{min-height:32px;color:var(--color-text-secondary);transition:background-color var(--dur-1), color var(--dur-1);border-radius:10px;align-items:center;gap:6px;padding-inline:8px;font-weight:600;display:inline-flex}.page-crumbs a:hover{background:var(--color-primary-muted);color:var(--color-primary-hover)}.page-crumbs [aria-current=page]{color:var(--color-secondary);font-weight:700}.page-hero{isolation:isolate;border:1px solid var(--tone-soft,#cde9f6);background:var(--tone-grad,linear-gradient(155deg, #fff 0%, #e6f5fc 55%, #d3eefa 100%));border-radius:28px;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:28px;display:flex;position:relative;overflow:hidden}.page-hero:before,.page-hero:after{content:"";z-index:-1;pointer-events:none;border-radius:9999px;position:absolute}.page-hero:before{border:1px solid color-mix(in srgb, var(--tone-fg,#0a72a6) 16%, transparent);width:260px;height:260px;inset-block-start:-150px;inset-inline-end:-150px}.page-hero:after{background:var(--color-brand-sky,#1cb4e6);width:10px;height:10px;box-shadow:inset 0 0 0 3px #fff, 0 0 0 1px color-mix(in srgb, var(--tone-fg,#0a72a6) 18%, transparent);inset-block-start:15px;inset-inline-end:98px}.page-hero:has(>.page-hero__actions):before{width:200px;height:200px}.page-hero:has(>.page-hero__actions):after{inset-block-start:16px;inset-inline-end:16px}.page-hero__text{flex:280px;min-width:0}.page-hero__title{color:var(--color-secondary);text-wrap:balance;margin:0;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);font-weight:800;line-height:1.5}.page-hero__subtitle{max-width:62ch;color:var(--color-text-secondary);text-wrap:pretty;margin:6px 0 0;font-size:14px;line-height:1.85}.page-hero__actions{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.page-hero__body{flex-basis:100%}@media (max-width:767px){.page-hero{border-radius:20px;gap:14px;padding:18px}.page-hero:after{display:none}.page-hero__text{flex-basis:calc(100% - 72px)}.page-hero__actions{flex-basis:100%}.page-hero__subtitle{font-size:13px}}@media (max-width:639px){.page-hero:before{display:none}}.pill-link{border:1px solid var(--color-border-light);min-height:44px;color:var(--color-secondary);white-space:nowrap;transition:background-color var(--dur-1), border-color var(--dur-1), color var(--dur-1);background:#ffffffd9;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding-inline:16px;font-size:14px;font-weight:700;display:inline-flex}.pill-link:hover{border-color:var(--color-primary-soft);color:var(--color-primary-hover);background:#fff}.pill-link svg{flex:none}.pill-link--primary{background:var(--color-primary);color:#fff;border-color:#0000}.pill-link--primary:hover{background:var(--color-primary-hover);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.pill-link--warm{border-color:var(--color-accent-soft);background:var(--color-accent-muted);color:var(--color-accent)}.pill-link--warm:hover{color:var(--color-accent-hover);background:#ffe9d6;border-color:#f5bf93}.page-layout{gap:24px;margin-top:24px;display:grid}@media (min-width:1024px){.page-layout{grid-template-columns:minmax(0,760px) minmax(0,1fr);align-items:start;gap:32px}.page-aside{top:calc(var(--site-header-height,72px) + 16px);position:sticky}}.page-aside{gap:16px;display:grid}.prose-card{border:1px solid var(--color-border-light);background:var(--color-surface);max-width:760px;box-shadow:var(--shadow-xs);color:var(--color-text-secondary);border-radius:28px;padding:32px;font-size:16px;line-height:2}.prose-card>*+*{margin-top:16px}.prose-card p{text-wrap:pretty}.prose-card h2{color:var(--color-secondary);text-wrap:balance;scroll-margin-top:calc(var(--site-header-height,72px) + 16px);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800;line-height:1.6;display:flex}.prose-card h2:before{content:"";background:var(--tone-fg,var(--color-primary));width:8px;height:8px;box-shadow:0 0 0 4px var(--tone-bg,var(--color-primary-muted));border-radius:9999px;flex:none}.prose-card *+h2{margin-top:36px}.prose-card h3{color:var(--color-secondary);margin:28px 0 0;font-size:16px;font-weight:800;line-height:1.7}.prose-card>section+section{margin-top:36px}.prose-card section>:is(h2,h3):first-child{margin-top:0}.prose-card a:not([class]){color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-soft);text-decoration-color:var(--color-primary-soft);text-underline-offset:4px;font-weight:600}.prose-card a:not([class]):hover{color:var(--color-primary-hover);text-decoration-color:currentColor}.prose-note{border:1px solid var(--color-border-light);background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:18px;gap:12px;padding:16px 18px;font-size:14px;line-height:1.9;display:flex}.prose-note svg{color:var(--color-primary);flex:none;margin-top:4px}@media (max-width:767px){.prose-card{border-radius:22px;padding:20px;font-size:15px;line-height:1.95}.prose-card h2{font-size:18px}}.aside-card{border:1px solid var(--color-border-light);background:var(--color-surface);box-shadow:var(--shadow-xs);border-radius:24px;padding:18px}.aside-card__title{color:var(--color-secondary);align-items:center;gap:10px;margin:0 0 10px;font-size:14px;font-weight:800;display:flex}.toc-list{counter-reset:toc;gap:2px;display:grid}.toc-list a{min-height:40px;color:var(--color-text-secondary);counter-increment:toc;transition:background-color var(--dur-1), color var(--dur-1);border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-size:13.5px;font-weight:600;line-height:1.6;display:flex}.toc-list a:before{content:counter(toc, persian);background:var(--color-surface-muted);width:24px;height:24px;color:var(--color-text-muted);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.toc-list a:hover{background:var(--color-primary-muted);color:var(--color-primary-hover)}.toc-list a:hover:before{color:var(--color-primary);background:#fff}.help-card{border:1px solid var(--color-accent-soft);background:linear-gradient(150deg, #fff7f0 0%, var(--color-accent-muted) 60%, #ffe9d6 100%);border-radius:24px;align-content:start;gap:12px;padding:20px;display:grid}.help-card__title{color:var(--color-secondary);margin:0;font-size:16px;font-weight:800;line-height:1.6}.help-card__text{color:var(--color-accent-hover);margin:0;font-size:13px;line-height:1.85}.link-tile{border:1px solid var(--color-border-light);background:var(--color-surface);height:100%;color:inherit;transition:border-color var(--dur-1), background-color var(--dur-1), transform var(--dur-2) var(--ease-out-soft), box-shadow var(--dur-2) var(--ease-out-soft);border-radius:22px;align-items:flex-start;gap:14px;padding:18px;display:flex;position:relative}a.link-tile:hover{border-color:var(--tone-soft,var(--color-primary-soft))}.link-tile:has(a:hover){border-color:var(--tone-soft,var(--color-primary-soft))}.link-tile__text{flex:1;min-width:0}.link-tile__title{color:var(--color-secondary);font-size:15px;font-weight:800;line-height:1.6;display:block}.link-tile__sub{color:var(--color-text-muted);text-wrap:pretty;margin-top:2px;font-size:13px;line-height:1.8;display:block}.link-tile__arrow{color:var(--color-text-muted);transition:transform var(--dur-2) var(--ease-out-soft), color var(--dur-1);flex:none;align-self:center}a.link-tile:hover .link-tile__arrow{color:var(--color-primary);transform:translate(-3px)}@media (hover:hover) and (pointer:fine){a.link-tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}}.auth-page{background:radial-gradient(120% 80% at 85% 0,#dff4fc 0%,#dff4fc00 55%),radial-gradient(70% 60% at 0 100%,#ffe4d1 0%,#ffe4d100 60%),linear-gradient(160deg,#f7fcff 0%,#eaf6fc 100%)}.auth-shell{width:100%;max-width:960px}.auth-back{min-height:44px;color:var(--color-secondary);transition:background-color var(--dur-1), color var(--dur-1);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:8px;margin-bottom:14px;padding-inline:12px 16px;font-size:14px;font-weight:700;display:inline-flex}.auth-back:hover{color:var(--color-primary-hover);background:#fff}.auth-back svg{transition:transform var(--dur-2) var(--ease-out-soft)}.auth-back:hover svg{transform:translate(3px)}.auth-card{border:1px solid var(--color-border-light);background:var(--color-surface);box-shadow:var(--shadow-pop);border-radius:32px;display:grid;overflow:hidden}.auth-card__form{padding:40px 40px 32px}@media (min-width:768px){.auth-card{grid-template-columns:minmax(0,420px) minmax(0,1fr);min-height:560px}.auth-card__form{flex-direction:column;justify-content:center;display:flex}}@media (max-width:767px){.auth-card{border-radius:24px}.auth-card__form{padding:28px 20px 24px}}.auth-art{isolation:isolate;border-inline-start:1px solid var(--color-border-light);background:radial-gradient(90% 70% at 80% 10%,#dff4fc 0%,#dff4fc00 60%),radial-gradient(60% 50% at 10% 100%,#ffe4d1 0%,#ffe4d100 60%),linear-gradient(160deg,#f7fcff 0%,#e6f5fc 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:40px 32px;display:none;position:relative;overflow:hidden}@media (min-width:768px){.auth-art{display:flex}}.auth-orbit{flex:none;width:260px;height:260px;position:relative}.auth-orbit__ring{border-radius:9999px;margin:auto;position:absolute;inset:0}.auth-orbit__ring--1{border:1px solid #bfe7f7;width:260px;height:260px}.auth-orbit__ring--2{border:1px solid #cfedf9;width:196px;height:196px}.auth-orbit__ring--3{background:radial-gradient(circle,#d6f0fa 0%,#d6f0fa00 70%);border:1px solid #d9f2fb;width:132px;height:132px}.auth-orbit__bead{background:var(--color-brand-sky,#1cb4e6);border-radius:9999px;width:10px;height:10px;position:absolute;top:calc(50% - 5px);box-shadow:inset 0 0 0 3px #fff,0 0 0 1px #bfe7f7}.auth-orbit__bead--a{left:-5px}.auth-orbit__bead--b{right:-5px}.auth-orbit__logo{filter:drop-shadow(0 18px 30px #1cb4e659);width:96px;height:96px;margin:auto;position:absolute;inset:0}.auth-orbit{--orbit-turn:80s}.auth-orbit__track{animation:auth-orbit-turn var(--orbit-turn) linear infinite;will-change:transform;position:absolute;inset:0}.auth-orbit__ring--1{animation:auth-orbit-turn calc(var(--orbit-turn) * 1.5) linear infinite reverse;will-change:transform}.auth-orbit__bubble{transform:rotate(var(--a)) translate(98px) rotate(calc(var(--a) * -1));position:absolute;top:calc(50% - 24px);left:calc(50% - 24px)}.auth-orbit__icon{border:1px solid var(--color-border-light);width:48px;height:48px;box-shadow:var(--shadow-card);color:var(--tone-fg);animation:auth-orbit-turn var(--orbit-turn) linear infinite reverse;will-change:transform;background:#ffffffe0;border-radius:15px;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.auth-orbit__track,.auth-orbit__ring--1,.auth-orbit__icon{animation-play-state:paused}}.auth-benefits{gap:10px;width:100%;max-width:320px;margin:0;padding:0;list-style:none;display:grid}.auth-benefits li{background:#fff9;border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.auth-benefits__icon{width:32px;height:32px;color:var(--tone-fg);box-shadow:var(--shadow-xs);background:#ffffffd9;border:1px solid #fffffff2;border-radius:10px;flex:none;place-items:center;display:grid}.auth-benefits__title{color:var(--color-secondary);font-size:14px;font-weight:700;line-height:1.6;display:block}.auth-benefits__sub{color:var(--color-text-muted);font-size:12px;line-height:1.6;display:block}.auth-below{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}.auth-seller{border:1px solid var(--color-border-light);background:var(--color-surface-elevated);min-height:52px;color:var(--color-text-secondary);transition:border-color var(--dur-1), background-color var(--dur-1), color var(--dur-1);border-radius:16px;align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;font-weight:600;line-height:1.7;display:flex}.auth-seller:hover{border-color:var(--color-primary-soft);background:var(--color-primary-muted);color:var(--color-secondary)}.auth-seller strong{color:var(--color-primary);font-weight:800}.auth-seller:hover strong{color:var(--color-primary-hover)}.auth-seller__go{color:var(--color-text-muted);transition:transform var(--dur-2) var(--ease-out-soft), color var(--dur-1);flex:none}.auth-seller:hover .auth-seller__go{color:var(--color-primary);transform:translate(-3px)}.acct{gap:16px;display:grid}@media (min-width:1024px){.acct{grid-template-columns:264px minmax(0,1fr);align-items:start;gap:24px}.acct-nav{top:calc(var(--site-header-height,72px) + 16px);position:sticky}}.acct-nav{border:1px solid var(--color-border-light);background:var(--color-surface-elevated);border-radius:24px;padding:8px}.acct-user{border:1px solid var(--color-border-light);background:var(--color-surface);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.acct-avatar{background:linear-gradient(150deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid;box-shadow:0 8px 18px -10px #0a72a6b3}.acct-user__name{color:var(--color-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.6;overflow:hidden}.acct-user__phone{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:13px}.acct-edit{width:36px;height:36px;color:var(--color-text-muted);transition:background-color var(--dur-1), color var(--dur-1);border-radius:11px;flex:none;place-items:center;margin-inline-start:auto;display:grid}.acct-edit:hover{background:var(--color-primary-muted);color:var(--color-primary)}.acct-nav__list{gap:2px;margin-top:8px;display:grid}.acct-nav__item{min-height:44px;color:var(--color-text-secondary);transition:background-color var(--dur-1), color var(--dur-1), box-shadow var(--dur-1);border-radius:14px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;font-weight:600;display:flex;position:relative}.acct-nav__item:hover{color:var(--color-secondary);background:#ffffffbf}.acct-nav__item[aria-current=page]{background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-primary);font-weight:700}.acct-nav__item .capsule-v{inset-inline-start:-8px;position:absolute;top:calc(50% - 14px)}.acct-nav__sep{background:var(--color-border);height:1px;margin:8px 10px}.acct-nav__item--danger{width:100%;color:var(--color-error);text-align:start}.acct-nav__item--danger:hover,.acct-nav__item--danger .acct-nav__icon{background:var(--color-error-muted);color:var(--color-error)}.acct-nav__icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.acct-chips{gap:8px;margin-inline:-16px;padding:2px 16px 4px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.acct-chip{border:1px solid var(--color-border-light);background:var(--color-surface);height:40px;color:var(--color-text-secondary);white-space:nowrap;transition:background-color var(--dur-1), border-color var(--dur-1), color var(--dur-1);border-radius:14px;flex:none;align-items:center;gap:8px;padding-inline:6px 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.acct-chip[aria-current=page]{border-color:var(--color-primary-soft);background:var(--color-primary-muted);color:var(--color-primary-hover);font-weight:700}.acct-chip:active{background:var(--color-primary-muted)}.acct-chip .icon-tile{--tile:28px;--tile-r:9px}.acct-unread{background:var(--color-deal);color:#fff;font-variant-numeric:tabular-nums;border-radius:9999px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding-inline:6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.acct-card{border:1px solid var(--color-border-light);background:var(--color-surface);min-height:32vh;box-shadow:var(--shadow-xs);border-radius:24px}.acct-head{border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;align-items:center;gap:12px 14px;padding-bottom:18px;display:flex}.acct-head__text{flex:220px;min-width:0}.acct-head__title{color:var(--color-secondary);text-wrap:balance;margin:0;font-size:20px;font-weight:800;line-height:1.6}.acct-head__sub{color:var(--color-text-muted);text-wrap:pretty;margin:2px 0 0;font-size:13px;line-height:1.8}@media (max-width:767px){.acct-head__title{font-size:17px}}.seg-tabs{background:var(--color-surface-muted);border-radius:16px;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.seg-tabs__tab{min-height:40px;color:var(--color-text-muted);transition:background-color var(--dur-1), color var(--dur-1), box-shadow var(--dur-1);border-radius:12px;flex:none;align-items:center;gap:8px;padding-inline:14px;font-size:13.5px;font-weight:700;display:inline-flex}.seg-tabs__tab:hover{color:var(--color-secondary)}.seg-tabs__tab[aria-selected=true]{background:var(--color-surface);box-shadow:var(--shadow-xs);color:var(--color-primary-hover)}.seg-tabs__count{min-width:24px;height:22px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;background:#ffffffb3;border-radius:9999px;place-items:center;padding-inline:6px;font-size:12px;display:inline-grid}.seg-tabs__tab[aria-selected=true] .seg-tabs__count{background:var(--color-primary-muted);color:var(--color-primary-hover)}@media (max-width:639px){.seg-tabs{gap:2px;width:100%}.seg-tabs__tab{flex:auto;justify-content:center;gap:6px;padding-inline:10px;font-size:13px}.seg-tabs__count{min-width:20px;padding-inline:5px}}.status-chip{white-space:nowrap;border-radius:10px;align-items:center;gap:6px;min-height:28px;padding-inline:8px 10px;font-size:12.5px;font-weight:700;line-height:1.4;display:inline-flex}.status-chip svg{flex:none}.status-chip--pending{color:#a35a06;background:#fdf3e3}.status-chip--processing{background:var(--color-primary-muted);color:var(--color-primary-hover)}.status-chip--shipped{color:#0f2c52;background:#ebf0f7}.status-chip--completed{color:#157a43;background:#e8f5ed}.status-chip--cancelled{color:#c0352a;background:#fdecea}.soft-card{border:1px solid var(--color-border-light);background:var(--color-surface);border-radius:20px}a.soft-card,button.soft-card{transition:border-color var(--dur-1), box-shadow var(--dur-2) var(--ease-out-soft), transform var(--dur-2) var(--ease-out-soft)}a.soft-card:hover,button.soft-card:hover{border-color:var(--color-primary-soft)}@media (hover:hover) and (pointer:fine){a.soft-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}}.alert-row{border:1px solid color-mix(in srgb, var(--color-error) 25%, transparent);background:var(--color-error-muted);color:var(--color-error);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.8;display:flex}.steps{justify-content:center;align-items:flex-start;width:100%;max-width:720px;margin-inline:auto;padding:0;list-style:none;display:flex}.steps__item{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.steps__item:not(:last-child):after{content:"";top:19px;background:var(--color-border);border-radius:9999px;height:2px;position:absolute;inset-inline:calc(50% + 28px) calc(28px - 50%)}.steps__item[data-state=done]:not(:last-child):after{background:var(--color-primary)}.steps__dot{border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-muted);transition:background-color var(--dur-2), color var(--dur-2), border-color var(--dur-2);border-radius:12px;place-items:center;display:grid}@supports (corner-shape:squircle){.steps__dot{corner-shape:squircle;border-radius:19px}}.steps__item[data-state=active] .steps__dot{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 8px 18px -10px #0a72a6cc}.steps__item[data-state=done] .steps__dot{border-color:var(--color-primary-soft);background:var(--color-primary-muted);color:var(--color-primary)}.steps__label{color:var(--color-text-muted);font-size:13px;font-weight:600;line-height:1.5}.steps__item[data-state=active] .steps__label{color:var(--color-secondary);font-weight:800}.steps__item[data-state=done] .steps__label{color:var(--color-primary-hover)}@media (max-width:639px){.steps__label{font-size:11.5px}}.checkout-section-title{color:var(--color-secondary);align-items:center;gap:10px;margin-bottom:14px;font-size:17px;font-weight:800;display:flex}.choice-card{border:1px solid var(--color-border);background:var(--color-surface);text-align:start;width:100%;transition:border-color var(--dur-1), background-color var(--dur-1), box-shadow var(--dur-1);border-radius:20px;padding:16px;position:relative}.choice-card:hover:not(:disabled){border-color:var(--color-primary-soft);background:var(--color-surface-elevated)}.choice-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-muted);box-shadow:inset 0 0 0 1px var(--color-primary)}.choice-card__check{top:14px;color:var(--color-primary);position:absolute;inset-inline-end:14px}.choice-card:disabled{background:var(--color-surface-muted);opacity:.65}.checkout-bar{bottom:calc(var(--mobile-nav-offset,64px) + 10px);z-index:calc(var(--z-sticky,50) - 1);border:1px solid var(--color-border-light);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);background:#ffffffeb;border-radius:20px;margin-top:24px;padding:12px 14px;position:sticky}@media (min-width:1024px){.checkout-bar{border-radius:24px;padding:14px 20px;bottom:16px}}.media-card{border:1px solid var(--color-border-light);background:var(--color-surface);height:100%;box-shadow:var(--shadow-xs);transition:border-color var(--dur-1), transform var(--dur-2) var(--ease-out-soft), box-shadow var(--dur-2) var(--ease-out-soft);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.media-card:hover{border-color:var(--color-primary-soft)}@media (hover:hover) and (pointer:fine){.media-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.media-card:hover .media-card__img{transform:scale(1.05)}}.media-card__well{background:var(--color-well,#f4f9fd);border-radius:18px;margin:8px 8px 0;display:block;position:relative;overflow:hidden}.media-card__img{object-fit:cover;transition:transform .4s var(--ease-out-soft)}.media-card__play{width:56px;height:56px;color:var(--color-secondary);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);transition:transform var(--dur-2) var(--ease-out-soft), background-color var(--dur-1), color var(--dur-1);background:#ffffffd1;border:1px solid #ffffffb3;border-radius:18px;place-items:center;margin:auto;display:grid;position:absolute;inset:0;box-shadow:0 12px 28px -12px #0f2c5273}.media-card:hover .media-card__play{background:var(--color-primary);color:#fff}.media-card__placeholder{background:var(--tone-grad,linear-gradient(155deg, #fff 0%, #ebf0f7 55%, #dce5f1 100%));width:100%;height:100%;color:var(--tone-fg,#0f2c52);place-items:center;display:grid}.media-card__placeholder svg{inset-inline-start:18px;opacity:.22;width:64px;height:64px;position:absolute;bottom:14px}.media-card__body{flex-direction:column;flex:1;gap:8px;padding:14px 18px 18px;display:flex}.media-card__title{color:var(--color-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:800;line-height:1.7;display:-webkit-box;overflow:hidden}.media-card__title a:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.media-card__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;display:flex}.media-card__meta span{align-items:center;gap:5px;display:inline-flex}.media-card__text{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.85;display:-webkit-box;overflow:hidden}.media-card__cta{z-index:2;background:var(--color-primary-muted);min-height:40px;color:var(--color-primary-hover);transition:background-color var(--dur-1), color var(--dur-1);border-radius:12px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding-inline:12px 14px;font-size:13.5px;font-weight:700;display:inline-flex;position:relative}.media-card__cta:hover{background:var(--color-primary);color:#fff}.pager{justify-content:space-between;gap:12px;margin-top:32px;display:flex}.pager a{border:1px solid var(--color-border-light);background:var(--color-surface);min-height:44px;color:var(--color-text-secondary);transition:background-color var(--dur-1), border-color var(--dur-1), color var(--dur-1);border-radius:14px;align-items:center;gap:8px;padding-inline:16px;font-size:14px;font-weight:700;display:inline-flex}.pager a:hover{border-color:var(--color-primary-soft);background:var(--color-primary-muted);color:var(--color-primary-hover)}.article-body{color:var(--color-text-secondary);font-size:17px;line-height:2}.article-body>*+*{margin-top:18px}.article-body p,.article-body li{text-wrap:pretty}.article-body h2{color:var(--color-secondary);text-wrap:balance;margin-top:40px;font-size:22px;font-weight:800;line-height:1.6}.article-body h3{color:var(--color-secondary);margin-top:28px;font-size:18px;font-weight:800;line-height:1.6}.article-body ul,.article-body ol{padding-inline-start:24px}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li+li{margin-top:6px}.article-body li::marker{color:var(--color-primary)}.article-body strong{color:var(--color-text-primary);font-weight:700}.article-body table{border-collapse:collapse;width:100%;font-size:15px}.article-body th,.article-body td{border:1px solid var(--color-border-light);text-align:start;padding:10px 12px}.article-body th{background:var(--color-surface-elevated);color:var(--color-secondary);font-weight:700}.article-body blockquote{border-inline-start:3px solid var(--color-brand-sky,#1cb4e6);background:var(--color-surface-elevated);color:var(--color-text-primary);border-radius:18px;padding:18px 20px;padding-inline-start:52px;position:relative}.article-body blockquote>svg{top:20px;color:var(--color-brand-sky,#1cb4e6);position:absolute;inset-inline-start:18px}@media (max-width:767px){.article-body{font-size:16px}.article-body h2{font-size:19px}}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--color-border-light);background:var(--color-surface);min-height:36px;color:var(--color-text-secondary);transition:border-color var(--dur-1), background-color var(--dur-1), color var(--dur-1);border-radius:12px;align-items:center;gap:8px;padding-inline:6px 12px;font-size:13px;font-weight:600;display:inline-flex}a.chip:hover{border-color:var(--tone-soft,var(--color-primary-soft));color:var(--color-secondary)}.chip--plain{padding-inline:12px}.chip .icon-tile{--tile:24px;--tile-r:8px}.search-field{gap:8px;width:100%;max-width:520px;display:flex}.search-field__box{flex:1;min-width:0;position:relative}.search-field__box svg{top:50%;color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:14px;translate:0 -50%}.search-field__input{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;height:48px;color:var(--color-text-primary);transition:border-color var(--dur-1), box-shadow var(--dur-1);border-radius:14px;outline:none;padding-inline:44px 14px;font-size:15px}.search-field__input::placeholder{color:var(--color-text-muted)}.search-field__input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-muted);outline:none}.search-field__submit{background:var(--color-primary);color:#fff;height:48px;transition:background-color var(--dur-1), box-shadow var(--dur-2);border-radius:14px;flex:none;padding-inline:20px;font-size:15px;font-weight:700}.search-field__submit:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.nf-code{color:var(--color-secondary);font-variant-numeric:tabular-nums;margin:4px 0 -6px;font-size:64px;font-weight:900;line-height:1.1}@media (max-width:767px){.nf-code{font-size:52px}}.nf-bar{border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}.brand-lockup{border-radius:12px;align-items:center;gap:8px;min-height:44px;padding-inline:4px;display:inline-flex}}@keyframes auth-orbit-turn{to{transform:rotate(360deg)}}