*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{width:100vw;height:100vh;max-width:100vw;max-height:100vh;overflow:hidden;position:relative}.app-container[data-v-39c39fe8]{width:100%;height:100%;position:relative;overflow:hidden}.main-screen[data-v-39c39fe8]{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#8fbc8f,#6b8e23,#556b2f);background-image:radial-gradient(circle at 20% 50%,rgba(139,195,74,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(107,142,35,.3) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 Q25,30 50,50 T100,50 L100,100 L0,100 Z' fill='rgba(107, 142, 35, 0.1)'/%3E%3Cpath d='M0,60 Q25,40 50,60 T100,60 L100,100 L0,100 Z' fill='rgba(85, 107, 47, 0.1)'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,200px 200px;background-position:0 0,0 0,0 0;transition:transform .3s ease;position:relative;overflow:hidden}.main-screen[data-v-39c39fe8]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,60 Q30,40 60,60 T120,60 L120,120 L0,120 Z' fill='rgba(107, 142, 35, 0.15)'/%3E%3Cpath d='M0,70 Q30,50 60,70 T120,70 L120,120 L0,120 Z' fill='rgba(85, 107, 47, 0.15)'/%3E%3C/svg%3E");background-size:300px 300px;background-position:0 0;animation:wave-39c39fe8 20s linear infinite;pointer-events:none}@keyframes wave-39c39fe8{0%{background-position:0 0}to{background-position:300px 0}}.main-screen.show-history[data-v-39c39fe8]{transform:translate(-100%)}.display-panel[data-v-39c39fe8]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;min-height:0;position:relative;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.digit-display[data-v-39c39fe8]{display:flex;gap:.4rem;margin-bottom:1rem;font-family:Courier New,monospace}.digit[data-v-39c39fe8]{width:60px;height:90px;background:linear-gradient(135deg,#556b2f,#6b8e23);color:beige;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border-radius:10px;box-shadow:0 4px 20px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.5);border:2px solid rgba(139,195,74,.4);position:relative;z-index:1}.last-entry[data-v-39c39fe8]{background:linear-gradient(135deg,#8fbc8f66,#6b8e2366);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:10px;text-align:center;color:#2d3e1f;min-width:200px;max-width:90%;border:1px solid rgba(139,195,74,.4);box-shadow:0 4px 12px #0003;position:relative;z-index:1}.last-entry-label[data-v-39c39fe8]{font-size:.7rem;opacity:.9;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#2d3e1f}.last-entry-time[data-v-39c39fe8]{font-size:.75rem;opacity:.8;margin-bottom:.35rem;color:#2d3e1f}.last-entry-value[data-v-39c39fe8]{font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;color:#1a3d1a;margin-bottom:.75rem}.next-page[data-v-39c39fe8]{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(139,195,74,.3)}.next-page-label[data-v-39c39fe8]{font-size:.7rem;opacity:.9;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#2d3e1f}.next-page-value[data-v-39c39fe8]{font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;color:#6b8e23;margin-bottom:.5rem}.next-page-ayah[data-v-39c39fe8]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(139,195,74,.2)}.next-page-surah[data-v-39c39fe8]{font-size:.75rem;font-weight:600;color:#2d3e1f;margin-bottom:.35rem;direction:rtl;text-align:right}.next-page-ayah-text[data-v-39c39fe8]{font-size:.95rem;font-weight:500;color:#1a3d1a;margin-bottom:.35rem;direction:rtl;text-align:right;line-height:1.5;font-family:Amiri,Traditional Arabic,Arabic Typesetting,serif}.next-page-ayah-ref[data-v-39c39fe8]{font-size:.7rem;color:#6b8e23;opacity:.9;text-align:right}.next-page-loading[data-v-39c39fe8]{font-size:.8rem;color:#6b8e23;opacity:.8;font-style:italic;margin-bottom:.35rem}.keyboard[data-v-39c39fe8]{padding:1rem;background:#556b2f4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.keyboard-row[data-v-39c39fe8]{display:flex;gap:.75rem;margin-bottom:.75rem;justify-content:center}.keyboard-row[data-v-39c39fe8]:last-child{margin-bottom:0}.key[data-v-39c39fe8]{flex:1;max-width:120px;height:60px;border:none;border-radius:12px;background:linear-gradient(135deg,beige,#e8e8d3);color:#2d3e1f;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0003;touch-action:manipulation}.key[data-v-39c39fe8]:active{transform:scale(.95);background:linear-gradient(135deg,#e8e8d3,#d4d4aa)}.key.del[data-v-39c39fe8]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.key.del[data-v-39c39fe8]:active{background:linear-gradient(135deg,#dc2626,#b91c1c)}.key.add[data-v-39c39fe8]{background:linear-gradient(135deg,#8fbc8f,#6b8e23);color:beige;font-size:2rem;box-shadow:0 2px 8px #6b8e2366}.key.add[data-v-39c39fe8]:active{background:linear-gradient(135deg,#6b8e23,#556b2f)}.key.enter[data-v-39c39fe8]{width:100%;max-width:none;background:linear-gradient(135deg,#8fbc8f,#6b8e23,#556b2f);color:beige;font-size:1.25rem;box-shadow:0 4px 12px #6b8e2366}.key.enter[data-v-39c39fe8]:active{background:linear-gradient(135deg,#6b8e23,#556b2f,#3d4f2d)}.history-button[data-v-39c39fe8]{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#8fbc8f80,#6b8e2380);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2d3e1f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0003;border:1px solid rgba(139,195,74,.4);z-index:2}.history-button[data-v-39c39fe8]:active{transform:scale(.95)}.history-screen[data-v-39c39fe8]{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;z-index:10}.history-screen.show[data-v-39c39fe8]{transform:translate(0)}.history-header[data-v-39c39fe8]{background:linear-gradient(135deg,#8fbc8f,#6b8e23,#556b2f);color:beige;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a}.back-button[data-v-39c39fe8]{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#8fbc8f80,#6b8e2380);color:#2d3e1f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border:1px solid rgba(139,195,74,.4)}.back-button[data-v-39c39fe8]:active{transform:scale(.95)}.history-header h2[data-v-39c39fe8]{font-size:1.25rem;font-weight:600}.history-content[data-v-39c39fe8]{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch}.empty-history[data-v-39c39fe8]{text-align:center;color:#999;padding:3rem 1rem;font-size:1rem}.history-list[data-v-39c39fe8]{display:flex;flex-direction:column;gap:.75rem}.history-item[data-v-39c39fe8]{background:linear-gradient(135deg,#fff,#f0fdf4);padding:1rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 2px 4px #0000001a;border:1px solid rgba(34,197,94,.1)}.history-info[data-v-39c39fe8]{flex:1;display:flex;flex-direction:column;gap:.25rem}.history-time[data-v-39c39fe8]{color:#666;font-size:.9rem}.history-value[data-v-39c39fe8]{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;color:#333}.delete-button[data-v-39c39fe8]{width:40px;height:40px;border-radius:8px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0;box-shadow:0 2px 6px #ef44444d}.delete-button[data-v-39c39fe8]:active{transform:scale(.95);background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (min-width: 768px){.app-container[data-v-39c39fe8]{max-width:414px;margin:0 auto;border-left:1px solid #ddd;border-right:1px solid #ddd}}