*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202126;font-family:'DM Sans',sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #5465ed;outline-offset:4px}main{max-width:1280px;margin:auto;padding:32px 64px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:38px}.brand{text-decoration:none;color:#24252b;font-family:Manrope,sans-serif;font-weight:800;font-size:36px;letter-spacing:-2px}.brand span{color:#6452ed;margin-left:3px}.install{background:transparent;border:1px solid #dcdde3;padding:10px 15px;border-radius:30px;display:flex;align-items:center;gap:9px;font-size:14px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#777a89}.intro{position:relative;padding-bottom:42px}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,62px);line-height:1.13;letter-spacing:-2.5px;font-weight:800;margin:14px 0 24px}h1>span{color:#6452ed}.people{display:flex;gap:20px;flex-wrap:wrap}.people>span{display:flex;align-items:center;gap:8px;font-size:14px;color:#60616d}.avatar{border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:12px}.a0{background:#e4dfff;color:#6247b6}.a1{background:#ffe1cc;color:#ac5a21}.a2{background:#d8eceb;color:#387e76}.workspace{display:grid;grid-template-columns:360px 1fr;gap:36px;align-items:start}.draw-card{background:#6250e7;color:white;border-radius:26px;padding:26px;box-shadow:0 12px 32px #5945cb16}.draw-top{display:flex;align-items:center;justify-content:space-between}.pill{font-size:11px;letter-spacing:1.3px;background:#ffffff20;padding:8px 10px;border-radius:20px;font-weight:700}.draw-content{text-align:center;padding:34px 0 28px;min-height:278px}.dice{font-size:76px;line-height:1.1;color:#dfef99;margin-bottom:18px}.draw-content h2{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.6px;font-size:28px;line-height:1.25;margin:0 0 12px;overflow-wrap:anywhere}.draw-content p{font-size:15px;line-height:1.6;color:#eeebff;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chosen-meta{display:block;font-size:13px;margin-top:12px;color:#e4dfff}.draw-button{width:100%;border:0;background:#e3f1a6;color:#262f17;border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.draw-card small{font-size:12px;display:block;text-align:center;margin-top:16px;color:#e0dafa}.done-button{border:1px solid #ffffff65;background:none;border-radius:12px;color:white;width:100%;margin-top:12px;padding:12px;display:flex;gap:7px;justify-content:center}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.list-heading h2{font-family:Manrope;font-size:27px;letter-spacing:-.8px;margin:8px 0 0}.list-heading h2 span{font-size:14px;background:#e8e7ef;color:#706b86;border-radius:20px;padding:4px 9px;vertical-align:middle;margin-left:6px}.add{background:#24252b;border:0;color:white;padding:13px 16px;border-radius:12px;display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap}.tabs{display:flex;gap:26px;border-bottom:1px solid #e0e1e8;margin-top:23px;margin-bottom:20px}.tabs button{font-size:14px;border:0;background:none;color:#858591;padding:12px 0 14px}.tabs button.active{border-bottom:2px solid #6250e7;color:#5542d5;font-weight:700}.tabs span{font-size:12px;margin-left:4px}.idea-list{display:flex;flex-direction:column;gap:12px}article{background:white;border:1px solid #e8e9ed;border-radius:17px;padding:18px;display:flex;align-items:center;gap:15px}article.selected{border-color:#9e90f1}.category-icon{flex-shrink:0;border-radius:13px;width:46px;height:46px;display:grid;place-items:center}.c0{background:#e6f0dd;color:#659041}.c1{background:#fff0db;color:#b88831}.c2{background:#eee8ff;color:#7b60b2}.c3{background:#e4effb;color:#5e88ad}.c4{background:#fde5e2;color:#b9786b}.idea-text{flex:1;min-width:0}.idea-text h3{font-size:16px;line-height:1.4;font-weight:600;margin:0;overflow-wrap:anywhere}.idea-text p{font-size:14px;color:#686976;line-height:1.4;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.meta{font-size:12px;color:#898a95;display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.meta b{color:#6250e7;font-weight:500}.check-button{border:1px solid #e5e5ed;border-radius:50%;background:white;color:#a0a0ad;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.check-button:hover{color:#6250e7;border-color:#6250e7}.empty{text-align:center;padding:45px 22px;border:1px dashed #d6d4e2;border-radius:18px;color:#797886;background:#ffffff60}.empty>span{font-size:34px;color:#6250e7}.empty h3{color:#393843;font-size:18px;font-weight:600;margin:14px 0 8px}.empty p{font-size:14px;line-height:1.5}.empty button{border:0;background:none;color:#6250e7;font-weight:600;font-size:14px;padding:10px}footer{font-size:13px;color:#9695a0;padding:42px 0 12px;text-align:center}footer span{color:#696674}.overlay{position:fixed;inset:0;background:#1f1a3f70;backdrop-filter:blur(5px);z-index:5;display:flex;justify-content:center;align-items:center;padding:20px}.dialog{position:relative;background:#fff;border-radius:24px;padding:34px;max-width:510px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #15112625}.dialog h2{font-family:Manrope;font-size:27px;letter-spacing:-.7px;margin:12px 0 25px}.dialog p,.dialog li{line-height:1.7;color:#646270}.close{position:absolute;right:18px;top:16px;background:none;border:0;color:#85818f;padding:5px}.dialog label{display:block;font-size:14px;font-weight:600;margin-top:18px}.dialog label span{color:#92909a;font-weight:400}.dialog input,.dialog textarea,.dialog select{display:block;width:100%;margin-top:8px;border:1px solid #dddbe4;background:#faf9fc;border-radius:10px;padding:12px;color:#272530;font-size:16px}.dialog textarea{resize:vertical;min-height:88px}.dialog input:focus,.dialog textarea:focus,.dialog select:focus{outline:2px solid #a494f7;outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submit{margin-top:27px;width:100%;background:#6250e7;color:white;border:0;border-radius:12px;padding:15px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px}.error{background:#fff0ef;color:#ae3a39;border-radius:10px;padding:12px;font-size:14px;margin-bottom:15px}.error button{background:none;border:0;text-decoration:underline;color:inherit;margin-left:8px}.spinning .dice{animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinning .dice{animation:none}}@media(min-width:1000px){.people{position:absolute;right:0;bottom:48px}}@media(max-width:900px){main{padding:24px 30px}.workspace{grid-template-columns:300px 1fr;gap:22px}.list-heading{align-items:flex-start;flex-direction:column}.list-heading .add{width:100%;justify-content:center}.draw-content h2{font-size:25px}}@media(max-width:680px){main{padding:20px 20px 12px}header{padding-bottom:28px}.brand{font-size:32px}h1{font-size:42px;letter-spacing:-1.8px}.intro{padding-bottom:28px}.people{gap:15px}.people>span{font-size:13px}.workspace{display:flex;flex-direction:column;gap:30px}.draw-card,.ideas-panel{width:100%}.draw-card{padding:23px}.draw-content{min-height:0;padding:24px 8px}.dice{font-size:54px;margin-bottom:12px}.draw-content h2{font-size:27px}.draw-content p{font-size:14px}.list-heading{flex-direction:row;align-items:center;gap:12px}.list-heading .eyebrow{font-size:10px;letter-spacing:1px}.list-heading h2{font-size:23px}.list-heading .add{width:auto;font-size:0;padding:12px;border-radius:50%}.list-heading .add svg{width:21px;height:21px}.tabs{margin-top:13px}article{padding:15px;gap:12px}.meta{gap:5px}.dialog{padding:30px 23px}.dialog h2{font-size:24px}.form-row{gap:10px}footer span{display:block;margin-top:4px}}

.c5{background:#e8e5fa;color:#7963a8}

.idea-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.edit-button{border:1px solid #e5e5ed;border-radius:50%;background:white;color:#777481;width:32px;height:32px;display:grid;place-items:center}.edit-button:hover{color:#6250e7;border-color:#6250e7}main{padding-bottom:48px}@media(max-width:680px){.idea-actions{flex-direction:column;gap:9px}}

.header-actions{display:flex;gap:15px;align-items:center}.logout{border:0;background:none;font-size:14px;color:#777481;padding:10px 2px}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding-top:40px}.login-card{width:100%;max-width:470px;background:white;border:1px solid #e4e2ed;border-radius:26px;padding:35px;margin-top:40px}.login-mark{font-size:56px;color:#6250e7;line-height:1}.login-card h1{font-size:35px;letter-spacing:-1.4px;line-height:1.2;margin:18px 0 12px}.login-card>p{color:#777481;font-size:14px;margin-bottom:28px}.login-card label{display:block;font-size:14px;font-weight:600}.login-card input{width:100%;margin:10px 0 14px;padding:14px;border:1px solid #d8d5e2;background:#faf9fc;border-radius:12px;font-size:16px}.login-card input:focus{outline:2px solid #a494f7}.login-card .submit{margin-top:10px}.login-hint{font-size:13px;color:#888490;line-height:1.6;margin:18px 0 0}@media(max-width:680px){.login-card{padding:26px;margin-top:30px}.login-card h1{font-size:31px}.header-actions{gap:10px}.logout{font-size:13px}}

.draw-filter{display:block;text-align:left;font-size:13px;font-weight:600;color:#585466;margin:0 0 14px}.draw-filter select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d8d3ea;border-radius:10px;background:white;color:#272530;font-size:16px}.draw-filter select:focus-visible{outline:2px solid #a494f7;outline-offset:2px}.draw-empty{font-size:13px;color:#777481;line-height:1.5;margin:0 0 14px}.delete-button{border:1px solid #e5e5ed;border-radius:50%;background:white;color:#a65b5b;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.delete-button:hover{color:#b52e36;border-color:#b52e36;background:#fff3f3}
