.sidebar{width:280px;height:100vh;background:#f7f9fc;padding:25px;border-right:1px solid #ddd}.sidebar-title{color:#f60;margin-bottom:20px}.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:14px}.sidebar a{text-decoration:none;color:#1a73e8;font-size:16px}.sidebar a:hover{color:#f60}body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#eef2ff,#f8fafc);min-height:100vh}.title{text-align:center;font-size:42px;font-weight:700;margin-bottom:40px;color:#1f2937;animation:fadeInDown .8s ease}.grid-container{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:start;max-width:1200px;margin:auto}.card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:28px;border-radius:16px;box-shadow:0 12px 30px #00000014;transition:all .3s ease;animation:fadeInUp .6s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #00000026}.table{width:100%;border-collapse:collapse;margin-top:15px;font-size:15px;overflow:hidden;border-radius:10px}.table th{background:linear-gradient(90deg,#4c6ef5,#5f72be);color:#fff;padding:12px;font-weight:600}.table td{border:1px solid #e5e7eb;padding:10px;text-align:center;transition:background .2s ease}.table tr:nth-child(2n){background:#f8f9ff}.table tr:hover td{background:#eef2ff}select{padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;transition:all .2s ease}select:focus{outline:none;border-color:#4c6ef5;box-shadow:0 0 6px #4c6ef54d}.btn{width:100%;padding:13px;margin-top:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.submit{background:linear-gradient(90deg,#4c6ef5,#5f72be);color:#fff}.answer{background:linear-gradient(90deg,#15aabf,#3bc9db);color:#fff}.reset{background:linear-gradient(90deg,#ff4d4f,#ff7875);color:#fff}.answer-box{margin-top:20px;border:2px solid #40c057;border-radius:12px;padding:18px;background:linear-gradient(135deg,#f6fff6,#ecfff2);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tree-container{margin-top:40px;text-align:center}.tree{display:flex;flex-direction:column;align-items:center}.node{padding:12px 26px;border-radius:14px;font-size:20px;font-weight:600}.result{background:#4c6ef5;color:#fff}.vertical-line{width:2px;height:40px;background:#888}.horizontal-line{width:220px;height:2px;background:#888}.tree-children{display:flex;justify-content:space-between;width:260px;margin-top:10px}.root{background:#74c0fc}.suffix{background:#f783ac}.child{display:flex;flex-direction:column;align-items:center}.child span{margin-top:6px;font-size:14px}.analysis-container{padding:20px}.instructions{background:linear-gradient(90deg,#59c3c3,#4c6ef5);color:#fff;padding:15px;border-radius:10px;margin-bottom:25px}.analysis-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 20px #00000014}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column}label{font-weight:600;margin-bottom:4px}input,select{padding:8px;border-radius:6px;border:1px solid #ccc}.btn{width:100%;padding:10px;margin-top:10px;border:none;border-radius:25px;cursor:pointer;font-weight:700}.primary{background:linear-gradient(90deg,#4c6ef5,#5f72be);color:#fff}.secondary{background:linear-gradient(90deg,#4facfe,#f093fb);color:#fff}.reset{background:#ff6b6b;color:#fff}.answer-box{margin-top:15px;background:#f1fff5;border:2px solid #40c057;padding:10px;border-radius:10px}.wg-container{padding:20px;background:#f5f7fb;min-height:100vh}.instructions{background:linear-gradient(90deg,#57d1c9,#4b74d6);color:#fff;padding:12px;border-radius:8px;text-align:center;font-weight:600;margin-bottom:25px}.grid-container{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px #00000014}.table{width:100%;border-collapse:collapse;margin-top:10px}.table th{background:#4b74d6;color:#fff;padding:8px}.table td{border:1px solid #ddd;padding:8px;text-align:center}.btn{width:100%;padding:12px;margin-top:12px;border:none;border-radius:20px;cursor:pointer}.submit{background:#4b74d6;color:#fff}.answer{background:#3bc9db;color:#fff}.reset{background:#ff4d4f;color:#fff}.answer-box{margin-top:20px;border:2px solid #40c057;border-radius:12px;padding:15px;background:#f6fffa}.ngrams-container{font-family:Inter,sans-serif;max-width:1200px;margin:0 auto;color:#333}.sentences-list{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#4a5568}.primary-btn{background:linear-gradient(90deg,#4b4ef8,#56e2dc);color:#fff;border:none;border-radius:20px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:opacity .2s;box-shadow:0 4px 6px #4b4ef833}.table-container{width:100%;overflow-x:auto;margin-bottom:20px}.probabilities-table{border-collapse:collapse;width:100%;text-align:center;background-color:#fff}.prob-input{width:50px;padding:8px 4px;text-align:center;border:1px solid #cbd5e1;border-radius:12px;outline:none;font-size:14px;transition:all .2s}.action-buttons{display:flex;gap:15px;margin:10px auto 25px;justify-content:center;width:100%}.pos-tagging-container{font-family:Inter,sans-serif;max-width:1200px;margin:0 auto;color:#333}.left-panel{width:250px;flex-shrink:0;background:#fff;padding:15px;border-radius:8px;border:1px solid #e2e8f0}.left-panel-title{font-weight:700;color:#4b4ef8;font-size:16px;margin-top:0;margin-bottom:10px}.corpus-select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-bottom:25px;background:#f8fafc;color:#333;outline:none;cursor:pointer}.sentence-display{background:#f0f4ff;border:1px solid #c7d2fe;padding:15px;border-radius:6px;font-size:15px;line-height:1.6;color:#334155}.right-panel{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;width:calc(100% - 290px)}.table-container{width:100%;overflow-x:auto;margin-bottom:30px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;padding:20px}.table-title{text-align:center;font-size:18px;font-weight:700;color:#4b4ef8;margin-top:0;margin-bottom:15px}.table-subtitle{text-align:center;font-size:16px;font-weight:600;color:#3b0764;margin-top:20px;margin-bottom:15px}.probabilities-table{border-collapse:collapse;width:100%;text-align:center;margin-bottom:20px}.probabilities-table th,.probabilities-table td{border:1px solid #e2e8f0;padding:10px 8px;color:#333;font-size:13px}.probabilities-table th{background-color:#f8fafc;font-weight:600;color:#475569}.probabilities-table td:first-child{font-weight:600;background-color:#f1f5f9;color:#334155}.prob-input{width:50px;padding:8px 4px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:13px;transition:all .2s}.prob-input.correct{border-color:#10b981;background-color:#d1fae5;color:#065f46}.prob-input.incorrect{border-color:#ef4444;background-color:#fee2e2;color:#991b1b}.smoothing-container{font-family:Inter,sans-serif;max-width:1200px;margin:0 auto;color:#333}.instructions-panel{background:#f4f7fb;border-radius:8px;margin-bottom:30px;overflow:hidden}.instructions-header{background:linear-gradient(90deg,#56e2dc,#4b89f8);color:#fff;padding:15px;text-align:center;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.instructions-content{padding:20px;background-color:#f8f9fc}.instructions-content ul{padding-left:20px;line-height:1.8;margin:0;color:#4a5568}.main-content{display:flex;gap:40px;align-items:flex-start}.left-panel{width:250px;flex-shrink:0}.corpus-select{width:100%;padding:12px 15px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;margin-bottom:25px;background:#f8fafc;color:#333;outline:none;cursor:pointer}.sentences-list{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#3b0764;font-weight:500;margin-bottom:30px}.right-panel{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}.primary-btn{background:linear-gradient(90deg,#4b4ef8,#56e2dc);color:#fff;border:none;border-radius:20px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:opacity .2s;box-shadow:0 4px 6px #4b4ef833}.primary-btn:hover{opacity:.9}.table-container{width:100%;overflow-x:auto;margin-bottom:20px;background:#fff;border-radius:8px;padding:10px}.probabilities-table{border-collapse:collapse;width:100%;text-align:center}.probabilities-table th,.probabilities-table td{border:1px solid #e2e8f0;padding:12px 10px;color:#333;font-size:14px}.probabilities-table th{background-color:#f8fafc;font-weight:600;color:#3b0764}.probabilities-table td:first-child{font-weight:600;color:#3b0764;background-color:#f8fafc}.prob-input{width:50px;padding:8px 4px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:14px;transition:all .2s}.prob-input:focus{border-color:#4b4ef8;box-shadow:0 0 0 2px #4b4ef81a}.prob-input.correct{border-color:#16a34a;background-color:#4ade80;color:#fff;font-weight:700}.prob-input.incorrect{border-color:#ef4444;background-color:#fca5a5;color:#fff;font-weight:700}.action-buttons{display:flex;gap:15px;margin:20px auto 30px;justify-content:center;width:100%}.action-buttons .primary-btn{margin-bottom:0}.quiz-section{margin-top:40px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:25px;width:100%}.quiz-title{color:#1e293b;font-size:18px;margin-top:0;margin-bottom:10px}.quiz-instruction{color:#475569;font-size:15px;margin-bottom:20px}.quiz-instruction strong{margin-left:5px;color:#3b0764}.quiz-table{width:100%;border-collapse:collapse;margin-bottom:25px;background:#fff}.quiz-table th{color:#4b4ef8;font-weight:700;padding:15px;border:1px solid #e2e8f0;background-color:#f1f5f9}.quiz-table td{padding:12px;border:1px solid #e2e8f0;text-align:center;color:#334155;font-size:15px}.quiz-result-input{display:flex;align-items:center;gap:15px;font-size:15px;color:#334155}.quiz-result-input input{width:120px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;outline:none;font-size:15px}.quiz-result-input input.correct{border-color:#16a34a;background-color:#d1fae5;color:#16a34a}.quiz-result-input input.incorrect{border-color:#ef4444;background-color:#fee2e2;color:#ef4444}.success-message{text-align:center;color:#16a34a;font-weight:700;margin:15px 0}