.public-shell{min-height:100vh;background:#f8f7fc;color:#171321}.public-shell a{text-decoration:none}.public-header{max-width:1100px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.public-header nav{display:flex;align-items:center;gap:22px}.public-header nav a{font-size:13px;font-weight:800;color:#6558e8}.public-shell .public-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;background:#6558e8;border:0;border-radius:13px;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.public-primary:hover{background:#5145cd}.public-main{max-width:960px;margin:0 auto;padding:32px 24px 64px}.public-heading{margin:0 0 30px}.public-heading>span{font-size:13px;font-weight:800;color:#6558e8}.public-heading h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.5px;margin:10px 0}.public-heading p,.public-hint{color:#706a7b;line-height:1.7}.public-category-description{max-width:72ch}.public-heading .public-category-note{font-size:13px}.public-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-category-grid>a{padding:26px;border:1px solid #e8e4ef;border-radius:20px;background:#fff;color:#171321}.public-category-grid h2{font-size:20px;margin:0 0 26px}.public-category-grid span{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6558e8}.public-feed{display:grid;gap:16px}.public-feed-card{display:block;padding:24px;background:#fff;border:1px solid #e8e4ef;border-radius:20px;color:#171321}.public-feed-card>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#706a7b}.public-feed-card>span:last-child{color:#6558e8;font-weight:800}.public-feed-card h2{margin:12px 0;font-size:22px;line-height:1.4;overflow-wrap:anywhere}.public-feed-card p{color:#706a7b;font-size:13px}.public-category-grid>a:hover,.public-feed-card:hover{border-color:#b7aff3}.public-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;font-size:12px;color:#706a7b}.public-breadcrumb a,.public-status a,.public-pagination a{color:#6558e8}.public-poll{max-width:760px;margin:0 auto;padding:32px;background:#fff;border:1px solid #e8e4ef;border-radius:24px}.public-poll-meta{display:flex;justify-content:space-between;gap:16px;color:#706a7b;font-size:13px}.public-poll h1{font-size:clamp(25px,4vw,34px);line-height:1.35;letter-spacing:-.8px;margin:24px 0;overflow-wrap:anywhere}.public-poll-image{width:100%;max-height:420px;object-fit:contain;border-radius:16px}.public-options{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.public-options li{display:flex;align-items:center;gap:12px;padding:14px 18px;min-height:54px;border:1px solid #e8e4ef;border-radius:14px}.public-options li>span{flex:1;overflow-wrap:anywhere}.public-options li.public-option-interactive{padding:0;overflow:visible}.public-option-button{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 18px;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.public-option-button>span{flex:1;overflow-wrap:anywhere;min-width:0}.public-option-button:hover{background:#f3f0fc}.public-option-interactive:has(.public-option-button:focus-visible){border-color:#6558e8}.public-options img{width:60px;height:60px;object-fit:contain;border-radius:8px}.public-options strong{color:#6558e8;white-space:nowrap}.public-image-options{grid-template-columns:repeat(2,minmax(0,1fr))}.public-image-options li,.public-image-options .public-option-button{flex-wrap:wrap;padding:10px}.public-image-options img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.public-counts{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;color:#706a7b}.public-vote-cta{margin:28px 0 18px}.public-vote-cta p{font-size:12px;color:#706a7b;margin:10px 0}.public-actions{display:flex;flex-wrap:wrap;gap:16px;padding-top:18px;border-top:1px solid #e8e4ef}.public-actions a{display:inline-flex;align-items:center;gap:7px;color:#706a7b;font-size:12px}.public-join{max-width:760px;margin:22px auto 0;text-align:center;padding:28px;border:1px solid #e8e4ef;border-radius:20px}.public-join>svg{color:#6558e8}.public-join h2{font-size:21px;margin:10px 0}.public-join p{color:#706a7b;font-size:14px;line-height:1.6}.public-join a{display:inline-block;margin:8px 12px;color:#6558e8;font-size:14px;font-weight:800}.public-join-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:420px;max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);overflow-y:auto;padding:28px;border:1px solid #e8e4ef;border-radius:22px;background:#fff;color:#171321;box-shadow:0 24px 80px #17132133}.public-join-dialog:not([open]){display:none}.public-join-dialog::backdrop{background:#17132199}.public-join-eyebrow{color:#6558e8;font-size:13px;font-weight:800}.public-join-dialog h2{margin:14px 0 12px;font-size:25px;line-height:1.3;letter-spacing:-.6px}.public-join-dialog p{margin:0 0 22px;color:#706a7b;font-size:14px;line-height:1.7}.public-join-dialog .public-primary{box-sizing:border-box;width:100%}.public-join-dismiss{display:block;width:100%;min-height:44px;margin-top:8px;border:0;border-radius:12px;background:transparent;color:#706a7b;font:inherit;font-size:14px;cursor:pointer}.public-join-dismiss:hover{background:#f8f7fc}.public-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:26px;font-size:14px}.public-footer{max-width:1100px;margin:0 auto;padding:24px;border-top:1px solid #e8e4ef;display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:#706a7b}.public-footer span{margin-right:auto}.public-footer a{color:#706a7b}.public-status{min-height:180px;padding:32px 0;line-height:1.7}.public-status h1{font-size:28px}.public-status>a{display:block;margin-top:20px}.public-shell a:focus-visible,.public-shell button:focus-visible{outline:3px solid #6558e8;outline-offset:4px}@media(max-width:640px){.public-header{padding:12px 16px;gap:8px}.public-header>a>.app-logo{width:145px}.public-header nav{gap:12px}.public-header nav a{font-size:12px}.public-shell .public-primary{padding:10px 14px;font-size:13px}.public-main{padding:20px 16px 40px}.public-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-category-grid>a{padding:18px}.public-category-grid h2{font-size:17px}.public-poll{padding:20px;border-radius:20px}.public-options li{padding:12px}.public-options li.public-option-interactive{padding:0}.public-option-button{padding:12px}.public-vote-cta .public-primary{width:100%}}
