:root{color-scheme:light;--ig-pink:#e1306c;--ig-purple:#833ab4;--ig-orange:#f77737}

.dark{color-scheme:dark}
*{box-sizing:border-box}
body{font-family:"IBM Plex Sans Thai",sans-serif}
@font-face{font-family:"FC Marshmallow";src:url("https://cdn.ipt-group.xyz/font/FC-Marshmallow-Regular.ttf") format("truetype")}
.font-write{font-family:"FC Marshmallow",cursive;font-weight:400}
button,a{transition:.2s ease}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.profile-grid img{aspect-ratio:1/1;object-fit:cover;width:100%;display:block}
.profile-grid .tile{position:relative;overflow:hidden;background:#eee}
.profile-grid .tile:hover img{transform:scale(1.035)}
.profile-grid .tile img{transition:transform .35s ease}
.profile-grid .tile .overlay{opacity:0;position:absolute;inset:0;background:rgba(0,0,0,.38);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;transition:.2s}
.profile-grid .tile:hover .overlay{opacity:1}
.story-ring{background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);padding:3px}
.story-inner{background:var(--bg);padding:3px}
.dark .story-inner{background:#000}
.glass{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body{background-image:radial-gradient(circle at 15% 0%,rgba(225,48,108,.055),transparent 28%),radial-gradient(circle at 90% 10%,rgba(131,58,180,.055),transparent 25%)}
.dark body{background-image:radial-gradient(circle at 15% 0%,rgba(225,48,108,.12),transparent 28%),radial-gradient(circle at 90% 10%,rgba(131,58,180,.10),transparent 25%)}
.soft-card{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.07);box-shadow:0 12px 40px rgba(0,0,0,.045)}
.dark .soft-card{background:rgba(18,18,18,.78);border-color:rgba(255,255,255,.09);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.status-dnd{background:#f23f42;box-shadow:0 0 0 3px var(--bg,#fafafa)}
.story-label{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}
@media(max-width:640px){.profile-grid{gap:2px}.profile-grid .overlay{display:none}}