body{
      margin:0;
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
      background:#dff2ff;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:12px;
      color:#333;
      padding:16px;
      box-sizing:border-box;
      position:relative;
      overflow-x:hidden;
    }
    h1{color:#ff6f91; margin:6px 0 0 0; font-size:22px; text-shadow:0 1px 2px rgba(255,255,255,0.5)}
    button#addIdeaBtn { background-color: #ff6e92; color: white; }
    #wheelContainer{ width:min(88vw,620px); aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; position:relative; z-index:2; }
    canvas#wheel{ width:95%; height:95%; border-radius:50%; box-shadow:0 6px 18px rgba(0,0,0,0.12); border:6px solid #f7dfa6; transform: rotate(0deg); background:transparent; }
    #pointer{ position:absolute; top:6px; left:50%; transform:translateX(-50%) rotate(180deg); width:0;height:0; border-left:14px solid transparent; border-right:14px solid transparent; border-bottom:22px solid #ff6f91; z-index:3; filter:drop-shadow(0 2px 2px rgba(0,0,0,0.15)); }
    #controls{ width:min(420px,92vw); display:flex; gap:10px; justify-content:center; margin-top:6px; z-index:2; }
    button{cursor:pointer; padding:12px 22px; border-radius:12px; border:none; font-size:18px;}
    #spinBtn{background:#ff6f91; color:white; box-shadow:0 6px 16px rgba(0,0,0,0.12);}
    #resetBtn{background:#ffddeb; color:#d14f72; box-shadow:0 6px 16px rgba(0,0,0,0.12);}
    #banner{ width:min(420px,92vw); background:#fff8fc; border-radius:10px; padding:10px 12px; color:#d14f72; text-align:center; display:none; box-shadow:0 4px 12px rgba(0,0,0,0.06); z-index:2; }
    #editor{ width:min(420px,92vw); background:#ffe6f2; border-radius:12px; padding:12px; box-shadow:0 4px 12px rgba(0,0,0,0.12); z-index:2; }
    #editor h2{color:#ff6f91;font-size:16px;margin:0 0 8px 0}
    .row{display:flex;gap:8px}
    input[type='text']{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd}
    .listItem{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #f0e7ec}
    .removeBtn{background:none;border:none;color:#d14f72;font-size:16px}
    ul#historyList{margin:6px 0 0 0;padding-left:18px}
    .confetti{ position:fixed; width:10px; height:14px; opacity:0.95; z-index:9999; pointer-events:none; border-radius:2px; animation: fall 2.8s linear forwards; }
    @keyframes fall{ to { transform: translateY(110vh) rotate(600deg); opacity:0; }}
    .cloud{ position:absolute; background:white; border-radius:50px; filter:blur(2px) opacity(0.9); animation: float linear infinite; z-index:1; }
    @keyframes float{ from { transform: translateX(-20vw); } to { transform: translateX(120vw); } }