:root{--paper-bg: #f5efe6;--paper-bg-dark: #e8dfd2;--marker-purple: #2D1B69;--marker-purple-light: #4a3580;--text-primary: #2D1B69;--text-secondary: #5a4a7a;--font-hand: "Gaegu", cursive;--radius: 12px;--shadow: 0 2px 8px rgba(45, 27, 105, .15);--shadow-hover: 0 4px 16px rgba(45, 27, 105, .25)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-hand);background-color:var(--paper-bg);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.paper-bg{background-color:var(--paper-bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(200,180,150,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(180,160,130,.06) 0%,transparent 50%)}.app-container{width:100%;height:100%;position:relative;overflow:hidden}.screen{width:100%;height:100%;position:absolute;top:0;left:0}.btn{font-family:var(--font-hand);font-size:1.3rem;font-weight:600;padding:12px 28px;border:3px solid var(--marker-purple);border-radius:var(--radius);background:transparent;color:var(--text-primary);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:48px;min-width:48px;line-height:1.2}.btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn:active{transform:scale(.96);box-shadow:none}.btn-primary{background:var(--marker-purple);color:#fff}.btn-primary:hover{background:var(--marker-purple-light)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-small{font-size:1.1rem;padding:8px 18px}.btn-icon{padding:10px;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.btn-icon.active{background:var(--marker-purple);color:#fff}.toolbar{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 16px;background:#f5efe6f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);box-shadow:var(--shadow)}.toolbar-bottom{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10}.toolbar-top-right{position:absolute;top:16px;right:16px;z-index:10}.toolbar-top-left{position:absolute;top:16px;left:16px;z-index:10}.landing-card:hover{border-color:var(--marker-purple)!important;box-shadow:var(--shadow-hover)!important;transform:translateY(-2px)}.landing-card:active{transform:scale(.98);box-shadow:none!important}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(min-width:768px){.app-container{max-width:500px;max-height:100vh;margin:0 auto;box-shadow:0 0 40px #2d1b691a}}