*{box-sizing:border-box} body{margin:0;font-family:Verdana,Arial,sans-serif;background:linear-gradient(135deg,#651fff,#00bcd4 45%,#ffcc00);color:#222;min-height:100vh}.topbar{position:sticky;top:0;z-index:2;display:flex;gap:16px;align-items:center;background:#fff8cc;border-bottom:4px solid #ff66cc;padding:10px 18px;box-shadow:0 3px 0 #330066}.topbar b{font-size:22px;color:#5b00b5;text-shadow:1px 1px #fff}.topbar span{flex:1}.topbar a,.btn,button{display:inline-block;background:#ff66cc;color:#fff;border:2px solid #6a008a;border-radius:6px;padding:9px 12px;text-decoration:none;font-weight:bold;cursor:pointer;box-shadow:2px 2px 0 #330066}button{width:100%}.btn.secondary{background:#00a6ff}.btn.fb{background:#1877f2;width:100%;text-align:center;margin-top:10px}.shell{max-width:1120px;margin:28px auto;padding:0 14px}.narrow{max-width:520px}.layout{display:grid;grid-template-columns:240px 1fr 340px;gap:16px;padding:16px}.friend-card,.profile-box,.chat,.welcome{background:#fff;border:4px ridge #ffcc00;border-radius:10px;padding:16px;box-shadow:5px 5px 0 rgba(0,0,0,.25)}.profile-box{text-align:center;height:max-content}.pic2{width:192px;height:192px;object-fit:cover;border:6px double #ff66cc;background:white}.tiny{width:42px;height:42px;object-fit:cover}.chat{height:calc(100vh - 92px);position:sticky;top:70px}.chat iframe{width:100%;height:92%;border:3px solid #651fff;background:#fff}.form{display:grid;gap:12px}.form label{font-weight:bold}.form input,.form select{width:100%;padding:10px;border:2px solid #651fff;border-radius:6px;background:#fffdf5}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}.alert{background:#ffd6d6;border:2px solid #bb0000;padding:10px;margin:10px 0}.ok{background:#d9ffd9;border:2px solid #008800;padding:10px;margin:10px 0}.muted{color:#555}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.member{display:block;text-align:center;background:#f4f0ff;border:2px solid #9c27b0;border-radius:10px;padding:10px;text-decoration:none;color:#222}.member img{width:82px;height:82px;object-fit:cover;border:3px solid #ff66cc;background:#fff}.member b,.member small{display:block;margin-top:6px}.center{text-align:center}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #999;padding:8px;text-align:left}th{background:#fff8cc}@media(max-width:980px){.layout{grid-template-columns:1fr}.chat{position:static;height:520px}.topbar{flex-wrap:wrap}.profile-box .pic2{width:150px;height:150px}}