*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:visible}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.header h1{font-size:2.5em;margin-bottom:10px;font-weight:700}.header p{font-size:1.1em;opacity:.95}.upload-section,.template-section{padding:40px}.mode-selector{display:flex;gap:10px;margin-bottom:30px;justify-content:center}.mode-button{padding:12px 30px;background:#f5f7fa;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;color:#64748b}.mode-button:hover{background:#eef2ff;border-color:#667eea;color:#667eea}.mode-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 15px #667eea66}.templates-grid h3{margin-bottom:20px;color:#1a202c;font-size:1.3em}.templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:20px}.template-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.template-card:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}.template-info h4{color:#1a202c;margin-bottom:10px;font-size:1.1em}.template-meta{color:#64748b;font-size:.9em;margin-bottom:15px}.template-download-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.template-download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.template-hint{background:#f0f9ff;border-left:4px solid #667eea;border-radius:8px;padding:15px;margin-top:20px}.template-hint p{color:#475569;margin:0;font-size:.95em}.selected-template-info{background:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;padding:15px;margin-bottom:20px}.selected-template-info p{margin:5px 0;color:#065f46}.selected-template-info .hint{font-size:.9em;color:#047857}.loading{text-align:center;padding:40px;color:#64748b;font-size:1.1em}.upload-box{display:flex;flex-direction:column;gap:20px;align-items:center}.file-label{display:inline-block;padding:20px 40px;background:#f5f7fa;border:2px dashed #667eea;border-radius:12px;cursor:pointer;font-size:1.1em;color:#667eea;transition:all .3s ease;text-align:center;min-width:300px}.file-label:hover{background:#eef2ff;border-color:#764ba2;transform:translateY(-2px)}.upload-button{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.upload-button:disabled{opacity:.6;cursor:not-allowed}.error-message{margin-top:20px;padding:15px;background:#fee;border-left:4px solid #f44336;border-radius:4px;color:#c62828;white-space:pre-line;line-height:1.6}.result-section{padding:40px;background:#f9fafb;width:100%;box-sizing:border-box}.result-layout{display:flex;gap:30px;width:100%;box-sizing:border-box}.result-content{flex:1;min-width:0;width:100%;box-sizing:border-box}.result-section h2{margin-bottom:30px;color:#1a202c;font-size:2em}.result-card{background:#fff;padding:25px;margin-bottom:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.result-card h3{margin-bottom:15px;color:#667eea;font-size:1.3em;border-bottom:2px solid #eef2ff;padding-bottom:10px}.result-card.success{background:#f0fdf4;border-left:4px solid #10b981}.result-card ul{list-style:none;padding:0}.result-card li{padding:12px;margin-bottom:10px;background:#f9fafb;border-radius:8px;border-left:3px solid #667eea}.typo-word{color:#ef4444;font-weight:600}.correct-word{color:#10b981;font-weight:600}.context{font-size:.9em;color:#6b7280;margin-top:5px;font-style:italic}.line-number{color:#9ca3af;font-size:.9em}.record-id{font-family:monospace;background:#f3f4f6;padding:8px;border-radius:4px;margin-top:10px;display:inline-block}.download-button{padding:12px 30px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}.download-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.success-message{margin-top:20px;padding:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;text-align:center;font-size:1.2em;font-weight:600}.badge{background:#667eea;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em;margin-left:8px}.llm-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75em;margin-left:8px;font-weight:500}.llm-result{background:#f9fafb;border-left:4px solid #667eea;padding:15px;border-radius:8px;margin-top:10px}.typo-summary{margin:0;white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95em;line-height:1.6;color:#1a202c}.error-badge{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:12px;font-size:.75em;margin-left:8px;font-weight:500}.llm-error-notice{background:#fef3c7;border-left:4px solid #f59e0b;padding:15px;border-radius:8px;margin-top:10px}.llm-error-notice p{margin:8px 0;color:#92400e}.llm-error-notice ol{margin:10px 0;padding-left:25px;color:#92400e}.llm-error-notice code{background:#fef3c7;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.traditional-results{margin-top:15px;padding-top:15px;border-top:1px solid #fbbf24}.traditional-results p{margin:5px 0;color:#92400e}.review-section{background:#f0f9ff;border-left:4px solid #667eea}.review-inputs{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;color:#1a202c;font-size:.95em}.review-textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1em;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .3s ease}.review-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sync-button{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;align-self:flex-start}.sync-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.sync-button:disabled{opacity:.6;cursor:not-allowed}.format-issues-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.format-issues-header h3{margin-bottom:0;border-bottom:none;padding-bottom:0}.expand-button{padding:8px 16px;background:#f5f7fa;border:2px solid #e2e8f0;border-radius:6px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;color:#667eea}.expand-button:hover{background:#eef2ff;border-color:#667eea;transform:translateY(-1px)}.format-issues-list{list-style:none;padding:0;margin:0}.format-issues-preview{margin-top:10px}.format-issues-preview p{color:#64748b;font-size:.9em;margin-bottom:10px}.more-issues{color:#667eea;font-weight:600;font-style:italic}.editable-structure{background:linear-gradient(135deg,#f5f7fa,#eef2ff);padding:40px;border-radius:16px;box-shadow:0 4px 16px #0000001a;margin-bottom:30px;border:2px solid #e2e8f0;width:100%;box-sizing:border-box;overflow:visible}.editable-structure h2{margin-bottom:25px;color:#667eea;font-size:1.8em;display:flex;align-items:center;justify-content:space-between}.editor-download-button{padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.editor-download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.editor-download-button:active{transform:translateY(0)}.template-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eef2ff}.template-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9em;font-weight:600;margin-left:15px}.structure-section{margin-bottom:40px}.structure-section h3{font-size:1.6em;font-weight:700;color:#667eea;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid #e2e8f0;letter-spacing:.5px}.basic-info-editor{background:transparent;padding:20px 0;margin-bottom:30px;display:flex;flex-direction:column;gap:15px}.basic-info-row{display:flex;flex-direction:row;align-items:flex-start;gap:20px;margin-bottom:15px}.basic-info-label{min-width:120px;font-weight:700;color:#1a202c;font-size:1.3em;letter-spacing:.5px;flex-shrink:0;padding-top:12px}.basic-info-input-wrapper{flex:1;min-width:0}.sy004-basic-info-editor .basic-info-row-sy004-first{display:grid;grid-template-columns:120px 1fr 80px 160px;column-gap:16px;align-items:flex-start}.sy004-basic-info-editor .basic-info-quarter{display:flex;align-items:flex-start}.sy004-basic-info-editor .basic-info-quarter-small textarea{min-width:0}.segments-editor{width:100%;margin-top:20px}.no-segments-message{padding:20px;text-align:center;color:#64748b;font-style:italic}.basic-info-editor h3{font-size:1.5em;font-weight:700;color:#667eea;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.field-editor{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding:15px;background:#fff;border-radius:10px;border:1px dashed #cbd5e0;transition:all .3s ease;width:100%;box-sizing:border-box}.field-editor:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.field-editor label{min-width:140px;font-weight:700;color:#1a202c;font-size:1.3em;letter-spacing:.5px;flex-shrink:0}.structure-input{flex:1;padding:14px 18px;border:2px dashed #cbd5e0;border-radius:10px;font-size:1em;min-height:50px;max-width:90%;transition:all .3s ease;background:#f9fafb;margin-left:10px;box-sizing:border-box}.structure-input:hover{border-color:#667eea;background:#fff}.structure-input:focus{outline:none;border:2px solid #667eea;background:#fff;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.segment-editor{background:#fff;padding:35px;border-radius:12px;border:2px solid #e2e8f0;margin-bottom:30px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;min-width:100%;box-sizing:border-box;position:relative}.segment-editor:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea26}.delete-segment-button{position:absolute;top:10px;left:10px;width:32px;height:32px;border-radius:50%;border:2px solid #ef4444;background:#ef4444;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0;line-height:1}.delete-segment-button:hover{background:#dc2626;border-color:#dc2626;transform:scale(1.1);box-shadow:0 2px 8px #ef444466}.delete-segment-button:active{transform:scale(.95)}.add-segment-row{margin-top:20px;text-align:center;padding:20px 0}.add-segment-button{padding:12px 30px;background:#3b82f6;color:#fff;border:2px solid #3b82f6;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d}.add-segment-button:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.add-segment-button:active{transform:translateY(0)}.segment-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.segment-title-input{flex:1;padding:14px 18px;border:2px dashed #cbd5e0;border-radius:10px;font-size:1.15em;font-weight:600;min-height:50px;transition:all .3s ease;background:#f9fafb;margin-right:15px}.segment-title-input:hover{border-color:#667eea;background:#fff}.segment-title-input:focus{outline:none;border:2px solid #667eea;background:#fff;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.segment-time-input{width:140px;padding:14px 18px;border:2px dashed #cbd5e0;border-radius:10px;font-size:1.15em;min-height:50px;transition:all .3s ease;background:#f9fafb}.segment-time-input:hover{border-color:#667eea;background:#fff}.segment-time-input:focus{outline:none;border:2px solid #667eea;background:#fff;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.segment-method,.segment-division,.segment-guidance{margin-top:25px;padding:25px;background:#f9fafb;border-radius:10px;border:1px dashed #cbd5e0;min-height:300px!important;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.segment-method label,.segment-division label,.segment-guidance label{display:block;font-weight:700;margin-bottom:15px;color:#1a202c;font-size:1.2em;letter-spacing:.5px;width:100%}.list-item-editor{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;padding:15px;border-radius:8px;transition:background .2s ease;min-height:200px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;position:relative}.add-number-button{width:32px;height:32px;border-radius:6px;border:2px solid #3b82f6;background:#3b82f6;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0;line-height:1;margin-top:8px}.add-number-button:hover{background:#2563eb;border-color:#2563eb;transform:scale(1.1);box-shadow:0 2px 8px #3b82f666}.add-number-button:active{transform:scale(.95)}.list-item-editor:hover{background:#667eea0d}.item-number{min-width:45px;font-weight:700;color:#667eea;font-size:1.2em;padding-top:14px;flex-shrink:0}.list-item-input{flex:1;padding:14px 18px;border:2px dashed #cbd5e0;border-radius:10px;font-size:1.1em;min-height:50px;transition:all .3s ease;background:#f9fafb;margin-left:10px}.list-item-input:hover{border-color:#667eea;background:#fff}.list-item-input:focus{outline:none;border:2px solid #667eea;background:#fff;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.list-item-textarea{display:block!important;flex:0 0 auto!important;width:90%!important;max-width:90%!important;min-width:0!important;box-sizing:border-box!important;min-height:180px!important;height:180px!important;max-height:500px!important;padding:14px 18px!important;margin-left:10px!important;border:2px dashed #cbd5e0!important;border-radius:10px!important;background:#f9fafb!important;font-family:inherit!important;font-size:1em!important;line-height:1.7!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;overflow-y:auto!important;overflow-x:hidden!important;resize:vertical!important;transition:all .3s ease!important}.list-item-textarea:hover{border-color:#667eea;background:#fff}.list-item-textarea:focus{outline:none;border:2px solid #667eea;background:#fff;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.structure-textarea{width:100%;padding:14px 18px;border:2px dashed #cbd5e0;border-radius:10px;font-size:1.1em;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease;background:#f9fafb;line-height:1.7;margin-top:10px}.structure-textarea:hover{border-color:#667eea;background:#fff}.structure-textarea:focus{outline:none;border:2px solid #667eea;background:#fff;box-shadow:0 0 0 4px #667eea26;transform:translateY(-1px)}.edit-section{padding:20px;background:#f9fafb;border-radius:12px;margin-bottom:20px}.format-errors-panel{flex:0 0 350px;min-width:350px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:20px}.format-errors-panel h3{margin-bottom:20px;color:#667eea;font-size:1.3em;border-bottom:2px solid #eef2ff;padding-bottom:10px}.format-status{padding:12px 20px;border-radius:8px;font-weight:600;margin-bottom:20px;text-align:center}.format-status.valid{background:#f0fdf4;color:#10b981;border:2px solid #10b981}.format-status.invalid{background:#fef2f2;color:#ef4444;border:2px solid #ef4444}.errors-list,.warnings-list{margin-bottom:20px}.errors-list h4,.warnings-list h4{color:#1a202c;font-size:1.1em;margin-bottom:10px}.errors-list ul,.warnings-list ul{list-style:none;padding:0;margin:0}.error-item,.warning-item{padding:10px;margin-bottom:8px;border-radius:6px;font-size:.95em;line-height:1.5}.error-item{background:#fef2f2;border-left:3px solid #ef4444;color:#991b1b}.warning-item{background:#fffbeb;border-left:3px solid #f59e0b;color:#92400e}.process-editor{width:100%;margin-top:20px}.process-section-block{background:#fff;padding:25px;border-radius:12px;border:2px solid #e2e8f0;margin-bottom:25px;transition:all .3s ease}.process-section-block:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea26}.process-section-title{font-size:1.4em;font-weight:700;color:#667eea;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.process-import-content,.process-reading-list{width:100%}.process-reading-item{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:8px;border:1px dashed #cbd5e0}.process-reading-item-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.process-reading-item-title-input{flex:1;padding:10px 15px;border:2px dashed #cbd5e0;border-radius:8px;font-size:1em;font-weight:600;background:#fff;transition:all .3s ease}.process-reading-item-title-input:hover{border-color:#667eea}.process-reading-item-title-input:focus{outline:none;border:2px solid #667eea;box-shadow:0 0 0 3px #667eea1a}.process-extension-list{width:100%}.process-extension-item{margin-bottom:25px;padding:20px;background:#f9fafb;border-radius:10px;border:1px dashed #cbd5e0}.process-extension-header{margin-bottom:15px}.process-extension-title-row{display:flex;align-items:center;gap:10px}.process-extension-label{font-weight:700;color:#667eea;font-size:1.1em;min-width:100px}.process-extension-title-input{flex:1;padding:10px 15px;border:2px dashed #cbd5e0;border-radius:8px;font-size:1em;background:#fff;transition:all .3s ease}.process-extension-title-input:hover{border-color:#667eea}.process-extension-title-input:focus{outline:none;border:2px solid #667eea;box-shadow:0 0 0 3px #667eea1a}.process-extension-items-editor{margin-top:15px}.no-items-message{padding:20px;text-align:center;color:#64748b;font-style:italic;background:#f9fafb;border-radius:8px;margin-bottom:15px}.teaching-steps-editor{width:100%;margin-top:20px}.teaching-step-block{background:#fff;padding:25px;border-radius:12px;border:2px solid #e2e8f0;margin-bottom:25px;transition:all .3s ease}.teaching-step-block:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea26}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.step-title-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1.1em;font-weight:600;color:#1a202c;transition:all .3s ease}.step-title-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.games-list{width:100%;margin-top:20px}.game-block{margin-bottom:25px;padding:20px;background:#fff;border-radius:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative}.game-block:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.game-block:last-child{margin-bottom:0}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.game-title-input{flex:1;padding:10px 14px;border:2px solid #e2e8f0;border-radius:6px;font-size:1em;font-weight:600;color:#4a5568;transition:all .3s ease}.game-title-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.game-points{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.game-points-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-points-label{display:block;font-weight:600;color:#2d3748;font-size:.95em;margin:0}.add-point-button{padding:6px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.85em;font-weight:500;color:#4a5568;cursor:pointer;transition:all .2s ease}.add-point-button:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.game-points-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95em;font-family:inherit;line-height:1.8;resize:vertical;transition:all .3s ease;background:#fafbfc;min-height:100px;white-space:pre-wrap;word-wrap:break-word}.game-points-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.game-guidance{margin-bottom:0;margin-top:10px}.game-guidance-label{display:block;font-weight:600;color:#2d3748;font-size:.95em;margin-bottom:10px}.game-guidance-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.95em;font-family:inherit;line-height:1.6;resize:vertical;transition:all .3s ease;background:#fafbfc;min-height:80px}.game-guidance-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.upload-status{margin-top:15px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:pulse 2s ease-in-out infinite}.upload-status .upload-spinner{font-size:24px;animation:spin 1s linear infinite}.upload-status span{font-size:16px;font-weight:500}.upload-hint{font-size:14px;opacity:.9;margin-top:5px;padding:8px 12px;background:#fff3;border-radius:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}