*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:Arial,sans-serif;line-height:1.6;--app-font-title: clamp(22px, 6vw, 32px);--app-font-body: clamp(14px, 3.6vw, 16px);--app-font-button: 15px}.container{max-width:100%;box-shadow:none;min-height:100vh;margin:0 auto}@media (min-width: 768px){.container{max-width:480px}}.header{position:fixed;top:0;left:0;right:0;background-color:var(--white);padding:12px 0;box-shadow:0 2px 10px #0000001a;z-index:1000}.header-content{max-width:100%;margin:0;display:flex;align-items:center;justify-content:center}.logo{height:30px;width:auto}.banner{background-color:var(--primary-color);padding:8px 15px;display:flex;justify-content:space-between;align-items:center;color:var(--white);margin-top:55px;font-size:var(--app-font-body)}.banner-l{display:flex;align-items:center;gap:8px;flex:1;font-size:var(--app-font-body)}.banner-r{font-size:var(--app-font-body);white-space:nowrap}.main-content{padding:16px 14px 10px;text-align:center}.question-hero{text-align:start}.congratulations{font-size:var(--app-font-title);font-weight:800;color:#111;margin-bottom:16px;line-height:1.08}.question-hero-brand{margin:0 0 4px;color:#111;font-size:var(--app-font-body);font-weight:400;line-height:1.3;text-align:start}.question-hero-copy{max-width:none;color:#111;font-size:var(--app-font-body);line-height:1.45;text-align:start}.building-image{width:100%;max-width:100%;margin:12px auto 16px;border-radius:0;box-shadow:none}.building-image img{width:100%;height:auto;border-radius:0;display:block}.q{margin:0 0 20px}.question-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;min-height:0}.question{font-size:var(--app-font-body);color:var(--text-color);margin-bottom:14px;line-height:1.35;padding:0;font-weight:400;text-align:start}.question-progress-inline{margin-bottom:10px;color:#111111ad;font-size:var(--app-font-body);font-weight:500;line-height:1.2;text-align:start}.question-placeholder-chip{width:76px;min-height:14px;margin-bottom:10px;border-radius:6px}.question-placeholder-title{min-height:42px;margin:0 0 12px;border-radius:8px}.question-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:100%;margin:0 auto;padding:0}.btn{padding:0 16px;background-color:var(--primary-color);color:var(--white);font-size:var(--app-font-button);font-weight:600;border-radius:10px;width:100%;max-width:100%;min-width:250px;min-height:42px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 auto;border:1px solid rgba(187,187,187,.9);box-shadow:0 1px 4px #00000024;cursor:pointer}.btn span:first-child{flex:1;text-align:center;transform:none}.btn-arrow{font-size:18px;line-height:1;opacity:.85}.question-safe-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:9px;color:var(--text-light)}.question-safe-icon{font-size:11px}.thumbs{display:flex;gap:8px}.thumb{cursor:pointer;color:var(--text-light);transition:color .3s;display:flex;align-items:center;justify-content:center}.thumb svg{fill:currentColor}.comments-skeleton{padding:15px;background-color:var(--white)}.comments-skeleton-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.comments-skeleton-title{color:#3b82f6;font-size:18px;font-weight:400}.comments-skeleton-count,.comments-skeleton-avatar,.comments-skeleton-line{position:relative;overflow:hidden;background:#d0c6b752}.comments-skeleton-count:after,.comments-skeleton-avatar:after,.comments-skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff75,#fff0);animation:comments-skeleton-shimmer 1.3s ease-in-out infinite}.comments-skeleton-count{width:64px;height:14px;border-radius:999px}.comments-skeleton-list{display:flex;flex-direction:column;gap:0}.comments-skeleton-item{display:flex;gap:12px;padding:14px 0;background-color:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid #e9e9e9}.comments-skeleton-avatar{width:56px;height:56px;border-radius:0;flex-shrink:0}.comments-skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:2px}.comments-skeleton-line{height:12px;border-radius:999px}.comments-skeleton-line-short{width:34%}.comments-skeleton-line-long{width:78%}.footer{background-color:var(--primary-color);color:var(--white);padding:10px;text-align:center;font-size:14px;position:relative}.footer-error{padding:10px}.loading-shell{position:relative;min-height:100vh;background:linear-gradient(180deg,#f6f1e7,#fbfaf7 36%,#fff)}.critical-image-preload{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;pointer-events:none}.critical-image-preload img{width:1px;height:1px}.loading-stage{min-height:100vh;display:grid;place-items:center;padding:24px}.loading-stage-inline{min-height:45vh}.loading-stage-card{width:min(100%,320px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 22px;border-radius:24px;background:#ffffffc7;box-shadow:0 18px 44px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#111,#4a4a4a);box-shadow:0 12px 30px #1111112e}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.loading-spinner span{width:9px;height:9px;border-radius:999px;background:#111;animation:loading-bounce .9s ease-in-out infinite}.loading-spinner span:nth-child(2){animation-delay:.12s}.loading-spinner span:nth-child(3){animation-delay:.24s}.options-container{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:100%;margin:0 auto;padding:0;width:100%}.btn.selected{background-color:var(--accent-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes comments-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loading-bounce{0%,80%,to{transform:translateY(0);opacity:.38}40%{transform:translateY(-5px);opacity:1}}[dir=rtl]{text-align:right}[dir=rtl] .container{direction:rtl}[dir=rtl] .text-start,[dir=rtl] .verification-message,[dir=rtl] .comment-author,[dir=rtl] .comment-text{text-align:right!important}[dir=rtl] .text-center{text-align:center!important}[dir=rtl] .btn,[dir=rtl] button,[dir=rtl] .debug-section{direction:rtl}[dir=rtl] .debug-label{text-align:right}[dir=rtl] .comment{direction:rtl}[dir=rtl] .comment-actions{justify-content:flex-start}[dir=rtl] .modal-content{direction:rtl;text-align:right}[dir=rtl] .modal-title{text-align:center}[dir=rtl] .option{direction:rtl;text-align:right}[dir=rtl] .option input[type=radio]{margin-left:8px;margin-right:0}
