.auth-scroll{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-scroll>*{margin:auto}.auth-inpane{flex:1;min-height:0;display:flex}.auth-inpane>.auth-scroll{height:auto;flex:1;min-height:0}.login-page{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f6f8f7;display:flex;flex-direction:column}.login-page::-webkit-scrollbar{display:none}.ll-hero{position:relative;overflow:hidden;flex-shrink:0;padding:calc(clamp(12px,3dvh,32px) + env(safe-area-inset-top)) 20px clamp(46px,7dvh,64px);background:linear-gradient(150deg,#064e3b,#047857 48%,#16a34a);color:#fff;text-align:center;border-bottom-left-radius:28px;border-bottom-right-radius:28px}.ll-glow{position:absolute;border-radius:50%;pointer-events:none}.ll-glow-a{width:260px;height:260px;right:-90px;top:-110px;background:radial-gradient(circle,rgba(167,243,208,.35),transparent 70%)}.ll-glow-b{width:220px;height:220px;left:-100px;bottom:-80px;background:radial-gradient(circle,rgba(253,224,71,.22),transparent 70%)}.ll-hero>*:not(.ll-glow){position:relative}.ll-brand{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 5px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);margin-bottom:clamp(8px,1.6dvh,16px)}.ll-brand-mark{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:16px}.ll-brand-name{font-weight:800;font-size:15px;letter-spacing:.2px}.login-exams{display:flex;justify-content:center;margin-bottom:6px}.login-exam-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#bbf7d0}.ll-title{font-size:clamp(22px,3.9dvh,34px);line-height:1.15;font-weight:800;letter-spacing:-.5px;margin:0 0 6px;color:#fff}.ll-sub{font-size:14px;color:#ffffffd9;margin:0 0 clamp(8px,1.6dvh,16px)}.ll-classes{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.ll-class{width:clamp(28px,4.4dvh,36px);height:clamp(28px,4.4dvh,36px);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);color:#fff}.login-content{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;padding:0 16px;margin-top:-38px;position:relative}.ll-signin{width:100%;max-width:380px;box-sizing:border-box;background:#fff;border-radius:18px;padding:10px 12px;box-shadow:0 12px 32px #064e3b29,0 2px 6px #0000000d;text-align:center}.login-btn-wrap{display:flex;flex-direction:column;align-items:center;min-height:44px}.ll-features{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:clamp(10px,1.8dvh,18px) 0 0}.ll-card{background:#fff;border-radius:16px;padding:9px 10px 10px;border:1px solid #e5ece8;box-shadow:0 2px 8px #0f172a0a;text-align:left;min-width:0}.ll-card h3{font-size:13.5px;font-weight:800;color:#0f172a;margin:7px 0 1px}.ll-card p{font-size:12px;line-height:1.35;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-green{--ll: #16a34a;--ll-soft: #ecfdf3}.ll-blue{--ll: #2563eb;--ll-soft: #eff6ff}.ll-amber{--ll: #d97706;--ll-soft: #fffbeb}.ll-teal{--ll: #0d9488;--ll-soft: #f0fdfa}.ll-art{height:clamp(42px,7.6dvh,70px);border-radius:11px;background:var(--ll-soft);position:relative;overflow:hidden;box-sizing:border-box}.ll-art-mcq{padding:6px 9px;display:flex;flex-direction:column;justify-content:center;gap:3px}.ll-q{height:5px;width:80%;border-radius:3px;background:var(--ll);opacity:.55;margin-bottom:1px;flex-shrink:0}.ll-opt{display:flex;align-items:center;gap:5px;flex:0 1 14px;min-height:8px;padding:0 5px;border-radius:5px;background:#fff}.ll-opt b{font-size:8px;color:#94a3b8;font-weight:800}.ll-opt i{flex:1;height:4px;border-radius:2px;background:#e2e8f0}.ll-opt-ok{background:var(--ll)}.ll-opt-ok b,.ll-opt-ok span{color:#fff;font-size:9px;font-weight:800}.ll-opt-ok i{background:#ffffff8c}.ll-art-bars{display:flex;align-items:flex-end;gap:6px;padding:8px 12px 0}.ll-art-bars span{flex:1;border-radius:4px 4px 0 0;background:var(--ll);opacity:.35}.ll-art-bars span:last-child,.ll-art-bars span:nth-child(4){opacity:1}.ll-page{position:absolute;width:42px;height:82%;top:9%;left:calc(50% - 18px);box-sizing:border-box;background:#fff;border-radius:4px 7px 7px 4px;border-left:4px solid var(--ll);padding:5px;display:flex;flex-direction:column;gap:3px;overflow:hidden;box-shadow:0 3px 8px #00000014}.ll-page-back{left:calc(50% - 28px);transform:rotate(-8deg);opacity:.6}.ll-page em{font-style:normal;font-size:8px;font-weight:800;color:var(--ll)}.ll-page i{height:3px;border-radius:2px;background:#e2e8f0;flex-shrink:0}.ll-page i.ll-f{height:7px;background:var(--ll-soft);border:1px dashed var(--ll)}.ll-sheet{position:absolute;width:46px;height:82%;top:9%;left:calc(50% - 23px);box-sizing:border-box;background:#fff;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:3px;overflow:hidden;box-shadow:0 3px 8px #00000014}.ll-sheet i{height:3px;border-radius:2px;background:#cbd5e1;flex-shrink:0}.ll-sheet i.ll-short{width:60%}.ll-box{height:10px;border-radius:3px;border:1px solid #cbd5e1;flex-shrink:0}.ll-pdf{position:absolute;right:10px;bottom:7px;font-size:9px;font-weight:800;color:#fff;background:var(--ll);padding:2px 6px;border-radius:5px}.ll-apk{width:100%;max-width:520px;box-sizing:border-box;margin-top:clamp(10px,1.8dvh,18px);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:14px;background:#0f172a;color:#fff;text-decoration:none}.ll-apk-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:17px;background:#3ddc84}.ll-apk b{display:block;font-size:14px;font-weight:800}.ll-apk small{display:block;font-size:11.5px;color:#cbd5e1}.login-footer{color:#9ca3af;font-size:11px;text-align:center;margin:auto 0 0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));line-height:1.4}.login-footer a{color:#6b7280;text-decoration:underline}@media(max-height:620px){.ll-sub{display:none}.ll-title{margin-bottom:8px}.ll-art{height:36px}.ll-art-mcq .ll-opt:last-child{display:none}.ll-card{padding:7px 9px 8px}.ll-card h3{margin-top:5px}.login-footer{font-size:10px;padding-top:6px}}@media(min-width:768px){.ll-features{grid-template-columns:repeat(4,1fr);max-width:900px}.ll-apk{max-width:380px}}.container.login-container{background:#fff;display:flex;justify-content:center;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-card{text-align:center;padding:2rem;margin:auto}.loading{color:#16a34a;font-size:16px;margin:10px 0}.button{background:#16a34a;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s;margin:.5rem;width:100%;max-width:300px}.button:hover{background:#15803d}.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.6rem 1rem;margin:0 0 1rem;font-size:.85rem}html,body,#root{height:100%;height:100dvh;margin:0;padding:0;overflow:hidden}:root{--primary: #16a34a;--primary-hover: #15803d;--primary-light: #22c55e;--primary-dark: #15803d;--primary-bg: #f0fdf4;--primary-bg-hover: #bbf7d0;--primary-bg-subtle: #dcfce7;--accent: #059669;--accent-hover: #047857;--accent-disabled: #86efac;--accent-gradient: #34d399;--tag-bg: #dcfce7;--tag-border: #bbf7d0;--tag-text: #166534}@supports (padding-top: env(safe-area-inset-top)){.app-root{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);padding:constant(safe-area-inset-top,0px) constant(safe-area-inset-right,0px) constant(safe-area-inset-bottom,0px) constant(safe-area-inset-left,0px)}}.safe-viewport{padding-top:env(safe-area-inset-top);padding-bottom:max(12px,env(safe-area-inset-bottom));height:100dvh;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}:root{--qb-font: "Inter", "Roboto", "Segoe UI", system-ui, -apple-system, sans-serif}*{font-family:var(--qb-font);box-sizing:border-box}.icon-btn{width:50px;height:50px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#374151;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.icon-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.icon-btn:hover:not(:disabled):before{left:100%}.icon-btn:hover:not(:disabled){transform:scale(1.05) translateY(-1px);box-shadow:0 8px 25px #00000026,0 4px 12px #0000001a}.icon-btn.active{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);color:#fff;border-radius:8px;box-shadow:0 8px 32px #22c55e4d,0 4px 12px #00000026,inset 0 1px #fff3;transform:scale(1.1) translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn.active:hover{transform:scale(1.15) translateY(-2px);box-shadow:0 12px 40px #22c55e66,0 6px 16px #0003,inset 0 1px #ffffff4d}.icon-btn.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.icon-btn.active:hover:before{left:100%}.icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.icon-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.icon-btn:active:not(:disabled):not(.active){background:#d1d5db;transform:translateY(1px);box-shadow:0 1px 2px #0000000d;border-color:#9ca3af}.icon-btn:active:not(:disabled):before{left:-100%}.container{max-width:1600px;margin:0 auto;background-color:#f8f9fa;height:100%;overflow:hidden;display:flex;flex-direction:column}.top-bar{position:sticky;top:0;background:#fff;padding:1rem 1.2rem;z-index:100;border-bottom:1px solid #dee2e6;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;width:100%;max-width:1600px;margin:0 auto;position:relative;height:60px}.user-info{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:0 1rem}.welcome-message{font-size:.75rem;font-weight:500;color:#333;background:#f1f3f5;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s;margin-right:5}.welcome-message:hover{background:#e5e7eb}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0fdf4;transition:background-color .2s,transform .2s;padding:8px;border-radius:4px}.dropdown-toggle:hover{background-color:#bbf7d0;transform:scale(1.05)}.user-icon{font-size:1.4rem;color:#16a34a}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 6px 12px #00000026;min-width:150px;z-index:10000;overflow:hidden;opacity:0;transform:translateY(-10px);animation:dropdownSlide .2s ease-out forwards;width:192px;margin-top:2px;transition:opacity .2s ease-in-out,transform .2s ease-in-out}@keyframes dropdownSlide{to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;width:100%;padding:.75rem 1.5rem;font-size:.9rem;color:#333;text-align:left;cursor:pointer;transition:background-color .2s;padding:10px 16px;font-size:.875rem;color:#1f2937;transition:background-color .2s ease-in-out}.dropdown-item:hover{background-color:#16a34a;color:#fff;background-color:#f3f4f6;color:#111827}.search-box{width:100%;max-width:900px;padding:.6rem 1rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;display:block}.search-box:disabled{background-color:#f1f3f5;cursor:not-allowed}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{display:inline-block;background:#dcfce7;border:1px solid #bbf7d0;color:#166534;border-radius:20px;padding:.2rem .6rem;margin:.2rem;font-size:.8rem;cursor:pointer}.tag-filter button{background:none;border:none;color:#166534;margin-left:5px;font-weight:700;cursor:pointer}.content-list{padding:1rem;max-width:900px;margin:0 auto;align-items:center}.content-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:.25rem;margin-bottom:1rem;cursor:pointer}.content-card h3{margin-bottom:.5rem}.content-card h4{margin-bottom:.5rem;font-size:1rem;color:#222}.caption{border-left:4px solid #16a34a;padding-left:.5rem;font-style:italic;color:#333;margin:.5rem 0}.source{text-align:right;font-size:.85rem;color:#888}img,video,.media-item{max-width:100%;margin-top:.5rem;border-radius:5px}.media-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.media-item{max-width:200px;max-height:200px;object-fit:cover}.detail-container{position:relative;min-height:100vh}.header-panel,.sequence-panel,.sequence-content,.panel-content{background:#f8f9fa;border-radius:5px;padding:15px;max-width:100%;margin:0}.header-panel{display:flex;justify-content:space-between;align-items:center}.sequence-header{display:flex;align-items:center;gap:10px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.content-title{display:flex;align-items:center;gap:10px}.add-icon{font-size:2rem;color:#16a34a;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.add-icon:hover{background-color:#f0fdf4}.edit-icon{font-size:1.5rem;color:#16a34a;cursor:pointer;margin-left:10px;transition:color .2s}.edit-icon:hover{color:#15803d}.content-item{display:flex;align-items:center;margin-bottom:10px}.content-detail-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 2px 5px #0000001a;display:flex;align-items:flex-start;justify-content:space-between}.content-detail-card h4{margin:0 0 10px;font-size:1.1rem;color:#222}.content-detail-card p{margin:0 0 10px;font-size:.9rem}.content-detail-item{margin-bottom:8px;font-size:.9rem;color:#333}.content-detail-item strong{color:#222;margin-right:5px}.content-detail-item .tag{margin-right:5px}.content-item h4{margin:5px 0;font-size:1rem}.content-item a,.content-link{text-decoration:none;color:#16a34a;cursor:pointer}.content-item a:hover,.content-link:hover{text-decoration:underline}.content-item img,.content-item video{max-width:100px;border-radius:5px;margin-right:10px}.sequence-content ul,.panel-content ul{list-style:none;padding:0}.sequence-content li,.panel-content li{display:flex;align-items:center;margin-bottom:10px}.sequence-content input[type=checkbox],.panel-content input[type=checkbox]{margin-right:10px;cursor:pointer}.delete-button{background:#dc3545;color:#fff;padding:8px 15px;border:none;border-radius:4px;cursor:pointer;margin-top:10px;transition:background-color .2s}.delete-button:hover{background:#c82333}.detail-toggle{background:#16a34a;color:#fff;padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.detail-toggle:hover{background:#15803d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.modal{background:#fff;border-radius:12px;width:600px;min-height:400px;max-height:80vh;box-shadow:0 8px 16px #0003;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(to right,#16a34a,#34d399);color:#fff;border-top-left-radius:12px;border-top-right-radius:12px}.modal-header h3{margin:0;font-size:1.3rem;font-weight:500}.close-icon{font-size:1.3rem;color:#fff;cursor:pointer;transition:color .2s}.close-icon:hover{color:#f0fdf4}.modal-content{padding:20px;display:flex;flex-direction:column;gap:15px}.form-container{display:flex;flex-direction:column;gap:15px}.tab-container{display:flex;gap:10px;background:#f1f3f5;padding:4px;border-radius:8px}.tab{flex:1;padding:10px;text-align:center;font-size:.9rem;font-weight:500;color:#4b5563;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s}.tab:hover{background:#e5e7eb}.tab-active{background:#16a34a;color:#fff;font-weight:600}.delete-modal{display:flex;flex-direction:column;gap:20px}.delete-modal h3{font-size:1.1rem;color:#222;margin-bottom:10px}.form-label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:#374151}.form-select,.form-input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff;transition:border-color .2s,box-shadow .2s}.form-select:focus,.form-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;min-height:100px;font-size:.9rem;background:#c4be90;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-full-width{width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.form-button{background:#16a34a;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.form-button:hover{background:#15803d}.form-button.cancel{background:#6b7280}.form-button.cancel:hover{background:#4b5563}.search-input-container{display:flex;align-items:center;gap:8px;position:relative}.search-icon{position:absolute;left:12px;color:#6b7280;font-size:1rem}.search-input{padding-left:36px}.search-button{background:#16a34a;padding:10px 16px;border-radius:6px}.search-button:hover{background:#15803d}.search-results{border:1px solid #d1d5db;border-radius:6px;padding:8px;background:#fff;max-width:520px;margin:0 auto}.search-results-container{max-height:200px;overflow-y:auto}.search-result-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.search-result-item:hover{background:#f3f4f6}.search-result-item.selected{background:#dcfce7;border-left:4px solid #16a34a}.search-result-content{flex:1}.search-result-title{font-weight:500;color:#1f2937}.search-result-type{font-size:.8rem;color:#6b7280}.search-result-body{font-size:.8rem;color:#4b5563}.thumbnail{width:48px;height:48px;border-radius:4px;margin-right:12px;object-fit:cover}.check-icon{color:#16a34a;font-size:1rem;margin-left:8px}.notification{position:fixed;top:20px;right:20px;padding:10px 20px;border-radius:6px;color:#fff;z-index:1001;box-shadow:0 4px 6px #0000001a}.back-link{display:inline-block;color:#16a34a;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:5px}.back-link:hover{text-decoration:underline}.parent-links{margin-top:.75rem}.parent-links button{background-color:#f1f3f5;color:#14532d;border:1px solid #cfd8dc;padding:.4rem .8rem;font-size:.85rem;border-radius:6px;cursor:pointer;transition:background-color .2s,box-shadow .2s}.parent-links button:hover{background-color:#e2e6ea;box-shadow:0 1px 3px #0000001a}.file-input{padding:8px}.selected-files{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.file-name{background:#f1f3f5;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:.85rem;color:#374151}.error{color:#ff4d4f;margin:10px 0;font-size:16px;text-align:center}.user-controls{display:flex;align-items:center}.dropdown-toggle,.menu-toggle{padding:8px;border-radius:4px;transition:background-color .2s ease-in-out}.dropdown-toggle:hover,.menu-toggle:hover{background-color:#f3f4f6}.dropdown-menu,.menu{position:absolute;right:0;top:100%;margin-top:2px;width:192px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;transition:opacity .2s ease-in-out,transform .2s ease-in-out;opacity:0;transform:translateY(-10px)}.menu-container:hover .menu,.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0)}.dropdown-item,.menu-item{width:100%;text-align:left;padding:10px 16px;font-size:.875rem;color:#1f2937;transition:background-color .2s ease-in-out;z-index:1000}.dropdown-item:hover,.menu-item:hover{background-color:#f3f4f6;color:#111827}.menu-container{display:flex;align-items:center}.create-post-container{background:linear-gradient(135deg,#fff,#f8fafc);padding:1.5rem;border-radius:1rem;box-shadow:0 4px 12px #0000000d;max-width:48rem;margin:2rem auto;border:1px solid rgba(0,0,0,.05)}@media(min-width:640px){.create-post-container{padding:2rem}}.error-message{background-color:#fef2f2;color:#dc2626;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid #fee2e2;display:flex;align-items:center;gap:.5rem;transition:opacity .3s ease,transform .3s ease}.error-message svg{flex-shrink:0}.post-content-input,.tags-input,.option-content-input,.option-tags-input{width:100%;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;outline:none;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;font-size:.875rem;color:#1e293b}.post-content-input:hover,.tags-input:hover,.option-content-input:hover,.option-tags-input:hover{border-color:#059669}.post-content-input:focus,.tags-input:focus,.option-content-input:focus,.option-tags-input:focus{border-color:transparent;box-shadow:0 0 0 2px #059669}.post-content-input::placeholder,.tags-input::placeholder,.option-content-input::placeholder,.option-tags-input::placeholder{color:#94a3b8}.option-content-input,.option-tags-input{background-color:#f9fafb}.option-card{padding:1.25rem;background-color:#fff;border-radius:.75rem;border:1px solid #f1f5f9;margin-bottom:1rem;transition:box-shadow .3s ease}.option-card:hover{box-shadow:0 4px 12px #0000001a}.add-option-button{width:100%;padding:.75rem 1.25rem;background-color:#059669;color:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:background-color .3s ease,box-shadow .3s ease;margin-top:1rem}.add-option-button:hover:not(:disabled){background-color:#047857;box-shadow:0 2px 8px #0000001a}.add-option-button:disabled{background-color:#86efac;cursor:not-allowed}@media(min-width:640px){.add-option-button{width:auto}}.submit-button{padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:background-color .3s ease,box-shadow .3s ease}.submit-button:hover:not(:disabled){background-color:#059669;box-shadow:0 2px 8px #0000001a}.submit-button:disabled{background-color:#6ee7b7;cursor:not-allowed}.action-buttons{display:flex;align-items:center;gap:0px}.action-wrapper{display:flex;flex-direction:row;align-items:center}.action-button{background:none;border:none;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#1a1a1a;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease,color .2s ease}.action-button:hover:not(.disabled){background-color:#e2e8f0}.action-button.liked,.action-button.disliked,.action-button.bookmarked{color:#16a34a}.action-button.disabled{color:#818384;cursor:not-allowed}.action-button svg{font-size:14px}.action-count{font-size:.75rem;color:#6b7280}.detail-action-button{font-size:.9rem;padding:.6rem}.reply-button{background:none;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem 1rem;font-weight:500;color:#16a34a;font-size:.85rem;text-align:center}.reply-button:hover:not(.disabled){background-color:#e2e8f0;border-color:#16a34a}.reply-button.disabled{border-color:#e2e8f0;color:#818384;cursor:not-allowed}