:root{--background: #e0e5ec;--text-color: #333;--shadow-light: #ffffff;--shadow-dark: #a3b1c6;--primary: #4a6fa5;--primary-light: #6789bd;--card-bg: #e0e5ec;--border-radius: 10px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--background);color:var(--text-color);line-height:1.6}.app-container{max-width:100%;padding:20px}.neumorphic{border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.neumorphic-inset{border-radius:var(--border-radius);background:var(--card-bg);box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;margin-bottom:30px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:20px}.sprint-info{font-size:1.5rem;font-weight:700;color:var(--primary)}.nav-links{display:flex;gap:20px}.nav-links span{cursor:pointer;padding:8px 15px;border-radius:var(--border-radius);transition:all .3s ease}.nav-links span:hover{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.sprint-details-section{margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);position:relative;min-height:300px}.sprint-details-section h2{margin-bottom:20px;color:var(--primary)}.form-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:4rem}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:none;border-radius:var(--border-radius);background:var(--card-bg);color:var(--text-color);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.stories-group{grid-column:1 / -1}.stories-inputs{display:flex;flex-direction:column;gap:10px}.story-input-container{display:flex;gap:10px;align-items:center}.story-input{flex:1;padding:8px 12px;border:none;border-radius:var(--border-radius);background:var(--card-bg);color:var(--text-color);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);transition:all .3s ease;font-size:.9rem}.story-input:focus{outline:none;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.add-story-btn{padding:8px 16px;border:none;border-radius:8px;background:var(--card-bg);color:var(--primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:all .3s ease}.add-story-btn:hover{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.start-poker-container{position:absolute;bottom:20px;right:20px}.start-poker-btn{padding:8px 16px;border:none;border-radius:var(--border-radius);color:#000;background:transparent;font-weight:600;cursor:pointer;box-shadow:1px 1px 2px var(--shadow-dark),-1px -1px 2px var(--shadow-light);transition:all .3s ease;font-size:.9rem}.start-poker-btn:hover{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.start-poker-btn:active{box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.sprint-points-section{position:relative;margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.sprint-points-section h2{margin-bottom:20px;color:var(--primary)}.points-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.point-card{width:60px;height:90px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);cursor:pointer;transition:all .3s ease}.point-card:hover{transform:translateY(-5px)}.point-card.selected{background:var(--primary);color:#fff;box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.stories-table-section{margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.stories-table-section h2{margin-bottom:20px;color:var(--primary)}.stories-table{width:100%;border-collapse:separate;border-spacing:0 10px}.stories-table th{text-align:left;padding:12px 15px;background:var(--primary);color:#fff}.stories-table th:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.stories-table th:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.stories-table td{padding:1rem;text-align:center;vertical-align:middle;background:var(--card-bg);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.stories-table tr td:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.stories-table tr td:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.poker-card{width:60px;height:90px;perspective:1000px;cursor:pointer;margin:0 auto}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.poker-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:all .3s ease}.card-front{color:var(--primary)}.card-back{transform:rotateY(180deg);font-weight:700;font-size:1.2rem}.poker-card:hover .card-front,.poker-card:hover .card-back{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.happiness-section{margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.happiness-section h2{margin-bottom:20px;color:var(--primary)}.happiness-container{display:flex;flex-direction:column;gap:15px}.happiness-input-group{display:flex;align-items:center;justify-content:center;margin:20px 0}.happiness-number-input{width:100px;height:50px;padding:8px 12px;font-size:18px;border:2px solid #e0e5ec;border-radius:10px;background-color:#f9f9f9;box-shadow:inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff;text-align:center;margin-right:15px;transition:all .3s ease;color:#4a6fa5;font-weight:500}.happiness-number-input:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa533,inset 3px 3px 6px #a3b1c6,inset -3px -3px 6px #fff}.happiness-number-input::-webkit-inner-spin-button,.happiness-number-input::-webkit-outer-spin-button{opacity:1;height:40px;width:30px;cursor:pointer}.happiness-value{font-size:20px;font-weight:700;color:#4a6fa5;min-width:40px;text-align:center}.submit-btn{padding:12px 25px;border:none;border-radius:var(--border-radius);background:var(--primary);color:#fff;font-weight:600;cursor:pointer;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:all .3s ease;align-self:flex-start}.submit-btn:hover{background:var(--primary-light)}.submit-btn:active{box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}@media (max-width: 768px){.form-container{grid-template-columns:1fr}.nav-links{display:none}.stories-table{display:block;overflow-x:auto}}.sprint-header{text-align:center;margin-bottom:30px;padding:20px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.sprint-header h1{color:var(--primary);margin-bottom:10px;font-size:2rem}.sprint-header h2{color:var(--text-color);font-size:1.5rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg);padding:2rem;border-radius:var(--border-radius);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);width:90%;max-width:400px}.modal-content h2{margin-bottom:1rem;color:var(--primary)}.modal-content input{width:100%;padding:.8rem;margin-bottom:1rem;border:none;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.modal-content button{width:100%;padding:.8rem;border:none;border-radius:var(--border-radius);background:var(--primary);color:#fff;cursor:pointer;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.active-story-section{margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.active-story-card{padding:20px;border-radius:var(--border-radius);background:var(--primary);color:#fff;font-size:1.2rem;text-align:center;box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.active-stories-section{margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.active-stories-container{position:relative}.active-stories-list{display:flex;flex-direction:column;gap:15px}.active-story-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.active-story-item span{flex:1;margin-right:15px;font-size:1.1rem}.active-story-item button{padding:8px 16px;border:none;border-radius:var(--border-radius);color:#000;background:transparent;font-weight:600;cursor:pointer;box-shadow:1px 1px 2px var(--shadow-dark),-1px -1px 2px var(--shadow-light);transition:all .3s ease;font-size:.9rem}.active-story-item button:hover:not(:disabled){box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.active-story-item button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.active-story-item button.active,.active-story-item button.active:hover{background-color:#32cd32!important;color:#fff!important;box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.active-story-item button.active:disabled{background-color:#32cd32!important;color:#fff!important;opacity:.7;cursor:not-allowed}.reveal-votes-container{display:flex;justify-content:flex-end;margin-top:20px;padding-right:20px}.reveal-btn{padding:12px 25px;border:none;border-radius:var(--border-radius);background:var(--primary);color:#fff;font-weight:600;cursor:pointer;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:all .3s ease}.reveal-btn:hover{background:var(--primary-light)}.reveal-btn:active{box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:capitalize;display:inline-block}.status-badge.active{background-color:#4caf50;color:#fff;box-shadow:2px 2px 4px #0000001a}.status-badge.voted{background-color:#2196f3;color:#fff;box-shadow:2px 2px 4px #0000001a}.status-badge.yet-to-vote{background-color:#ffc107;color:#000;box-shadow:2px 2px 4px #0000001a}.status-badge.left{background-color:#f44336;color:#fff;box-shadow:2px 2px 4px #0000001a}.status-badge.happiness_submitted,.status-badge.Submitted{background-color:#e3f2fd;color:#1976d2}.participants-section{display:none}.story-actions{display:flex;align-items:center;gap:15px}.story-points{font-weight:700;color:#4caf50;padding:5px 10px;border-radius:4px;background-color:#e8f5e9;box-shadow:0 2px 4px #0000001a}.story-btn{padding:8px 16px;border:none;border-radius:4px;background-color:#2196f3;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.story-btn:hover{background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.story-btn:disabled{background-color:#bdbdbd;cursor:not-allowed;transform:none;box-shadow:none}.story-btn.active{background-color:#4caf50!important}.story-btn.active:hover{background-color:#388e3c!important}.story-btn.active:disabled{background-color:#81c784!important;opacity:.8;cursor:not-allowed}.end-planning-section{margin-bottom:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);display:flex;justify-content:flex-end}.end-planning-btn{padding:12px 25px;border:none;border-radius:var(--border-radius);background:#dc3545;color:#fff;font-weight:600;cursor:pointer;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:all .3s ease}.end-planning-btn:hover{background:#c82333;transform:translateY(-2px)}.end-planning-btn:active{box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.planning-controls{display:flex;gap:1rem;padding:1rem}.show-happiness-btn{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.end-planning-btn{padding:.5rem 1rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.end-planning-btn:hover{background-color:#da190b}.happiness-rating{display:inline-block;padding:4px 8px;border-radius:4px;background-color:#e8f5e9;color:#2e7d32;font-weight:700;box-shadow:0 2px 4px #0000001a}.happiness-rating:empty:before{content:"-";color:#757575}.table-controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.control-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.show-happiness-btn{background-color:#4caf50;color:#fff}.show-happiness-btn:hover{background-color:#45a049}.reveal-happiness-btn{background-color:#2196f3;color:#fff}.reveal-happiness-btn:hover{background-color:#1976d2}.reveal-btn{background-color:#ff9800;color:#fff}.reveal-btn:hover{background-color:#f57c00}.happiness-display{font-size:24px;font-weight:600;color:var(--primary);min-width:60px;text-align:center;background:var(--card-bg);padding:8px 16px;border-radius:var(--border-radius);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);border:none;outline:none;cursor:text;transition:all .3s ease;-moz-appearance:textfield}.happiness-display::-webkit-outer-spin-button,.happiness-display::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hidden{display:none}.happiness-display.revealed .happiness-rating{color:#2196f3;font-weight:600}.copy-url-btn{padding:8px 16px;border:none;border-radius:var(--border-radius);background:#2196f3;color:#fff;font-weight:600;cursor:pointer;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:all .3s ease;font-size:.9rem}.copy-url-btn:hover{background:#1976d2;transform:translateY(-2px)}.copy-url-btn:active{box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.form-group input:disabled,.form-group textarea:disabled,.story-input:disabled{color:#666;cursor:not-allowed;opacity:.8;box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffff80}.session-controls-section{margin-top:30px;padding:25px;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);display:flex;justify-content:flex-end}.session-controls{display:flex;justify-content:flex-end;padding:1rem}.delete-session-btn{padding:12px 25px;background:#f44;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}.delete-session-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.delete-session-btn:active{transform:translateY(0);box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.story-edit-container{display:flex;align-items:center;gap:10px;flex:1;margin-right:15px}.story-edit-input{flex:1;padding:8px 12px;border:none;border-radius:var(--border-radius);background:var(--card-bg);color:var(--text-color);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light);transition:all .3s ease;font-size:1rem}.story-edit-input:focus{outline:none;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.story-edit-btn,.story-submit-btn,.story-cancel-btn{width:30px;height:30px;border:none;border-radius:50%;background:var(--card-bg);color:var(--primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:all .3s ease}.story-edit-btn:hover,.story-submit-btn:hover,.story-cancel-btn:hover{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.story-submit-btn{color:#4caf50}.story-cancel-btn{color:#f44336}.timer-controls{display:flex;align-items:center;gap:8px;margin-left:auto;background:var(--card-bg);padding:6px 12px;border-radius:var(--border-radius);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.timer-display{font-size:18px;font-weight:600;color:var(--primary);min-width:50px;text-align:center;background:var(--card-bg);padding:6px 12px;border-radius:var(--border-radius);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.timer-reduce-btn,.timer-add-btn,.timer-start-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--card-bg);color:var(--primary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:all .3s ease}.timer-reduce-btn:hover,.timer-add-btn:hover,.timer-start-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.timer-reduce-btn:active,.timer-add-btn:active,.timer-start-btn:active{transform:translateY(1px);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.timer-start-btn{width:auto;padding:0 16px;font-size:14px;background:var(--primary);color:#fff;border-radius:16px}.participants-title{display:flex;align-items:center;width:100%;font-size:18px;font-weight:500;color:var(--primary);margin-bottom:15px}.slave-timer-display{position:absolute;top:15px;right:15px;background:var(--card-bg);padding:8px 16px;border-radius:var(--border-radius);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);display:flex;align-items:center;gap:8px;z-index:10}.slave-timer-label{font-size:14px;color:var(--primary);font-weight:500}.slave-timer-value{font-size:18px;font-weight:600;color:var(--primary);min-width:40px;text-align:center;background:var(--card-bg);padding:4px 8px;border-radius:var(--border-radius);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.timer-display.warning{color:#ff9800;animation:blink 1s infinite}.timer-display.danger{color:#f44336;animation:blink .5s infinite}.slave-timer-value.warning{color:#ff9800;animation:blink 1s infinite}.slave-timer-value.danger{color:#f44336;animation:blink .5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.story-points-edit{display:flex;align-items:center;gap:8px}.story-points-input{width:60px;padding:4px 8px;border:none;border-radius:var(--border-radius);background:var(--card-bg);color:var(--text-color);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light);transition:all .3s ease;font-size:.9rem;text-align:center}.story-points-input:focus{outline:none;box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.story-points-input::-webkit-inner-spin-button,.story-points-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.download-section{display:flex;justify-content:center;gap:20px;margin-top:30px;padding:20px}.download-pdf-btn,.add-story-btn{padding:12px 25px;height:48px;border:none;border-radius:var(--border-radius);background:var(--primary);color:#fff;font-weight:600;cursor:pointer;box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);transition:all .3s ease;font-size:1rem;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center;line-height:1}.download-pdf-btn:hover,.add-story-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.download-pdf-btn:active,.add-story-btn:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #0003,inset -3px -3px 6px #ffffff1a}.download-pdf-btn:before{content:"📄";font-size:1.2rem;line-height:1}.add-story-btn:before{content:"➕";font-size:1.2rem;line-height:1}.download-pdf-btn:hover:before,.add-story-btn:hover:before{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.happiness-number-input{width:80px;height:40px;padding:8px 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#f9f9f9;box-shadow:inset 0 1px 3px #0000001a;text-align:center;margin-right:10px}.happiness-number-input:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533}.happiness-number-input::-webkit-inner-spin-button,.happiness-number-input::-webkit-outer-spin-button{opacity:1;height:30px}.happiness-controls{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--card-bg);padding:12px;border-radius:var(--border-radius);box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}.happiness-input-group{display:flex;align-items:center;gap:8px}.happiness-display{font-size:24px;font-weight:600;color:var(--primary);min-width:60px;text-align:center;background:var(--card-bg);padding:8px 16px;border-radius:var(--border-radius);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.happiness-reduce-btn,.happiness-add-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--card-bg);color:var(--primary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:all .3s ease}.happiness-reduce-btn:hover,.happiness-add-btn:hover{transform:translateY(-2px);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.happiness-reduce-btn:active,.happiness-add-btn:active{transform:translateY(1px);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.happiness-submit-btn{padding:8px 24px;border:none;border-radius:var(--border-radius);background:var(--primary);color:#fff;font-weight:600;cursor:pointer;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:all .3s ease;font-size:1rem;margin-top:8px}.happiness-submit-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.happiness-submit-btn:active{transform:translateY(1px);box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.add-story-round-btn{width:30px;height:30px;border:none;border-radius:50%;background:var(--card-bg);color:var(--primary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:all .3s ease}.add-story-round-btn:hover{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.documentation-container{min-height:100vh;background-color:#e4ebf5;color:#2b3044;padding:20px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#e4ebf5;box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.logo{font-size:1.5rem;font-weight:700;color:#2b3044}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links span,.nav-links .nav-link{color:#4b4f6c;cursor:pointer;text-decoration:none;font-size:1rem;transition:color .3s ease}.nav-links span:hover,.nav-links .nav-link:hover{color:#2b3044}.content-wrapper{max-width:1200px;margin:0 auto;padding:2rem}.doc-section{margin-bottom:3rem;padding:2rem;border-radius:15px;background:#e4ebf5;box-shadow:.3rem .3rem .6rem #c8d0e7,-.2rem -.2rem .5rem #fff}.doc-section h1{font-size:2.5rem;margin-bottom:1rem;color:#2b3044}.doc-section h2{font-size:2rem;margin-bottom:1.5rem;color:#2b3044}.doc-section h3{font-size:1.5rem;margin-bottom:1rem;color:#2b3044}.intro{font-size:1.2rem;line-height:1.6;color:#4b4f6c}.tech-grid,.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}.tech-card,.feature-card{padding:1.5rem;border-radius:10px;background:#e4ebf5;box-shadow:inset .2rem .2rem .5rem #c8d0e7,inset -.2rem -.2rem .5rem #fff}.tech-card h3,.feature-card h3{color:#2b3044;margin-bottom:1rem}.tech-card p{color:#4b4f6c;margin-bottom:1rem}.tech-card ul,.feature-card ul{list-style:none;padding-left:0}.tech-card li,.feature-card li{margin-bottom:.5rem;color:#4b4f6c;padding-left:1.5rem;position:relative}.tech-card li:before,.feature-card li:before{content:"•";position:absolute;left:0;color:#6b8aff}.architecture-content,.getting-started-content{margin-top:1.5rem}.architecture-content ul,.getting-started-content ol{padding-left:1.5rem;margin-bottom:2rem}.architecture-content li,.getting-started-content li{margin-bottom:.5rem;color:#4b4f6c;line-height:1.6}.getting-started-content ol{counter-reset:item;list-style:none}.getting-started-content li{counter-increment:item;position:relative;padding-left:2rem}.getting-started-content li:before{content:counter(item) ".";position:absolute;left:0;color:#6b8aff;font-weight:700}@media (max-width: 768px){.content-wrapper{padding:1rem}.doc-section{padding:1.5rem;margin-bottom:2rem}.tech-grid,.feature-grid{grid-template-columns:1fr}.doc-section h1{font-size:2rem}.doc-section h2{font-size:1.75rem}.doc-section h3{font-size:1.25rem}}:root{--background: #e0e5ec;--text-color: #333}body{margin:0;padding:0;background-color:var(--background);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}