*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#1a1a1a;background:#f4f4f4;min-height:100vh;font-family:system-ui,sans-serif}.container{max-width:640px;margin:0 auto;padding:32px 16px}.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.topbar span{color:#555;font-size:.9rem}button{cursor:pointer;font:inherit;border:none;border-radius:6px;padding:8px 16px;transition:opacity .15s}button:hover{opacity:.85}.btn-primary{color:#fff;background:#4a90d9}.btn-ghost{color:#4a90d9;background:0 0;border:1px solid #4a90d9}.btn-delete{color:#e74c3c;background:0 0;border:none;padding:0 6px;font-size:12px}.auth-box{background:#fff;border-radius:10px;max-width:400px;margin:80px auto;padding:40px 32px;box-shadow:0 2px 16px #00000014}.auth-box h1{text-align:center;margin-bottom:24px;font-size:1.5rem}.tabs{border-bottom:2px solid #e0e0e0;gap:0;margin-bottom:24px;display:flex}.tabs button{color:#888;background:0 0;border-bottom:2px solid #0000;border-radius:0;flex:1;margin-bottom:-2px;padding:10px}.tabs button.active{color:#4a90d9;border-bottom-color:#4a90d9}form{flex-direction:column;gap:16px;display:flex}label{color:#444;flex-direction:column;gap:6px;font-size:.9rem;display:flex}input[type=text],input[type=email],input[type=password],textarea,select{font:inherit;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:#4a90d9;outline:none}textarea{resize:vertical;min-height:80px}.hint{color:#888;font-size:.8rem}.error{color:#e74c3c;font-size:.875rem}.success{color:#27ae60;font-size:.875rem}.warning{color:#e67e22;font-size:.875rem}.save-msg{text-align:center;color:#27ae60;background:#f0faf4;padding:8px;font-size:.875rem}.list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.test-list{flex-direction:column;gap:8px;list-style:none;display:flex}.test-list li{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .15s;display:flex}.test-list li:hover{border-color:#4a90d9}.badge{color:#555;background:#eee;border-radius:12px;padding:3px 8px;font-size:.75rem}.badge.published{color:#2e7d32;background:#e8f5e9}.card-list{flex-direction:column;gap:6px;margin-top:12px;list-style:none;display:flex}.card-list li{background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.share{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:12px;margin-top:24px;padding:20px;display:flex}.participant-link{color:#555;word-break:break-all;background:#f4f4f4;border-radius:6px;padding:10px;font-size:.875rem}section{margin-top:28px}section h3{color:#333;margin-bottom:12px;font-size:1rem}.board{max-width:560px;margin:24px auto;padding:0 16px;list-style:none}ul{padding-left:24px;list-style:none}li.drop-spacer{background:0 0;border-radius:2px;height:6px;display:block}li.drop-spacer.active{background:#4a90d9}.item{-webkit-user-select:none;user-select:none;touch-action:none;cursor:default;border-radius:6px;align-items:center;gap:8px;padding:.75rem 14px;display:flex}.item.card{cursor:grab;background:#fff;border:1px solid #ddd;box-shadow:0 1px 3px #0000000f}.item.card span{font-size:1rem;line-height:1.4}.item.group{color:#2c5f9e;background:#eef3fb;border:1.5px solid #4a90d9;font-weight:600}.item.dragging{opacity:.25}.item.drop-inside{outline-offset:-2px;outline:2px solid #4a90d9}.ghost{pointer-events:none;opacity:.7;z-index:1000;position:fixed;box-shadow:0 4px 16px #00000026}.drag-handle{cursor:grab;color:#aaa;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;padding-right:4px;font-size:14px}.group-name{font:inherit;color:inherit;cursor:text;background:0 0;border:none;outline:none;flex:1;font-weight:600}.toggle,.delete-group{cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:0 4px}.toggle{color:inherit;font-size:10px}.delete-group{color:#e74c3c;font-size:12px}.bottom-bar{background:#fff;border-top:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex;position:sticky;bottom:0}