:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Inter,Segoe UI,sans-serif;background:#f3f3f3;color:#111}#root,.app-container{height:100vh;display:flex;flex-direction:column}.app-container{display:flex;justify-content:center;align-items:center;padding:16px}.viewer-wrapper{display:flex;flex-direction:column;height:100%;width:100%;max-width:540px;border:1px solid #bbb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #00000014}header{display:flex;justify-content:space-between;padding:12px;background-color:#d6d6d6;border-bottom:1px solid #aaa;gap:8px;align-items:center}header>button{flex:0 0 120px}.header-title{flex:1;text-align:center;display:flex;flex-direction:column;gap:4px}.header-title h1{font-size:1.2rem}.subtle{font-size:.8rem;color:#444}.subtle.small{font-size:.7rem}.badge{display:inline-block;margin-top:4px;padding:2px 6px;background:#b30000;color:#fff;font-size:.7rem;border-radius:6px}main{display:flex;flex-direction:column;flex:1;min-height:0}section{display:flex;flex-direction:column}section[hidden]{display:none}section.activity[active]{flex:1;min-height:0;overflow:hidden;border-bottom:1px solid #ccc}section.activity[active]>section{flex:1;min-height:0;overflow:hidden}section.activity:not([active])>section{display:none}.modal-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:16px;z-index:1000}.modal-content{width:min(480px,90vw);min-height:240px;background-color:#fff;border:1px solid #444;border-radius:12px;display:flex;justify-content:center;align-items:center;padding:12px;text-align:center}.modal-content img{max-width:100%;max-height:70vh;border-radius:8px}h2,h3,h4{cursor:pointer;padding:8px;margin:0;border-bottom:1px solid #ccc}h2{font-size:1rem;background-color:#ededed}h3{font-size:.95rem;background-color:#f3f3f3;padding-left:16px}h4{font-size:.85rem;background-color:#fafafa;padding-left:24px}ul{list-style:none}li{cursor:pointer;padding:8px 32px;border-bottom:1px solid #f2f2f2}li:hover{background:#efefef}button,select,input{padding:8px;border:1px solid #888;border-radius:8px;font-size:.9rem;background-color:#fff}button{cursor:pointer;background:#222;color:#fff;transition:opacity .2s ease}button.secondary{background:transparent;color:#333}button:disabled{opacity:.6;cursor:not-allowed}form{display:flex;flex-direction:column;gap:8px;padding:8px;border-bottom:1px solid #ddd}form>div{display:flex;gap:8px}form>div>*{flex:1}footer{padding:8px;border-top:1px solid #ddd;display:flex;justify-content:flex-end}.scrollable{flex:1;overflow-y:auto;padding:0 0 8px}#labels .scrollable{padding:8px}section.post>div{border-bottom:1px solid #eee}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.grid>div{border:1px solid #bbb;background:#fdfdfd;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;padding:4px}.grid>div img{width:100%;height:100%;object-fit:cover}.grid>div.error{background:#ffe6e6;color:#8a0f0f;font-size:.8rem}.grid .placeholder-text{font-size:.7rem;color:#777}.empty{padding:12px;text-align:center;color:#555;font-size:.85rem}.empty.inner{font-size:.8rem}.login-view{width:100%;max-width:360px;padding:32px;border-radius:16px;background:#fff;box-shadow:0 25px 60px #0000001a;display:flex;flex-direction:column;gap:16px}.login-view h1{font-size:1.4rem;text-align:center}.login-view p{text-align:center;font-size:.9rem;color:#555}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem}.login-form input,.login-form button{width:100%}.error{color:#b30000;font-size:.8rem}.error.global{margin:0 8px}.loader{font-size:1rem}.login-hint{font-size:.8rem;color:#777}