*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;background:linear-gradient(to bottom right,#fffaf2,#fff5e1);width:100%;height:100%;font-family:Poppins,Noto Sans Devanagari,system-ui,sans-serif}.settings-view{text-align:center;flex-direction:column;gap:1rem;max-width:500px;height:calc(100vh - 120px);margin:0 auto;padding:1.5rem;display:flex}.dropdown-container{margin-top:.5rem}.styled-dropdown{color:#333;text-align:center;cursor:pointer;background:#fff7e6;border:2px solid #f59e0b;border-radius:10px;width:100%;padding:.6rem 1rem;font-size:1.2rem;font-weight:600}.custom-input{justify-content:center;gap:.5rem;display:flex}.custom-input input{border:2px solid #f59e0b;border-radius:10px;flex:1;padding:.5rem .8rem;font-size:1rem}.custom-input button{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:10px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.custom-input button:hover{background:#d97706}.stats-box{background:#fff7e6;border-radius:12px;padding:1rem;box-shadow:0 2px 6px #0000001a}.highlight{color:#d97706;margin-top:.5rem;font-size:1.6rem;font-weight:700}.history-section{background:#fff8ec;border-radius:12px;flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.history-section h3{margin:0 0 .5rem}.history-scroll{flex:1;max-height:250px;padding-right:6px;overflow-y:auto}.history-scroll::-webkit-scrollbar{width:6px}.history-scroll::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}.history-scroll::-webkit-scrollbar-track{background:#fef9c3}.history-scroll ul{margin:0;padding:0;list-style:none}.history-scroll li{border-bottom:1px solid #f1d8a8;justify-content:space-between;padding:.4rem 0;font-size:1rem;display:flex}.history-scroll li:last-child{border-bottom:none}.no-history{color:#999;margin-top:1rem}.reset-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:.6rem 1.2rem;font-weight:700;transition:all .2s}.analytics-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem .8rem;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .12s;display:flex;box-shadow:0 2px 6px #f59e0b40}.analytics-btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b40}.analytics-btn:active{transform:scale(.97)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html,#root{color:#333;background:linear-gradient(#fff8e7,#fff);height:100%;margin:0;font-family:Noto Sans Devanagari,Poppins,sans-serif}.app{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;min-height:100vh;padding:20px;display:flex;overflow:hidden}header h1{color:#d97706;margin-bottom:10px;font-size:2rem}.tabs{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.tabs button{color:#333;cursor:pointer;background:#e5e7eb;border:none;border-radius:6px;padding:8px 14px;font-weight:600}.tabs button.active{color:#fff;background:#f59e0b}main{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.counter-view,.settings-view{flex-direction:column;align-items:center;gap:20px;display:flex}.counter-view{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.mantra-container{text-align:center;justify-content:center;align-items:flex-end;width:100%;min-height:60px;display:flex}.mantra{color:#b45309;word-break:break-word;white-space:pre-wrap;max-width:90%;margin:0;line-height:2}.hint{color:#999;margin-bottom:10px;font-size:.85rem}.counter-circle{justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.count-display{text-align:center;color:#d97706;justify-content:center;align-items:center;display:flex;position:absolute}.count-display h2{margin:0;font-size:3rem}.stats{margin-bottom:50px;font-size:1.5rem}.settings-view select{border:1px solid #ccc;border-radius:8px;padding:10px;font-size:1rem}.reset-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;transition:all .3s}.reset-btn:hover{background:#dc2626}footer{color:#666;text-align:center;-webkit-user-select:none;user-select:none;margin-top:auto;padding:10px 0;font-size:.9rem}@media (min-width:768px){.counter-circle{width:300px;height:300px}.count-display h2{font-size:3.5rem}}.count-display,.count-display h2,.mantra,.stats,button,h1,small,main{-webkit-user-select:none;user-select:none}.analytics-page{max-width:500px;margin:0 auto;padding:70px 1rem 1rem;font-family:inherit}.header-bar{z-index:20;background:#fff7e6;align-items:center;height:55px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 5px #0000001a}.header-back{cursor:pointer;color:#d97706;background:0 0;border:none;margin-right:10px;padding:0;font-size:1.5rem}.header-title{color:#d97706;font-size:1.25rem;font-weight:700}.stats-row{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.stats-card{text-align:center;background:#fff7e6;border-radius:14px;flex:1;padding:1rem;box-shadow:0 2px 6px #00000014}.stats-card h3{color:#d97706;margin-top:.4rem;font-size:1.4rem}.section-title{color:#d97706;text-align:center;margin-top:2rem;font-size:1.2rem}.goal-box{background:#fff7e6;border-radius:14px;margin-top:1rem;padding:1rem;box-shadow:0 2px 6px #00000014}.progress-bar{background:#ffe8c2;border-radius:12px;width:100%;height:12px;margin:.7rem 0;overflow:hidden}.progress-fill{background:#f59e0b;border-radius:12px;height:100%;transition:width .4s ease-out}.progress-text{text-align:center;color:#444;font-size:.95rem}.achieved-box{background:#fff7e6;border-radius:14px;margin-top:1rem;padding:1rem;box-shadow:0 2px 6px #00000014}.achieved-box ul{margin:0;padding:0;list-style:none}.achieved-box li{border-bottom:1px solid #f1d8a8;justify-content:space-between;padding:.4rem 0;font-size:1rem;display:flex}.achieved-box li:last-child{border-bottom:none}.tick{color:#22c55e;font-weight:700}.no-goals{text-align:center;color:#777}