#catPhone .phAppIcon.catgram{background:linear-gradient(135deg,#ad8fe8,#5c4586)}
#catPhone[data-screen=home] nav{flex-wrap:wrap;justify-content:flex-start;gap:13px 8px}
#catPhone[data-screen=home] nav button{flex:0 0 calc(25% - 6px)}
#catPhone[data-app=catgram] #phContent{padding:0;background:#f8f7fa;color:#25232b;scrollbar-color:#bca9d7 #f8f7fa}
#catPhone[data-app=catgram] #phAppBar{background:#f8f7fa;color:#24212a;border-bottom:1px solid #e5e1eb}
#catPhone[data-app=catgram] #phBack{color:#6d4b9a}
#catPhone[data-app=catgram] #phAppBar>span{color:#75717b}
#catPhone[data-app=catgram] nav[role=tablist]{display:none}
#catPhone #cg{min-height:100%;display:flex;flex-direction:column;font:12px/1.5 var(--body);color:#292631}
#catPhone #cg .cgBody{flex:1;padding:12px}
#catPhone #cg h3{font-size:19px;line-height:1.15;letter-spacing:-.035em;margin:12px 0 8px;color:#292631}
#catPhone #cg h4{margin:14px 0 8px;font-size:12px}
#catPhone #cg p{color:#625c6b;font-size:12px;overflow-wrap:anywhere;margin:8px 0}
#catPhone #cg small{color:#82798c;font-size:10px;display:block}
#catPhone #cg svg{width:22px;height:22px;vertical-align:middle}
#catPhone #cg button{color:#645077;padding:9px;border:1px solid #e6dfed;border-radius:8px;background:#fff;min-height:34px;font-size:11px}
#catPhone #cg button:disabled{opacity:.5;cursor:wait}
#catPhone #cg button:focus-visible,#catPhone #cg input:focus-visible,#catPhone #cg textarea:focus-visible,#catPhone #cg select:focus-visible{outline:2px solid #8257b7;outline-offset:1px}
#catPhone #cg .cgPrimary{background:#6d4b98;color:#fff;border-color:#6d4b98;padding:11px 15px}
#catPhone #cg .cgDanger{color:#9d3648;margin:12px 0}
#catPhone #cg .cgNav{position:sticky;bottom:0;display:flex;justify-content:space-around;background:#faf9fcf5;border-top:1px solid #e5e0eb;padding:7px 2px;z-index:2;margin-top:auto}
#catPhone #cg .cgNav button{border:0;background:none;padding:4px 8px;display:grid;justify-items:center;gap:2px;color:#908797;font-size:9px}
#catPhone #cg .cgNav button[aria-current=page]{color:#704a9c}
#catPhone #cg .cgWordmark strong{font:bold 25px/1.2 var(--body);letter-spacing:-.06em}
#catPhone #cg .cgWordmark span{color:#9970cd;margin-left:5px}
#catPhone #cg .cgWordmark small{font-size:8px;letter-spacing:.14em;margin:5px 0 12px}
#catPhone #cg .cgNotice{font-size:9px;letter-spacing:.02em;color:#745f8a;background:#eee8f5;padding:8px 10px;border-radius:7px;margin:8px 0}
#catPhone #cg .cgEmpty{text-align:center;padding:25px 7px 28px}
#catPhone #cg .cgEmpty p{margin:12px 0 18px}
#catPhone #cg .cgEmblem{display:inline-grid;place-items:center;border:1px solid #d9c9eb;background:#eee5f8;width:60px;height:60px;border-radius:20px;color:#8560ae}
#catPhone #cg .cgEmblem svg{width:29px;height:29px}
#catPhone #cg .cgAvatar{display:inline-grid;place-items:center;width:35px;height:35px;flex:none;object-fit:cover;border-radius:50%;background:#e8dff1;color:#8760aa}
#catPhone #cg .cgPost{padding:12px 0;border-bottom:1px solid #e6e1eb}
#catPhone #cg .cgPost header{display:flex;gap:8px;align-items:center;margin-bottom:10px}
#catPhone #cg .cgPost header strong{font-size:11px;overflow-wrap:anywhere}
#catPhone #cg .cgPost header small{font-size:8px}
#catPhone #cg .cgPhoto{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:#e8e3ed}
#catPhone #cg .cgActions{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
#catPhone #cg .cgActions button{flex:1;padding:7px 5px;font-size:10px}
#catPhone #cg .cgProfile{text-align:center;margin:5px 0 18px}
#catPhone #cg .cgProfile>.cgAvatar{width:66px;height:66px;border:3px solid #e2d2ef}
#catPhone #cg .cgStats{display:flex;justify-content:space-around;padding:12px 0;font-size:9px;color:#8b8093}
#catPhone #cg .cgStats strong{display:block;color:#312a39;font-size:17px}
#catPhone #cg .cgGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:10px 0}
#catPhone #cg .cgGrid button{padding:0;border:0;background:#e9e4ef;overflow:hidden;border-radius:4px}
#catPhone #cg .cgGrid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
#catPhone #cg label{display:block;color:#54475f;font-size:11px;margin:12px 0 7px}
#catPhone #cg input,#catPhone #cg textarea,#catPhone #cg select{font:12px var(--body);width:100%;border:1px solid #d8d0e1;background:#fff;color:#332b3d;border-radius:7px;padding:9px;margin-top:5px;min-width:0}
#catPhone #cg textarea{height:70px;resize:vertical}
#catPhone #cg .cgCamera{position:relative;border-radius:10px;overflow:hidden;background:#25232d}
#catPhone #cg #cgPreview{display:block;width:100%;aspect-ratio:4/5}
#catPhone #cg .cgViewLabel{position:absolute;top:10px;left:10px;background:#0006;color:#fff;font-size:8px;letter-spacing:.12em;padding:3px 7px;border-radius:4px}
#catPhone #cg .cgCameraTools{display:flex;gap:3px;margin-top:8px}
#catPhone #cg .cgCameraTools button{flex:1;padding:5px}
#catPhone #cg .cgZoom{display:flex;gap:8px;align-items:center;margin:5px 0}
#catPhone #cg .cgZoom input{padding:0;accent-color:#8c62b6}
#catPhone #cg .cgShutter{text-align:center;margin:9px 0}
#catPhone #cg .cgShutter button{border:3px solid #8b65b3;border-radius:50%;height:48px;width:48px;background:#eee6f7}
#catPhone #cg .cgHint{text-align:center;font-size:8px}
#catPhone #cg .cgError{background:#f8e4e8;color:#953f50;padding:10px;border-radius:6px}