*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;background:linear-gradient(135deg,#f5f7fa 0%,#e8f5e9 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}code{background:#f5f5f5;border-radius:4px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:.9em}.container{max-width:1200px;margin:0 auto;padding:20px}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-radius:0 0 20px 20px;margin-bottom:30px;padding:30px 20px;box-shadow:0 4px 12px #4caf504d}.header h1{margin-bottom:10px;font-size:2em;font-weight:700}.header p{opacity:.95;font-size:1.1em;font-weight:500}.card{background:#fff;border:2px solid #0000;border-radius:16px;margin-bottom:20px;padding:30px;transition:all .3s;box-shadow:0 4px 12px #00000014}.card:hover{border-color:#4caf50;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5026}.card h2{color:#2e7d32;margin-bottom:20px;font-size:1.5em;font-weight:700}.btn{cursor:pointer;-webkit-user-select:text;user-select:text;border:none;border-radius:12px;min-height:44px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:before{width:300px;height:300px}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.btn:active{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%)}.btn-primary:hover{background:linear-gradient(135deg,#45a049 0%,#3d8b40 100%)}.btn-primary:disabled{cursor:not-allowed;background:#ccc;transform:none}.btn-secondary{color:#fff;background:linear-gradient(135deg,#ff9800 0%,#f57c00 100%)}.btn-secondary:hover{background:linear-gradient(135deg,#f57c00 0%,#e65100 100%)}.btn-secondary:disabled{cursor:not-allowed;background:#ccc;transform:none}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:20px;display:grid}.card-container{justify-content:center;align-items:center;gap:20px;min-height:500px;display:flex;position:relative}.study-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fdf9 100%);flex-direction:column;flex:1;justify-content:center;max-width:800px;min-height:400px;display:flex}.nav-area{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#4caf500d;border-radius:16px;justify-content:center;align-items:center;width:80px;height:400px;transition:all .3s;display:flex}.nav-area:hover{background:#4caf5026;transform:scale(1.05)}.nav-area:active{background:#4caf5040;transform:scale(.98)}.nav-arrow{color:#4caf50;font-size:60px;font-weight:700;transition:transform .3s}.nav-area:hover .nav-arrow{transform:scale(1.2)}.nav-left .nav-arrow{margin-right:10px}.nav-right .nav-arrow{margin-left:10px}@media (max-width:1024px){.container{padding:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.container{padding:10px}.header{padding:20px 15px}.header h1{font-size:1.5em}.header p{font-size:.95em}.card{border-radius:8px;padding:20px 15px}.card h2{font-size:1.3em}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.btn{min-height:48px;padding:12px 20px;font-size:15px}.card-container{flex-direction:column;gap:15px;min-height:auto}.study-card{min-height:auto;padding:20px 10px}.study-card h2{margin:20px 0!important;font-size:2em!important}.study-card h3{font-size:1.8em!important}.nav-area{flex-shrink:0;width:100%;height:60px}.nav-arrow{font-size:40px}.card-container{flex-direction:column;display:flex}.nav-left{order:2}.study-card{order:1}.nav-right{order:3}}@media (max-width:480px){.header h1{font-size:1.3em}.header p{font-size:.9em}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.btn{padding:10px 16px;font-size:14px}.study-card h2{font-size:1.5em!important}.study-card h3{font-size:1.3em!important}.card{padding:15px 10px}}@media (max-width:768px) and (orientation:landscape){.header{padding:15px}.header h1{font-size:1.3em}.card-container{flex-direction:row;min-height:300px}.nav-area{width:60px;height:300px}.study-card{min-height:300px}}@media (prefers-color-scheme:dark){body{color:#e0e0e0;background:#1a1a1a}.card{color:#e0e0e0;background:#2a2a2a}.card h2{color:#e0e0e0}code{color:#e0e0e0;background:#3a3a3a}}