:root{--purple:#6d278f;--purple2:#431259;--lav:#eee1f5;--line:#b99ac8;--ink:#302438;--link:#5e197e}*{box-sizing:border-box}body{margin:0;background:#d9d3dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M0 8L8 0' stroke='%23c9c1cc' stroke-width='.5'/%3E%3C/svg%3E");font:12px Verdana,Arial,sans-serif;color:var(--ink)}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1080px,100%);margin:12px auto;background:white;border:1px solid #8e7898;box-shadow:0 2px 12px #66566f}.header{display:flex;align-items:center;gap:18px;padding:12px 18px;background:linear-gradient(#2b1038,#16091d);border-bottom:4px solid #8c3faf}.logo{width:360px;max-width:52%;height:auto}.search{margin-left:auto;display:flex}.search input{width:230px;padding:8px;border:1px solid #9e81ad}.btn,button,input[type=submit]{border:1px solid #4f155f;background:linear-gradient(#8b42aa,#5e2076);color:white;padding:7px 12px;font-weight:bold;cursor:pointer}.nav{display:flex;flex-wrap:wrap;background:#efe5f2;border-bottom:1px solid #a887b7}.nav a{padding:9px 13px;border-right:1px solid #c7afcf;font-weight:bold}.nav a:hover{background:#dbc5e4;text-decoration:none}.page{padding:10px}.grid{display:grid;grid-template-columns:250px 1fr 240px;gap:10px}.panel{border:1px solid var(--line);background:#fff;margin-bottom:10px}.panel h2,.panel h3{margin:0;padding:6px 8px;background:linear-gradient(#7d359b,#56206d);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.panel .body{padding:9px}.mini-list{list-style:none;margin:0;padding:0}.mini-list li{padding:6px 2px;border-bottom:1px dotted #cab8d2}.avatar{width:70px;height:70px;object-fit:cover;border:1px solid #79558a;background:#eee}.profile-head{display:flex;gap:10px}.composer textarea,.form textarea{width:100%;min-height:90px}.form input,.form select,.form textarea{width:100%;padding:8px;border:1px solid #af99b8;margin:4px 0 10px}.post{display:grid;grid-template-columns:58px 1fr;gap:9px;padding:10px;border-bottom:1px solid #ddd}.post .avatar{width:52px;height:52px}.muted{color:#7f7284;font-size:11px}.tabs{padding:6px;background:#f2eaf5;border-bottom:1px solid #c7b4cf}.tabs a{margin-right:12px;font-weight:bold}.flash{padding:9px;background:#f5e9ff;border:1px solid #ad78c9;margin-bottom:10px}.auth{max-width:520px;margin:35px auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:7px;border:1px solid #d5c8da;text-align:left}.table th{background:#eee3f2}.footer{text-align:center;padding:16px;border-top:1px solid #bba6c4;color:#6e5d75}.hero{padding:16px;background:#f2e8f6;border:1px solid #c4a8cf;margin-bottom:10px}.retro-note{font-family:"Courier New",monospace;background:#faf6fc;border:1px dashed #9f78ae;padding:8px}.actions{display:flex;gap:7px;flex-wrap:wrap}.badge{display:inline-block;background:#7b3498;color:#fff;padding:2px 6px;font-size:10px}.mobile-only{display:none}@media(max-width:850px){.shell{margin:0;border:0}.grid{grid-template-columns:1fr}.left,.right{order:2}.center{order:1}.logo{max-width:70%;width:330px}.search{display:none}.nav a{flex:1 0 25%;text-align:center}.mobile-only{display:block}}@media(max-width:500px){.logo{max-width:100%}.nav a{flex-basis:50%}.page{padding:6px}}
.two{grid-template-columns:1fr 1fr}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:10px}.member-card{display:flex;gap:9px;border:1px solid #d1bfd8;padding:8px;background:#faf7fb}.small{padding:3px 7px;font-size:10px}.danger{background:linear-gradient(#a7436d,#742442);border-color:#641b38}.inline{display:inline}.link{border:0;background:none;color:#7b1f44;padding:0;text-decoration:underline}.inline-form{display:flex;gap:5px;margin-top:7px}.inline-form input{flex:1;padding:6px;border:1px solid #baa3c3}.comment{background:#f7f1f9;border:1px solid #dccfe1;padding:7px;margin:6px 0}.longform{font:13px/1.65 Georgia,"Times New Roman",serif;padding:15px 4px;white-space:normal}.editor{min-height:340px!important;font:14px/1.5 Georgia,serif}.code{min-height:180px!important;font:12px/1.4 Consolas,monospace}.profile-layout{display:grid;grid-template-columns:290px 1fr;gap:10px}.profile-avatar{width:230px;max-width:100%;height:280px;object-fit:cover;border:2px solid #765184;background:#eee}.plain{background:none!important;color:#55216b!important;text-transform:none!important;font-size:14px!important}.headline{font-weight:bold;color:#6b2c86;margin:8px 0}.center-actions{justify-content:center}.friend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.friend-grid img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #886497}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.photo-grid figure{margin:0;border:1px solid #cbb7d2;background:#f8f3fa;padding:5px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover}.photo-grid figcaption{padding:5px;font-size:11px}.status{grid-template-columns:58px 1fr}.form label{font-weight:bold;display:block}.form button{margin-top:3px}select{padding:6px;border:1px solid #af99b8;background:white}
@media(max-width:850px){.two,.profile-layout{grid-template-columns:1fr}.profile-avatar{height:auto}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.two,.cards{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.friend-grid{grid-template-columns:repeat(4,1fr)}}