.app-grid{display:grid;grid-template-rows:auto auto auto;gap:20px;padding:20px;background-color:#d0eaff;min-height:100vh;box-sizing:border-box;font-family:Arial,sans-serif;place-items:center}.app-grid>*{width:100%;max-width:600px}.header{display:flex;flex-direction:column;align-items:center;gap:6px}h1{margin:0;font-size:1.8em}.countdown{font-size:1.1em;color:#555}.input-wrapper{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}input[type=text]{padding:10px 14px;border:1px solid #ccc;border-radius:8px;outline:none;font-size:1em;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px rgba(0,0,0,.05);width:100%;max-width:300px;flex:1}input[type=text]:focus{border-color:#66b3ff;box-shadow:0 0 0 3px rgba(102,179,255,.3)}.add-button{background-color:#66b3ff;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:1.2em;cursor:pointer;transition:background-color .2s}.add-button:hover{background-color:#39f}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.tag{display:inline-block;background-color:#39f;color:#fff;padding:8px 12px;margin:6px;border-radius:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s;max-width:100vw;word-break:break-word}.tag,.tag-text{white-space:normal}.tag-text{pointer-events:none}.tag-remove{position:absolute;top:-6px;right:-6px;background:#ff4d4d;color:#fff;font-weight:700;border-radius:50%;width:20px;height:20px;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.tag:hover .tag-remove{opacity:1}