:root{--fb-primary: #1e3a8a;--fb-accent: #2563eb;--fb-bg: #0f172a;--fb-card-bg: #1e293b;--fb-text: #f8fafc;--fb-subtext: #94a3b8;--fb-border: #334155}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--fb-accent);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--fb-bg);color:var(--fb-text);margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;isolation:isolate}.wall-background-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.wall-background-layer img{width:100%;height:100%;object-fit:cover;opacity:.2}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:40px 20px;box-sizing:border-box}.wall-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:40px;border-bottom:1px solid var(--fb-border);padding-bottom:20px}.wall-meta h1{font-size:2.2rem;margin:0 0 8px;color:#38bdf8}.wall-heading{display:flex;align-items:center;gap:16px}.wall-profile-image{width:72px;height:72px;flex:0 0 72px;object-fit:cover;border-radius:50%;border:2px solid var(--fb-border)}.wall-description{color:var(--fb-subtext);font-size:1.05rem;line-height:1.6;max-width:850px}.wall-description>:first-child{margin-top:0}.wall-description>:last-child{margin-bottom:0}.wall-description h1,.wall-description h2,.wall-description h3,.wall-description h4,.wall-description h5,.wall-description h6{color:var(--fb-text);font-size:1.1rem;margin:14px 0 6px}.wall-description p,.wall-description ul,.wall-description ol,.wall-description blockquote,.wall-description pre{margin:8px 0}.wall-description blockquote{border-left:3px solid var(--fb-accent);padding-left:12px}.wall-description pre,.wall-description code{background:#0f172a73;border-radius:4px}.wall-description code{padding:2px 4px}.wall-description pre{padding:10px;overflow-x:auto}.wall-description pre code{padding:0}.wall-description a{color:var(--fb-accent)}@media (max-width: 640px){.wall-heading{align-items:flex-start}.wall-profile-image{width:52px;height:52px;flex-basis:52px}}.refresh-btn{background-color:#334155;color:#fff;border:1px solid var(--fb-border);padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s,transform .2s}.refresh-btn:hover{background-color:var(--fb-accent);transform:translateY(-1px)}.refresh-icon{transition:transform .5s ease}.refresh-btn:active .refresh-icon{transform:rotate(360deg)}.wall-id-input-container{display:flex;justify-content:center;margin-bottom:40px}.config-card{background:var(--fb-card-bg);border:1px solid var(--fb-border);border-radius:12px;padding:30px;text-align:center;max-width:600px;width:100%;box-shadow:0 10px 15px -3px #0000004d}.config-card h3{margin-top:0;color:#38bdf8;font-size:1.3rem}.config-card p{color:var(--fb-subtext);margin-bottom:20px}.masonry-feed{column-count:3;column-gap:24px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.masonry-feed{column-count:2}}@media (max-width: 640px){.masonry-feed{column-count:1}}.feedback-card-item{break-inside:avoid;background:var(--fb-card-bg);border:1px solid var(--fb-border);border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s}.feedback-card-item:hover{transform:scale(1.02)}.card-rating{font-size:1.25rem;color:#fbbf24;margin-bottom:12px}.card-answers{display:grid;gap:16px}.card-answer+.card-answer{border-top:1px solid var(--fb-border);padding-top:14px}.card-answer h2{margin:0 0 6px;color:var(--fb-subtext);font-size:.85rem;font-weight:600}.card-text{font-size:1.05rem;line-height:1.6;margin-bottom:16px;color:#e2e8f0}.card-author{font-size:.9rem;font-weight:600;color:#38bdf8;display:flex;align-items:center;gap:8px;border-top:1px solid var(--fb-border);margin:18px 0 0;padding-top:14px}.empty-state{text-align:center;padding:80px 20px;background:var(--fb-card-bg);border:1px dotted var(--fb-border);border-radius:12px;max-width:500px;margin:40px auto}.empty-state h3{color:#38bdf8;margin-top:0}.empty-state p{color:var(--fb-subtext)}
