*{margin:0;padding:0;box-sizing:border-box}html{touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#fafafa;transition:background .3s ease}.app.dark{background:#1a1a1a}.top-buttons{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:100}.icon-button{width:44px;height:44px;border-radius:50%;border:none;background:#fff;font-size:20px;cursor:pointer;box-shadow:0 2px 10px #0000001a;transition:all .2s ease}.icon-button:hover{transform:scale(1.1)}.app.dark .icon-button{background:#333;box-shadow:0 2px 10px #0000004d}.settings-panel{position:fixed;top:80px;right:20px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000026;z-index:99;max-width:350px;max-height:calc(100vh - 100px);overflow-y:auto;animation:slideIn .2s ease}.app.dark .settings-panel{background:#2a2a2a;box-shadow:0 4px 20px #0006}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-panel h3{margin-bottom:16px;font-size:1.1rem;color:#1a1a1a}.app.dark .settings-panel h3{color:#fff}.setting-row{margin-bottom:16px}.setting-row:last-child{margin-bottom:0}.setting-row label{display:block;font-size:.85rem;color:#666;margin-bottom:8px}.app.dark .setting-row label{color:#999}.setting-options{display:flex;flex-wrap:wrap;gap:8px}.option-button{padding:8px 12px;border:2px solid #e5e5e5;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .15s ease}.option-button:hover{border-color:#ccc}.option-button.active{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.app.dark .option-button{background:#333;border-color:#444;color:#eee}.app.dark .option-button:hover{border-color:#666}.app.dark .option-button.active{border-color:#fff;background:#fff;color:#1a1a1a}.container{max-width:400px;width:100%;text-align:center}.title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;transition:color .3s ease}.app.dark .title{color:#fff}.subtitle{font-size:1rem;color:#666;margin-bottom:40px;transition:color .3s ease}.app.dark .subtitle{color:#999}.chicken{font-size:80px;margin-bottom:40px;display:inline-block;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;transition:transform .1s ease}.chicken:hover{transform:scale(1.1)}.chicken:active{transform:scale(.95)}.chicken.clucking{animation:cluck .15s ease-in-out 3!important}@keyframes cluck{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(5deg)}}.chicken.idle{animation:bob 1s ease-in-out infinite}.chicken.walking{animation:shake .1s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-5deg)}75%{transform:translate(5px) rotate(5deg)}}.decisions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.decisions-grid .decision-card:last-child:nth-child(odd){grid-column:span 2}.decision-card{padding:16px 12px;background:#fff;border:2px solid #e5e5e5;border-radius:12px;font-size:.95rem;font-weight:500;color:#333;transition:all .15s ease}.app.dark .decision-card{background:#2a2a2a;border-color:#444;color:#eee}.decision-card.active{transform:scale(1.02)}.decision-card.selected{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.result{margin-bottom:32px;animation:fadeIn .3s ease}.result-label{display:block;font-size:.875rem;color:#666;margin-bottom:8px;transition:color .3s ease}.app.dark .result-label{color:#999}.result-text{display:block;font-size:1.5rem;font-weight:700;color:#22c55e}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button{width:100%;padding:16px 32px;font-size:1rem;font-weight:600;color:#fff;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.app.dark .button{background:#fff;color:#1a1a1a}.button.has-result,.app.dark .button.has-result{color:#fff}.button:hover:not(:disabled){background:#333;transform:translateY(-2px)}.app.dark .button:hover:not(:disabled){background:#e5e5e5}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{background:#ccc;cursor:not-allowed}.app.dark .button:disabled{background:#444;color:#888}.disclaimer{margin-top:24px;font-size:.75rem;color:#999;transition:color .3s ease}.app.dark .disclaimer{color:#666}.slider-row{display:flex;align-items:center;gap:10px}.slider-label{font-size:.75rem;color:#888;min-width:50px}.slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e5e5;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#1a1a1a;border-radius:50%;cursor:pointer}.app.dark .slider{background:#444}.app.dark .slider::-webkit-slider-thumb{background:#fff}.decisions-list{display:flex;flex-direction:column;gap:8px}.decision-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f5f5f5;border-radius:8px}.app.dark .decision-item{background:#333}.decision-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.decision-text{flex:1;font-size:.85rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.dark .decision-text{color:#eee}.decision-confetti{font-size:.85rem}.small-button{width:28px;height:28px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:14px;transition:background .15s ease}.small-button:hover:not(:disabled){background:#0000001a}.small-button:disabled{opacity:.3;cursor:not-allowed}.app.dark .small-button:hover:not(:disabled){background:#ffffff1a}.add-button{padding:10px;border:2px dashed #ccc;background:transparent;border-radius:8px;color:#666;font-size:.85rem;cursor:pointer;transition:all .15s ease}.add-button:hover{border-color:#999;color:#333}.app.dark .add-button{border-color:#555;color:#999}.app.dark .add-button:hover{border-color:#777;color:#eee}.edit-form{margin-top:16px;padding:16px;background:#f0f0f0;border-radius:12px}.app.dark .edit-form{background:#222}.form-row{margin-bottom:12px}.form-row label{display:block;font-size:.8rem;color:#666;margin-bottom:4px}.app.dark .form-row label{color:#999}.text-input{width:100%;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s ease}.text-input:focus{border-color:#1a1a1a}.app.dark .text-input{background:#333;border-color:#444;color:#eee}.app.dark .text-input:focus{border-color:#666}.color-input{width:50px;height:36px;padding:2px;border:2px solid #ddd;border-radius:8px;cursor:pointer}.app.dark .color-input{border-color:#444}.checkbox-row label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#333}.app.dark .checkbox-row label{color:#eee}.checkbox-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-buttons{display:flex;gap:8px;margin-top:12px}.save-button,.cancel-button{flex:1;padding:10px;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.save-button{background:#22c55e;color:#fff}.save-button:hover{background:#16a34a}.cancel-button{background:#e5e5e5;color:#666}.cancel-button:hover{background:#d5d5d5}.app.dark .cancel-button{background:#444;color:#ccc}.app.dark .cancel-button:hover{background:#555}.reset-button{width:100%;margin-top:16px;padding:12px;border:2px solid #ef4444;background:transparent;border-radius:8px;color:#ef4444;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.reset-button:hover{background:#ef4444;color:#fff}