*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#fff;position:relative;overflow:hidden;height:100vh;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screen-border{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000;opacity:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(255,152,0,.1) 70%,rgba(255,152,0,.3) 80%,rgba(255,152,0,.5) 88%,rgba(255,152,0,.7) 94%,rgba(255,152,0,.9) 100%);transition:opacity .15s ease-out}.screen-border.active{opacity:1;animation:borderPulse .6s ease-out}@keyframes borderPulse{0%{opacity:0;transform:scale(1)}30%{opacity:1;transform:scale(1.02)}to{opacity:.8;transform:scale(1)}}.app-container{height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.page{flex:1;display:none;overflow-y:auto;padding:20px}.page.active{display:flex;flex-direction:column}.chart-page{padding:20px 10px}.chart-container{flex:1;display:flex;flex-direction:column;min-height:0}#barChart{width:100%;height:400px;max-width:100%;border:2px solid #ddd;border-radius:12px;background:#fafafa;display:block;box-sizing:border-box}.chart-controls{margin-top:20px;text-align:center;flex-shrink:0}.numpad-page{justify-content:center;align-items:center;padding:20px}.numpad-container{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:600px}.grid{display:grid;grid-template-columns:repeat(3,min(150px,28vw));gap:min(20px,4vw);justify-content:center}.dice-button{background:#f8f9fa;color:#333;border:2px solid #dee2e6;border-radius:16px;padding:20px 16px;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(150px,28vw);height:min(120px,22vw);box-shadow:0 2px 8px #0000001a;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dice-button:hover:not(:disabled){background:#e9ecef;border-color:#ff9800;transform:translateY(-2px);box-shadow:0 4px 12px #ff980033}.dice-button:active:not(:disabled){background:#dee2e6;transform:translateY(0)}.dice-button:disabled{background:#f1f3f4;color:#6c757d;cursor:not-allowed;opacity:.6}.number{font-size:min(32px,6vw);font-weight:700}.count{font-size:min(16px,3.5vw);color:#666;font-weight:500}.data-page{padding:20px}.data-container{flex:1;display:flex;flex-direction:column;min-height:0}.data-container label{font-size:18px;color:#333;margin-bottom:15px;font-weight:600}#dataInput{flex:1;padding:20px;border:2px solid #ddd;border-radius:12px;font-size:16px;font-family:Courier New,monospace;resize:none;background:#f8f9fa;line-height:1.6;min-height:300px}#dataInput:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #ff98001a}.data-controls{margin-top:20px;text-align:center;flex-shrink:0}.btn{border:none;border-radius:12px;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn-reset{background:#6c757d;color:#fff}.btn-reset:hover{background:#545b62}.btn-copy{background:#ff9800;color:#fff}.btn-copy:hover{background:#e68900}.bottom-navbar{height:80px;background:#fff;border-top:2px solid #f1f3f4;display:flex;align-items:center;justify-content:center;box-shadow:0 -4px 12px #0000001a;flex-shrink:0}.nav-buttons{display:flex;justify-content:space-around;width:100%;max-width:500px}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;background:none;border:none;cursor:pointer;border-radius:12px;transition:all .2s ease;color:#666;flex:1;max-width:100px}.nav-btn.active{color:#ff9800;background:#ff98001a;transform:translateY(-1px)}.nav-btn:hover:not(.active){background:#f8f9fa;color:#333}.nav-icon{font-size:24px;line-height:1}.nav-label{font-size:12px;font-weight:600}.toast{position:fixed;top:20px;right:20px;background:#333;color:#fff;padding:15px 25px;border-radius:12px;z-index:2000;transform:translate(400px);transition:transform .3s ease;max-width:350px;word-wrap:break-word;box-shadow:0 4px 12px #0000004d;font-weight:500}.toast.show{transform:translate(0)}.toast.success{background:#ff9800}.toast.info{background:#17a2b8}.toast.error{background:#dc3545}@media (max-width: 768px){.page{padding:15px}.chart-page{padding:15px 10px}.numpad-page,.data-page{padding:15px}.btn{padding:12px 24px;font-size:14px}.nav-icon{font-size:20px}.nav-label{font-size:11px}.toast{top:10px;right:10px;left:10px;max-width:none;transform:translateY(-100px)}.toast.show{transform:translateY(0)}.bottom-navbar{height:70px}}@media (max-width: 480px){.page{padding:10px}.chart-page{padding:10px 5px}.numpad-page,.data-page{padding:10px}.grid{gap:min(15px,3vw)}.dice-button{border-radius:12px}.nav-btn{padding:8px 12px}}