@layer pages{.home-container{background:var(--container-bg);word-break:keep-all;word-wrap:break-word;flex-direction:column;flex-grow:1;align-items:center;padding:2rem 1rem;display:flex}@media (width>=1024px){.home-content{grid-template-columns:repeat(4,1fr)}}.home-content{width:100%;max-width:var(--container-max);grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.home-content{grid-template-columns:repeat(4,1fr)}}.survey-section-wrap{flex-direction:column;grid-column:1/-1;gap:1rem;display:flex}.survey-card{background:var(--content-bg);border:1px solid var(--border,#e9ecef);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000f}.survey-card-header{align-items:flex-start;gap:10px;margin-bottom:.5rem;display:flex}.survey-card-icon{color:var(--primary,#007bff);flex-shrink:0;margin-top:2px;font-size:1rem}.survey-card-title-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.survey-card-title{color:var(--content-fg);font-size:1rem;font-weight:700;line-height:1.4}.survey-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.survey-badge--immediate{color:#1a6e3b;background:#d1f5e0}.survey-badge--after{color:#7d5700;background:#fff3cd}.survey-card-period{color:var(--muted,#999);align-items:center;gap:6px;margin-bottom:1rem;font-size:.75rem;display:flex}.survey-card-period i{font-size:.7rem}.survey-questions{flex-direction:column;gap:1.25rem;margin-bottom:1rem;display:flex}.survey-question-block{flex-direction:column;gap:8px;display:flex}.survey-question-text{color:var(--content-fg);align-items:baseline;gap:8px;font-size:.9rem;font-weight:600;line-height:1.5;display:flex}.survey-q-num{background:var(--primary,#007bff);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:26px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.survey-options{flex-direction:column;gap:6px;display:flex}.survey-option-label{border:1px solid var(--border,#dee2e6);cursor:pointer;color:var(--content-fg);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.875rem;transition:border-color .15s,background .15s;display:flex}.survey-option-label:hover:not(.participated){border-color:var(--primary,#007bff);background:#007bff0a}.survey-option-label.participated{cursor:default;opacity:.75}.survey-option-label .survey-radio{accent-color:var(--primary,#007bff);cursor:pointer;flex-shrink:0;width:16px;height:16px}.survey-card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:.75rem;display:flex}.survey-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex}.survey-btn:hover{opacity:.85}.survey-btn--submit{background:var(--primary,#007bff);color:#fff}.survey-btn--result{border:1px solid var(--border,#dee2e6);color:var(--muted,#666);background:0 0}.survey-btn--result:hover{border-color:var(--primary,#007bff);color:var(--primary,#007bff);opacity:1}.survey-participated-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.survey-participated-badge:before{content:"✓";font-size:.8rem}.survey-result-block{border-bottom:1px solid var(--border,#e9ecef);padding:.75rem 0}.survey-result-block:last-child{border-bottom:none}.survey-result-question{color:var(--content-fg);align-items:baseline;gap:8px;margin-bottom:4px;font-size:.875rem;font-weight:600;display:flex}.survey-result-total{color:var(--muted,#999);margin-bottom:10px;font-size:.75rem}.survey-result-option{margin-bottom:10px}.survey-result-option .survey-result-option-info{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.survey-result-option .survey-result-option-info .survey-result-option-label{color:var(--content-fg);flex:1;font-size:.825rem}.survey-result-option .survey-result-option-info .survey-result-option-count{color:var(--muted,#999);white-space:nowrap;font-size:.75rem}.survey-result-option .survey-result-bar-wrap{background:var(--border,#e9ecef);border-radius:4px;width:100%;height:8px;overflow:hidden}.survey-result-option .survey-result-bar-wrap .survey-result-bar{background:var(--primary,#007bff);border-radius:4px;min-width:2px;height:100%;transition:width .5s}.survey-result-modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.survey-result-modal{background:var(--content-bg);border-radius:12px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;box-shadow:0 8px 32px #0003}.survey-result-modal .survey-result-modal-header{border-bottom:1px solid var(--border,#e9ecef);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.survey-result-modal .survey-result-modal-header .survey-result-modal-title{color:var(--content-fg);font-size:1rem;font-weight:700}.survey-result-modal .survey-result-modal-header .survey-result-modal-close{cursor:pointer;color:var(--muted,#666);background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1}.survey-result-modal .survey-result-modal-header .survey-result-modal-close:hover{color:var(--content-fg)}.survey-result-modal .survey-result-modal-body{padding:1rem 1.25rem;overflow-y:auto}.platform-section{background:var(--content-bg);border-radius:12px;padding:.75rem 1rem;box-shadow:0 1px 4px #0000000f}@media (width>=640px){.platform-section{padding:1.25rem 1.5rem}}.platform-header{align-items:center;gap:10px;display:flex}.platform-icon{object-fit:contain;border-radius:6px;width:18px;height:18px}.platform-name{color:var(--content-fg);font-size:1rem;font-weight:700}.platform-link-count{color:var(--connection-link-count);background:var(--border);white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:.7rem;font-weight:600;line-height:1.4}.platform-more{flex:1;justify-content:flex-end;align-self:center;align-items:center;display:flex}.platform-more-button{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;line-height:0;text-decoration:none;transition:color .15s;display:flex}.platform-more-button:hover{color:var(--primary)}.platform-more-button span{margin-bottom:3px}.platform-more-button i{font-size:.7rem}.lang-tabs{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.lang-tab{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 14px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.lang-tab:hover{background:var(--card-bg);color:var(--fg)}.lang-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.link-list{flex-direction:column;gap:6px;display:flex}.link-item{background:var(--bg);color:var(--fg);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;text-decoration:none;transition:background .15s;display:flex}.link-item:hover{background:color-mix(in oklab, var(--primary) 8%, transparent)}.link-channel{font-size:.9rem;font-weight:500}.link-icon{color:var(--muted);font-size:1.1rem}.link-empty{color:var(--muted);padding:8px 0;font-size:.875rem}.platform-stats{border-top:1px solid var(--border);align-items:center;gap:14px;margin-top:10px;padding-top:10px;display:flex}.platform-stat-item{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:.78rem;display:flex}.platform-stat-item i{font-size:.78rem}.platform-stat-review i{color:#f5a623}.platform-stat-comment i,.platform-stat-like i{color:var(--muted)}.empty-state{text-align:center;color:var(--muted);padding:80px 20px}.empty-state i{opacity:.5;margin-bottom:16px;font-size:48px;display:block}.empty-state p{margin:0;font-size:1rem}.review-rolling-wrap{background:var(--content-bg);border:1px solid var(--border,#e9ecef);border-radius:12px;grid-column:1/-1;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex;overflow:hidden}@media (width<=767px){.review-rolling-wrap{flex-direction:column;align-items:flex-start;gap:.5rem}}.review-rolling-header{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.review-rolling-icon{color:var(--primary,#f59e0b);font-size:.9rem}.review-rolling-title{color:var(--content-fg);white-space:nowrap;font-size:.8rem;font-weight:700}.review-rolling-viewport{flex:1;width:100%;min-width:0;height:3rem;overflow:hidden}@media (width<=767px){.review-rolling-viewport{flex:none}}.review-rolling-inner{flex-direction:column;display:flex}.review-rolling-item{cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;gap:.15rem;height:3rem;text-decoration:none;display:flex}.review-rolling-item:hover .review-rolling-name{color:var(--primary,#007bff)}.review-rolling-name{color:var(--primary,#007bff);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;transition:color .15s;overflow:hidden}.review-rolling-text{color:var(--content-fg);white-space:nowrap;text-overflow:ellipsis;opacity:.85;font-size:.8rem;overflow:hidden}.new-creator-section{flex-direction:column;grid-column:1/-1;gap:1rem;display:flex}.new-creator-header{align-items:center;gap:8px;display:flex}.new-creator-title{color:var(--content-fg);font-size:1rem;font-weight:700}.new-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=1024px){.new-creator-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.new-creator-card{background:var(--content-bg);border:1px solid var(--border,#e9ecef);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:.875rem .75rem;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex;box-shadow:0 1px 4px #0000000f}.new-creator-card:hover{border-color:var(--primary,#007bff);box-shadow:0 4px 12px #0000001a}.new-creator-img-wrap{aspect-ratio:1;background:var(--border,#e9ecef);border-radius:10px;width:100%;overflow:hidden}.new-creator-img{object-fit:cover;width:100%;height:100%;display:block}.new-creator-img.is-blur{filter:blur(30px);transform:scale(1.12)}.new-creator-img-placeholder{width:100%;height:100%;color:var(--muted,#999);justify-content:center;align-items:center;font-size:2rem;display:flex}.new-creator-name{color:var(--content-fg);text-align:center;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.85rem;font-weight:600;overflow:hidden}}