.service-page .feed-tabs,.service-page .search-result-tabs{border:1px solid var(--saz-border);background:var(--saz-input);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin:0 0 14px;padding:4px;display:grid}.service-page .feed-tabs button,.service-page .search-result-tabs button{min-height:42px;color:var(--saz-muted);border:0;border-radius:10px;font-weight:650;transition:background .18s,color .18s,transform .18s}.service-page .feed-tabs button:hover,.service-page .search-result-tabs button:hover{color:var(--saz-text);background:#ffffff0a}.service-page .feed-tabs button.active,.service-page .search-result-tabs button.active{background:color-mix(in srgb,var(--blue) 14%,var(--saz-raised));color:var(--saz-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue) 38%,transparent)}.service-page .guest-account{grid-template-columns:1fr 1fr;gap:8px;display:grid}.service-page .guest-account a{border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:8px 12px;font-weight:650;text-decoration:none;display:flex}.service-page .guest-account .login-link{margin:0}.service-page .guest-account .signup-link{color:var(--saz-text);border:1px solid var(--saz-border);background:0 0}.service-page .guest-account .signup-link:hover{background:#ffffff0d;border-color:#ffffff50}.service-page .unread-count{background:var(--blue);min-width:20px;height:20px;color:var(--saz-on-brand);border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.service-page .guest-composer{text-align:left;width:100%;color:var(--saz-muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;transition:background .18s,color .18s;display:grid;padding:16px 0!important}.service-page .guest-composer:hover{color:var(--saz-text);background:0 0}.service-page .guest-composer strong{color:var(--blue);font-size:13px}.service-page .guest-avatar{background:linear-gradient(145deg,var(--saz-raised),var(--saz-border));border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 1px #ffffff10}.service-page .post-author-copy{min-width:0}.service-page .post-author-line{align-items:baseline;gap:7px;min-width:0;display:flex}.service-page .author-handle{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--saz-muted);font-size:12px;overflow:hidden}.service-page .post-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:14px;display:grid}.service-page .post-actions button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;transition:background .18s,color .18s,transform .18s;display:flex}.service-page .post-actions button:hover{color:var(--saz-text);background:#ffffff0c}.service-page .post-actions button:active{transform:scale(.98)}.service-page .post-actions .liked{color:#ff7f9f}.service-page .post-actions .save-action[aria-pressed=true]{color:var(--blue)}.service-page .post-images{background:var(--saz-input);gap:4px;max-height:620px;margin-top:14px;display:grid}.service-page .post-images img{object-fit:cover;aspect-ratio:16/10;width:100%;height:100%;min-height:0;display:block}.service-page .post-images.images-1{grid-template-columns:1fr}.service-page .post-images.images-1 img{aspect-ratio:auto;max-height:620px}.service-page .post-images.images-2{grid-template-columns:repeat(2,1fr)}.service-page .post-images.images-3{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.45fr 1fr;height:min(52vw,520px)}.service-page .post-images.images-3 img:first-child{grid-row:1/3}.service-page .post-images.images-4{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,1fr);height:min(52vw,520px)}.service-page .home-right-stack{gap:16px;display:grid}.service-page .home-right-stack>section{background:var(--saz-surface);border:1px solid var(--saz-border);border-radius:var(--saz-radius);box-shadow:none;padding:20px}.service-page .aside-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.service-page .aside-heading h2{margin:0}.service-page .aside-heading>button{color:var(--saz-muted);border:0;padding:4px;font-size:12px}.service-page .topic-chip-grid{gap:7px;display:grid}.service-page .topic-chip-grid button{text-align:left;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.service-page .topic-chip-grid button:hover{border-color:var(--saz-border);background:#ffffff0a}.service-page .topic-chip-grid span{color:var(--saz-text);font-weight:650}.service-page .topic-chip-grid small{color:var(--saz-muted);white-space:nowrap}.service-page .recommended-users{gap:4px;display:grid}.service-page .suggested-user{align-items:center;gap:8px;padding:8px 0;display:flex}.service-page .suggested-profile{text-align:left;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:4px;display:flex}.service-page .suggested-profile:hover{background:#ffffff08}.service-page .suggested-profile .avatar{flex:none;width:38px;height:38px}.service-page .suggested-profile span{min-width:0;display:grid}.service-page .suggested-profile strong,.service-page .suggested-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.service-page .suggested-profile strong{color:var(--saz-text);font-size:13px}.service-page .suggested-profile small{color:var(--saz-muted);font-size:11px}.service-page .follow-compact{border-color:var(--saz-border);border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:700}.service-page .aside-empty{font-size:13px;margin:8px 0 0!important;line-height:1.55!important}.service-page .popular-stories{gap:7px;display:grid}.service-page .popular-stories h2{margin-bottom:4px}.service-page .popular-stories>button{text-align:left;border:0;border-radius:11px;gap:5px;padding:11px 10px;display:grid}.service-page .popular-stories>button:hover{background:#ffffff0a}.service-page .popular-stories>button span{color:var(--saz-text);font-size:13px;line-height:1.45}.service-page .popular-stories>button small{color:var(--saz-muted);font-size:11px}.service-page .search-people,.service-page .search-topics{border-bottom:1px solid var(--saz-border);padding:16px 0}.service-page .search-people h2,.service-page .search-topics h2,.service-page .search-post-title{color:var(--saz-text);margin:0 0 10px;font-size:15px}.service-page .topic-search-grid{flex-wrap:wrap;gap:8px;display:flex}.service-page .topic-search-grid button{border-radius:999px;padding:8px 12px}.service-page .search-post-title{padding-top:16px}.service-page .feed-load-more{min-height:64px;color:var(--saz-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.service-page .feed-skeleton{display:grid}.service-page .skeleton-post{pointer-events:none;gap:14px;display:grid}.service-page .skeleton-head{align-items:center;gap:10px;display:flex}.service-page .skeleton-head>span{background:#ffffff12;border-radius:50%;width:42px;height:42px}.service-page .skeleton-head>div{flex:1;gap:7px;display:grid}.service-page .skeleton-head i,.service-page .skeleton-post>p,.service-page .skeleton-actions i{background:linear-gradient(100deg,#ffffff0a 20%,#ffffff18 40%,#ffffff0a 60%) 0 0/220% 100%;border-radius:999px;animation:1.35s ease-in-out infinite saz-skeleton;display:block}.service-page .skeleton-head i:first-child{width:34%;height:12px}.service-page .skeleton-head i:last-child{width:22%;height:9px}.service-page .skeleton-post>p{width:88%;height:12px;margin:0}.service-page .skeleton-post>p:nth-of-type(2){width:62%}.service-page .skeleton-actions{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.service-page .skeleton-actions i{height:28px}.service-page .mini-skeleton{background:linear-gradient(100deg,#ffffff0a 20%,#ffffff18 40%,#ffffff0a 60%) 0 0/220% 100%;border-radius:12px;height:110px;animation:1.35s ease-in-out infinite saz-skeleton}@keyframes saz-skeleton{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.service-page .skeleton-head i,.service-page .skeleton-post>p,.service-page .skeleton-actions i,.service-page .mini-skeleton{animation:none}.service-page *{scroll-behavior:auto!important}}@media (min-width:1480px){.service-page .service-header-inner,.service-page .app-shell{max-width:1640px}.service-page .service-header-inner{grid-template-columns:240px minmax(620px,760px) 320px;justify-content:center}.service-page .app-shell{grid-template-columns:240px minmax(620px,760px) 320px;justify-content:center;gap:30px}.service-page main#main{width:100%}}@media (max-width:1000px) and (min-width:701px){.service-page .service-header-inner{grid-template-columns:168px minmax(0,1fr)}.service-page .service-search{grid-column:2}.service-page .home-right-stack{display:none}}@media (max-width:700px){.service-page .feed-tabs,.service-page .search-result-tabs{grid-auto-columns:minmax(82px,1fr);margin-inline:-4px;position:relative;overflow-x:auto}.service-page .feed-tabs button,.service-page .search-result-tabs button{min-height:40px;font-size:12px}.service-page .guest-composer{grid-template-columns:auto 1fr;padding:14px 0!important}.service-page .guest-composer strong{grid-column:2}.service-page .post-actions{gap:0}.service-page .post-actions button{padding:7px 4px}.service-page .post-actions button span{display:none}.service-page .post-images.images-3,.service-page .post-images.images-4{height:min(90vw,440px)}.service-page .post-images.images-1 img{max-height:520px}.service-page .unread-count{min-width:17px;height:17px;font-size:9px;position:absolute;top:4px;right:5px}.service-page .sidebar .nav{position:relative}.service-page .guest-account{grid-template-columns:1fr;gap:4px}.service-page .sidebar-bottom .guest-account .signup-link{display:none}.service-page .author-handle{max-width:120px}.service-page .home-right-stack{display:none}}
.service-page[data-view=home] .feed-heading{border-bottom:1px solid var(--saz-border);margin:0 0 18px;padding:2px 0 18px;display:block}.service-page[data-view=home] .feed-heading h1{letter-spacing:-.035em;margin:0;font-size:24px}.service-page[data-view=home] .feed-heading .sr-only{color:var(--saz-muted);font-size:13px;line-height:1.6;clip:auto!important;white-space:normal!important;border:0!important;width:auto!important;height:auto!important;margin:6px 0 0!important;padding:0!important;position:static!important;overflow:visible!important}.service-page[data-view=home] .topics,.service-page[data-view=home] .home-right-stack>section:not(:last-child){display:none}.service-page[data-view=home] .home-right-stack>section:last-child h2{font-size:0}.service-page[data-view=home] .home-right-stack>section:last-child h2:after{content:"추천 팔로우";font-size:16px}.service-page[data-view=home] .home-right-stack>section:last-child p,.service-page[data-view=home] .home-right-stack>section:last-child button:last-child{display:none}.service-page[data-view=home] .home-right-stack>section:last-child button:first-of-type{width:100%}.service-page[data-view=home] .feed-empty{padding-top:38px;padding-bottom:38px}@media (max-width:700px){.service-page[data-view=home] .feed-heading{margin-bottom:10px;padding:4px 2px 14px}.service-page[data-view=home] .feed-heading h1{font-size:22px}.service-page[data-view=home] .feed-heading .sr-only{font-size:12px;margin-top:4px!important}.service-page[data-view=home] .home-composer{display:none}}
.login-page.login-cosmic:not(.signup-page) .login-form-panel{background:#050807;border-color:#2a352f;box-shadow:0 18px 44px #00000075}.login-page.login-cosmic:not(.signup-page) .login-form-panel :is(input,select){background:#0c100e;border-color:#48564d}.login-page.login-cosmic:not(.signup-page) .login-divider:before,.login-page.login-cosmic:not(.signup-page) .login-divider:after{background:#2d3832}
.onboarding-finish-page{--onboard-bg:#08100c;--onboard-card:#0f1612;--onboard-field:#0b100d;--onboard-line:#3f5046;--onboard-muted:#a7b4ac;--onboard-text:#f4f8f5;--onboard-green:#35d875;background:radial-gradient(circle at 88% 14%,#35d87524,transparent 26%),radial-gradient(circle at 10% 82%,#35d8751c,transparent 28%),var(--onboard-bg);color:var(--onboard-text)}.onboarding-finish-page .login-motion{background:0 0}.onboarding-finish-page .cosmic-stars{display:none}.onboarding-finish-page .cosmic-haze{background:radial-gradient(circle,#35d87538,#0000 68%);width:420px;height:420px;inset:auto auto -120px -140px}.onboarding-finish-page .cosmic-planet{opacity:.76;background:radial-gradient(circle at 58% 38%,#0b1510 44%,#183725 72%,#2f6b49 92%,#75a987 100%);width:min(48vw,620px);top:-290px;right:-220px}.onboarding-finish-page .login-header{padding:22px 32px}.onboarding-finish-page .login-main{justify-content:flex-start;padding:22px 20px 40px}.onboarding-finish-page .login-form-panel{background:linear-gradient(#101813fa,#090d0bfa);border:1px solid #354239;border-radius:20px;max-width:520px;padding:36px 40px;box-shadow:0 24px 70px #00000075}.onboarding-finish-page .onboarding-progress{align-items:center;gap:10px;margin-bottom:22px;display:flex}.onboarding-finish-page .onboarding-progress span{background:#263129;border-radius:999px;flex:0 0 64px;height:6px}.onboarding-finish-page .onboarding-progress span.done{background:var(--onboard-green)}.onboarding-finish-page .onboarding-progress strong{color:#58e89b;margin-left:auto;font-size:13px}.onboarding-finish-page #onboarding-title{margin:0 0 10px;font-size:34px;line-height:1.2}.onboarding-finish-page .onboarding-intro{color:#bdc8c1;margin:0 0 28px;font-size:14px;line-height:1.75}.onboarding-finish-page .onboarding-section{border-top:1px solid #263129;padding:22px 0}.onboarding-finish-page .onboarding-section:first-of-type{border-top:0;padding-top:0}.onboarding-finish-page .onboarding-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.onboarding-finish-page .onboarding-section-title label,.onboarding-finish-page .onboarding-section-title strong{margin:0;font-size:15px}.onboarding-finish-page .onboarding-section-title a{color:#52e295;text-underline-offset:3px;font-size:13px;text-decoration:underline}.onboarding-finish-page .login-form-panel :is(input,select){background:var(--onboard-field);border-color:var(--onboard-line);color:var(--onboard-text);margin-bottom:10px}.onboarding-finish-page .login-form-panel :is(input,select):focus{border-color:var(--onboard-green);background:#0d1510;outline:2px solid #35d875bf}.onboarding-finish-page .remember-help{color:var(--onboard-muted);margin:8px 0 0;font-size:13px!important}.onboarding-finish-page .signup-field-error{margin-top:8px}.onboarding-finish-page .onboarding-consent{gap:16px;display:grid}.onboarding-finish-page .onboarding-consent-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:52px;display:grid}.onboarding-finish-page .onboarding-consent-row input{accent-color:var(--onboard-green);width:20px!important;height:20px!important;min-height:20px!important;margin:0!important}.onboarding-finish-page .onboarding-consent-row label{margin:0;font-weight:600}.onboarding-finish-page .onboarding-consent-row a{color:#65e5a3;text-underline-offset:3px;font-size:13px;text-decoration:underline}.onboarding-finish-page .onboarding-avatar{place-items:start;margin:6px 0 18px}.onboarding-finish-page .onboarding-avatar .avatar{color:#32465a;background:#e7edf0;width:48px;height:48px}.onboarding-finish-page .onboarding-handle{margin-bottom:6px}.onboarding-finish-page .onboarding-handle>span{color:#b7c2ba}.onboarding-finish-page .onboarding-actions{margin-top:26px}.onboarding-finish-page .login-form-panel .primary{color:#062714;background:linear-gradient(90deg,#39dd82,#5be59a);border-color:#45df89;height:54px;min-height:54px;font-weight:750}.onboarding-finish-page .login-form-panel .primary:hover{filter:brightness(1.04)}.onboarding-finish-page .login-signup{margin-top:18px}.onboarding-finish-page .login-signup a{color:#5de79d}.onboarding-finish-page .login-footer{padding-top:8px}@media (max-width:620px){.onboarding-finish-page .login-header{padding:18px 20px 6px}.onboarding-finish-page .login-main{padding:18px 14px 28px}.onboarding-finish-page .login-form-panel{border-radius:16px;padding:26px 20px}.onboarding-finish-page #onboarding-title{font-size:30px}.onboarding-finish-page .onboarding-progress span{flex-basis:46px}.onboarding-finish-page .onboarding-consent-row{grid-template-columns:auto minmax(0,1fr)}.onboarding-finish-page .onboarding-consent-row a{grid-column:2;justify-self:start}.onboarding-finish-page .cosmic-planet{display:none}}
