@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--be: #185fa5;--be-bg: #e6f1fb;--be-mid: #b5d4f4;--ai: #0f6e56;--ai-bg: #e1f5ee;--ai-mid: #9fe1cb;--fe: #534ab7;--fe-bg: #eeedfe;--fe-mid: #cecbf6;--ct: #854f0b;--ct-bg: #faeeda;--ct-mid: #fac775;--g50: #f8f8f6;--g100: #f0efea;--g200: #e2e1da;--g400: #aeaca4;--g700: #4a4945;--g900: #1c1b18;--accent: #185fa5;--accent-bg: #e6f1fb;--r: 10px;--font: "Be Vietnam Pro", sans-serif;--mono: "DM Mono", monospace}html,body{font-family:var(--font);background:var(--g50);color:var(--g900);font-size:14px;line-height:1.6;height:100%}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:210px;flex-shrink:0;height:100vh;background:#fff;border-right:1px solid var(--g200);display:flex;flex-direction:column;padding:20px 12px;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:4px 8px 20px}.sidebar-logo-mark{width:28px;height:28px;background:var(--g900);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar-logo-name{font-weight:600;font-size:15px;letter-spacing:-.3px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--g700);font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.sidebar-link:hover{background:var(--g100);color:var(--g900)}.sidebar-link.active{background:var(--accent-bg);color:var(--accent)}.sidebar-link-icon{display:flex;align-items:center;flex-shrink:0;opacity:.75}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{font-size:11px;color:var(--g400);padding:8px 10px 0;font-family:var(--mono)}.page-content{flex:1;overflow-y:auto;padding:40px 36px 64px;max-width:none}.page-content--prototype{padding:0;overflow:hidden}.page-header{margin-bottom:28px}.page-title{font-size:24px;font-weight:600;letter-spacing:-.4px;margin-bottom:4px}.page-sub{font-size:13px;color:var(--g400)}.meta-row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;align-items:center}.pill{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:500;border:1px solid transparent}.pill.be{background:var(--be-bg);color:var(--be);border-color:var(--be-mid)}.pill.ai{background:var(--ai-bg);color:var(--ai);border-color:var(--ai-mid)}.pill.fe{background:var(--fe-bg);color:var(--fe);border-color:var(--fe-mid)}.pill.ct{background:var(--ct-bg);color:var(--ct);border-color:var(--ct-mid)}.reset-btn{font-size:12px;color:var(--g400);border:none;background:none;cursor:pointer;padding:4px 10px;border-radius:6px;font-family:var(--font);margin-left:auto}.reset-btn:hover{background:var(--g100);color:var(--g700)}.prog-wrap{margin-bottom:28px}.prog-track{height:6px;background:var(--g200);border-radius:100px;overflow:hidden;margin-bottom:5px}.prog-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#639922,#1d9e75);transition:width .4s ease}.prog-lbl{font-size:12px;color:var(--g400);font-family:var(--mono)}.board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 860px){.board{grid-template-columns:1fr}}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.team-lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding-left:2px}.team-lbl.be{color:var(--be)}.team-lbl.ai{color:var(--ai)}.team-lbl.fe{color:var(--fe)}.team-lbl.ct{color:var(--ct)}.team-add-btn{display:flex;align-items:center;gap:4px;font-size:11px;font-family:var(--font);color:var(--g700);background:none;border:1px solid var(--g200);border-radius:5px;padding:3px 8px;cursor:pointer;transition:all .12s}.team-add-btn:hover{color:var(--g900);border-color:var(--g400);background:var(--g50)}.epics{display:flex;flex-direction:column;gap:6px}.epic{border-radius:var(--r);border:1px solid var(--g200);background:#fff;overflow:hidden;transition:box-shadow .15s}.epic:hover{box-shadow:0 2px 12px #0000000f}.epic.done-epic .epic-name{text-decoration:line-through;color:var(--g400)}.epic.done-epic{opacity:.65}.epic-hdr{display:flex;align-items:center;padding:11px 14px;gap:10px}.ecb{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--g200);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:#fff;-webkit-user-select:none;user-select:none}.ecb:hover{border-color:var(--g400)}.ecb svg{display:none;width:10px;height:10px}.ecb.on{border-color:transparent}.ecb.on svg{display:block}.be .ecb.on{background:var(--be)}.ai .ecb.on{background:var(--ai)}.fe .ecb.on{background:var(--fe)}.ct .ecb.on{background:var(--ct)}.epic-toggle{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer;min-width:0}.epic-name{font-size:13px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s}.epic-cnt{font-size:11px;font-family:var(--mono);padding:2px 8px;border-radius:100px;flex-shrink:0}.be .epic-cnt{background:var(--be-bg);color:var(--be)}.ai .epic-cnt{background:var(--ai-bg);color:var(--ai)}.fe .epic-cnt{background:var(--fe-bg);color:var(--fe)}.ct .epic-cnt{background:var(--ct-bg);color:var(--ct)}.chev{width:16px;height:16px;flex-shrink:0;transition:transform .22s ease;color:var(--g400)}.epic.open .chev{transform:rotate(180deg)}.epic-edit-btn,.epic-delete-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--g700);opacity:0;transition:opacity .12s,background .1s,color .1s;flex-shrink:0}.epic:hover .epic-edit-btn,.epic:hover .epic-delete-btn{opacity:1}.epic-edit-btn:hover{background:var(--g100);color:var(--g900)}.epic-delete-btn:hover{background:#fde8e8;color:#b44343}.epic-name-input{font-size:13px;font-weight:500;font-family:var(--font);border:1px solid var(--g300);border-radius:4px;padding:2px 6px;flex:1;min-width:0;background:#fff}.task-list{display:none;border-top:1px solid var(--g100);padding:8px 0 10px}.epic.open .task-list{display:block}.task{display:flex;align-items:flex-start;gap:9px;padding:5px 14px;font-size:12.5px;color:var(--g700);line-height:1.5}.tcb{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--g200);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .15s;background:#fff;-webkit-user-select:none;user-select:none}.tcb:hover{border-color:var(--g400)}.tcb svg{display:none;width:8px;height:8px}.tcb.on{border-color:transparent}.tcb.on svg{display:block}.be .tcb.on{background:var(--be)}.ai .tcb.on{background:var(--ai)}.fe .tcb.on{background:var(--fe)}.ct .tcb.on{background:var(--ct)}.task-txt{flex:1;transition:all .2s}.task.done .task-txt{text-decoration:line-through;color:var(--g400)}.task-edit-btn,.task-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;border-radius:4px;cursor:pointer;color:var(--g700);opacity:0;transition:opacity .12s,background .1s,color .1s;flex-shrink:0}.task:hover .task-edit-btn,.task:hover .task-delete-btn{opacity:1}.task-edit-btn:hover{background:var(--g100);color:var(--g900)}.task-delete-btn:hover{background:#fde8e8;color:#b44343}.task-text-input{flex:1;font-size:12.5px;font-family:var(--font);border:1px solid var(--g300);border-radius:4px;padding:2px 6px;min-width:0;background:#fff;color:var(--g900)}.task-add-btn{display:flex;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-family:var(--font);color:var(--g400);background:none;border:none;cursor:pointer;width:100%;text-align:left;transition:color .12s}.task-add-btn:hover{color:var(--g700)}.div{height:1px;background:var(--g100);margin:4px 14px}.btn-primary{background:var(--g900);color:#fff;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.82}.btn-primary:disabled{opacity:.4;cursor:default}.btn-ghost{background:none;color:var(--g700);border:1px solid var(--g200);border-radius:7px;padding:6px 12px;font-size:13px;font-family:var(--font);cursor:pointer;transition:background .12s}.btn-ghost:hover{background:var(--g100)}.sprint-timeline{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:28px;scrollbar-width:thin;scrollbar-color:var(--g200) transparent}.sprint-card{flex-shrink:0;min-width:148px;background:#fff;border:1.5px solid var(--g200);border-radius:var(--r);padding:12px 14px;cursor:pointer;text-align:left;position:relative;transition:border-color .15s,box-shadow .15s;font-family:var(--font)}.sprint-card:hover{border-color:var(--g400)}.sprint-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.sprint-card.current .sprint-card-name:after{display:none}.sprint-today-dot{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:#1d9e75}.sprint-card-name{font-size:13px;font-weight:600;color:var(--g900);margin-bottom:4px}.sprint-card.active .sprint-card-name{color:var(--accent)}.sprint-card-dates{font-size:11.5px;color:var(--g400);font-family:var(--mono)}.sprint-card-count{margin-top:8px;font-size:11px;font-family:var(--mono);background:var(--g100);display:inline-block;padding:2px 8px;border-radius:100px;color:var(--g700)}.sprint-card.done .sprint-card-count{background:#e1f5ee;color:#0f6e56}.sprint-tasks{background:#fff;border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}.sprint-tasks-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--g100);gap:16px}.sprint-tasks-title{font-size:14px;font-weight:600}.sprint-header-left{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.sprint-tasks-actions{display:flex;gap:8px}.sprint-empty{padding:28px 18px;font-size:13px;color:var(--g400);text-align:center}.task-rows{display:flex;flex-direction:column}.task-add-subtask-btn{width:20px;height:20px;border-radius:4px;border:1.5px dashed var(--g400);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g400);flex-shrink:0;transition:all .15s;padding:0}.task-add-subtask-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.task-expand-btn{width:20px;height:20px;border-radius:4px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--g400);flex-shrink:0;transition:background .12s,color .12s;padding:0}.task-expand-btn:hover{background:var(--g100);color:var(--g700)}.task-expand-btn svg{transition:transform .22s ease}.task-expand-btn.open svg{transform:rotate(180deg)}.task-row.expanded{border-left:3px solid var(--accent);padding-left:11px;background:var(--g50)}.subtask-badge{font-size:11px;font-family:var(--mono);padding:2px 8px;border-radius:100px;background:var(--g100);color:var(--g700);border:none;cursor:pointer;flex-shrink:0;transition:background .12s;white-space:nowrap}.subtask-badge:hover{background:var(--g200)}.subtask-badge.done{background:var(--ai-bg);color:var(--ai)}.points-badge{font-size:11px;font-family:var(--mono);padding:2px 8px;border-radius:100px;background:var(--g50);border:1.5px solid var(--g200);color:var(--g600);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .12s,border-color .12s}.points-badge:hover{background:var(--content-bg);border-color:var(--accent);color:var(--accent)}.points-badge-sm{font-size:10px;padding:1px 6px}.points-input{font-size:11px;font-family:var(--mono);padding:2px 6px;border-radius:5px;border:1.5px solid var(--accent);background:#fff;color:var(--g900);width:52px;outline:none;text-align:center;flex-shrink:0}.points-input::-webkit-inner-spin-button,.points-input::-webkit-outer-spin-button{opacity:1}.subtask-points-input{width:48px}.subtask-list{background:#f8f9fc;border-bottom:1px solid var(--g200);padding:4px 0 8px;margin:0 14px 0 52px;display:flex;flex-direction:column}.subtask-row{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:6px;transition:background .1s}.subtask-row:hover{background:#00000008}.subtask-row:hover .task-row-action{opacity:1}.subtask-row.done .subtask-label{text-decoration:line-through;color:var(--g400)}.subtask-label{font-size:13px}.subtask-add-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-family:var(--font);color:var(--g400);background:none;border:none;cursor:pointer;text-align:left;border-radius:4px;transition:color .12s,background .12s;width:100%;margin-top:2px}.subtask-add-btn:hover{color:var(--accent);background:var(--accent-bg)}.assignee-add-btn.sm{height:20px;font-size:10px;padding:1px 6px}.task-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--g100);transition:background .1s}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--g50)}.task-row.done .task-row-label{text-decoration:line-through;color:var(--g400)}.plan-tcb{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--g200);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .15s;padding:0}.plan-tcb:hover{border-color:var(--accent)}.plan-tcb.on{background:var(--accent);border-color:var(--accent)}.plan-tcb svg{width:10px;height:10px}.task-row-text{flex:1;min-width:0}.task-row-label{font-size:13px;cursor:text;display:block}.task-edit-input{width:100%;font-size:13px;font-family:var(--font);border:1px solid var(--accent);border-radius:5px;padding:3px 8px;outline:none;background:#fff;color:var(--g900)}.task-row-features{display:flex;align-items:center;gap:5px;flex-wrap:wrap;position:relative}.feat-pill{font-size:11px;font-weight:500;padding:2px 9px;border-radius:100px;background:color-mix(in srgb,var(--fc) 14%,transparent);color:var(--fc);border:1px solid color-mix(in srgb,var(--fc) 30%,transparent);white-space:nowrap}.feat-add-btn{font-size:11px;color:var(--g400);background:none;border:1px dashed var(--g200);border-radius:100px;padding:2px 8px;cursor:pointer;font-family:var(--font);white-space:nowrap;transition:all .12s}.feat-add-btn:hover{border-color:var(--g400);color:var(--g700)}.feat-picker{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--g200);border-radius:8px;box-shadow:0 4px 16px #0000001a;padding:6px;z-index:100;min-width:170px}.feat-picker-empty{font-size:12px;color:var(--g400);padding:6px 8px}.feat-picker-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:5px;cursor:pointer;font-size:12.5px;transition:background .1s}.feat-picker-item:hover{background:var(--g50)}.feat-picker-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:13px;height:13px}.feat-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.task-row-action{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:5px;cursor:pointer;color:var(--g400);transition:all .12s;flex-shrink:0;padding:0}.task-row:hover .task-row-action{opacity:.6}.task-row-action:hover{background:var(--g100);color:var(--g700);opacity:1!important}.task-row-action.danger:hover{background:#fde8e8;color:#b44343}.color-dropdown-wrap{position:relative;flex-shrink:0}.color-dropdown-btn{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000026,inset 0 0 0 1px #00000014;cursor:pointer;transition:transform .1s,box-shadow .1s;padding:0;flex-shrink:0}.color-dropdown-btn:hover{transform:scale(1.12);box-shadow:0 2px 8px #00000038}.color-dropdown-btn.sm{width:18px;height:18px}.color-dropdown{background:#fff;border:1px solid var(--g200);border-radius:10px;box-shadow:0 6px 20px #0000001f;z-index:200}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 0 1px #0000001f;cursor:pointer;transition:transform .1s;flex-shrink:0;padding:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#ffffffe6;box-shadow:0 0 0 1.5px #00000040}.color-swatch.sm{width:16px;height:16px}.feat-add-form{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:14px 16px;margin-bottom:20px;flex-wrap:wrap}.feat-name-input{flex:1;min-width:160px;font-size:13px;font-family:var(--font);border:1px solid var(--g200);border-radius:7px;padding:7px 12px;outline:none;color:var(--g900);background:var(--g50);transition:border-color .12s}.feat-name-input:focus{border-color:var(--accent);background:#fff}.feat-list{display:flex;flex-direction:column;gap:6px}.feat-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:10px 14px;transition:box-shadow .12s}.feat-row:hover{box-shadow:0 2px 8px #0000000f}.feat-row:hover .task-row-action,.feat-row:hover .feat-row-btns{opacity:1}.feat-row-colors{display:flex;align-items:center;gap:4px}.feat-row-pill{font-size:12px;font-weight:500;padding:3px 10px;border-radius:100px;background:color-mix(in srgb,var(--fc) 14%,transparent);color:var(--fc);border:1px solid color-mix(in srgb,var(--fc) 30%,transparent);flex-shrink:0}.feat-row-name{flex:1;font-size:13.5px;font-weight:500;cursor:text}.feat-edit-input{flex:1}.feat-row-btns{display:flex;gap:2px;opacity:0;transition:opacity .12s}.feat-row:hover .feat-row-btns{opacity:1}.task-row-assignees{display:flex;align-items:center;position:relative}.assignee-avatars{display:flex;align-items:center;gap:3px}.assignee-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:10px;font-weight:600;flex-shrink:0;border:2px solid #fff;letter-spacing:0}.assignee-avatar.sm{width:20px;height:20px;font-size:9px;border-width:1.5px}.assignee-add-btn{font-size:11px;color:var(--g400);background:none;border:1px dashed var(--g200);border-radius:100px;padding:2px 8px;cursor:pointer;font-family:var(--font);white-space:nowrap;transition:all .12s;height:24px}.assignee-add-btn:hover{border-color:var(--g400);color:var(--g700)}.assignee-picker{right:auto;left:0}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.member-card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;transition:box-shadow .12s}.member-card:hover{box-shadow:0 2px 10px #00000012}.member-card:hover .task-row-action{opacity:1}.member-avatar{width:60px;height:60px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;flex-shrink:0}.member-name{font-size:15px;font-weight:600;cursor:text}.member-card-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.member-email{font-size:12px;color:var(--g400)}.member-edit-input{text-align:center}.member-email-input{font-size:12px;padding:4px 8px}.member-edit-input{width:100%;text-align:center}.member-colors{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.member-card-btns{display:flex;gap:2px;opacity:0;transition:opacity .12s}.member-card:hover .member-card-btns,.member-card:hover .task-row-action{opacity:1}footer{margin-top:40px;font-size:12px;color:var(--g400);text-align:center}.sg-card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);overflow:hidden}.sg-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.sg-card-header:hover{background:var(--g50)}.sg-card-header-left{display:flex;align-items:center;gap:8px}.sg-chevron{color:var(--g400);transition:transform .2s;flex-shrink:0}.sg-chevron--open{transform:rotate(0)}.sg-chevron:not(.sg-chevron--open){transform:rotate(-90deg)}.sg-card-title{font-size:13px;font-weight:600;color:var(--g700)}.sg-empty-badge{font-size:11px;color:var(--g400);background:var(--g100);padding:1px 6px;border-radius:10px}.sg-edit-btn{padding:4px;border:none;background:transparent;color:var(--g400);cursor:pointer;border-radius:4px;display:flex;align-items:center;transition:color .1s,background .1s}.sg-edit-btn:hover{color:var(--accent);background:var(--g100)}.sg-card-body{padding:0 16px 14px}.sg-display{font-size:13px;color:var(--g700);cursor:text;padding:8px 12px;border:1.5px solid transparent;border-radius:6px;min-height:36px;line-height:1.6;transition:border-color .15s,background .15s;width:100%;box-sizing:border-box}.sg-display:hover{border-color:var(--accent);background:#f8f9ff}.sg-display.sg-empty{color:var(--g400);border:1.5px dashed var(--g200);display:flex;align-items:center}.sg-display.sg-empty em{font-style:normal}.sg-display p{margin:0 0 .6em}.sg-display p:last-child{margin-bottom:0}.sg-display ul,.sg-display ol{margin:.4em 0 .6em;padding-left:1.4em}.sg-display li{margin:.3em 0}.sg-display li>ul,.sg-display li>ol{margin:.2em 0}.sg-display strong{font-weight:600}.sg-display em{font-style:italic}.sg-display code{background:var(--g100);padding:1px 4px;border-radius:3px;font-size:12px;font-family:monospace}.sg-display a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.sg-display a:hover{opacity:.75}.sg-editor{display:flex;flex-direction:column;gap:6px;padding:10px;border:1.5px solid var(--accent);border-radius:8px;background:#fff;box-shadow:0 2px 12px #4f46e514}.sg-toolbar{display:flex;gap:4px}.sg-tool-btn{padding:3px 8px;border:1px solid var(--g200);border-radius:4px;background:var(--g50);cursor:pointer;font-size:13px;color:var(--g600);transition:background .1s}.sg-tool-btn:hover{background:var(--g100)}.sg-tool-btn:first-child{font-weight:700}.sg-tool-btn:nth-child(2){font-style:italic}.sg-textarea{width:100%;box-sizing:border-box;border:1px solid var(--g200);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.6;resize:vertical;font-family:inherit;color:var(--g800);outline:none;transition:border-color .15s}.sg-textarea:focus{border-color:var(--accent)}.sg-actions{display:flex;align-items:center;gap:6px}.sg-hint{font-size:11px;color:var(--g400);margin-right:auto}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;z-index:9999;animation:toast-in .2s ease;box-shadow:0 2px 8px #00000026}.toast-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.login-card{background:#fff;border:1px solid var(--g200);border-radius:12px;padding:40px;width:360px;box-shadow:0 4px 20px #00000014}.login-title{font-size:28px;font-weight:700;color:var(--accent);margin:0 0 4px;text-align:center}.login-sub{font-size:14px;color:var(--g400);margin:0 0 28px;text-align:center}.login-input{width:100%;box-sizing:border-box;font-size:15px;font-family:var(--font);border:1px solid var(--g200);border-radius:8px;padding:10px 14px;outline:none;margin-bottom:12px;transition:border-color .12s;color:var(--g900)}.login-input:focus{border-color:var(--accent);background:#fff}.login-error{font-size:13px;color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:8px 12px;margin-bottom:12px}.login-btn{width:100%}.sidebar-spacer{flex:1}.sidebar-user{display:flex;align-items:center;gap:8px;padding:10px 4px;border-top:1px solid var(--g200);margin-top:8px;transition:background .12s}.sidebar-user:hover{background:var(--g50);border-radius:6px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--g800)}.sidebar-user-email{font-size:11px;color:var(--g400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:var(--g400);padding:4px;border-radius:4px;display:flex;align-items:center;transition:color .12s;flex-shrink:0}.sidebar-logout-btn:hover{color:#991b1b}.toast-success{background:#dcfce7;color:#166534;border:1px solid #86efac}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hamburger-btn{display:none;position:fixed;top:14px;left:14px;z-index:300;background:var(--g900);color:#fff;border:none;border-radius:8px;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;padding:0}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:199;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.sidebar-top-row{display:flex;align-items:center;justify-content:space-between}.sidebar-close-btn{display:none;background:none;border:none;cursor:pointer;color:var(--g700);padding:4px;border-radius:6px;align-items:center;transition:background .12s,color .12s;flex-shrink:0}.sidebar-close-btn:hover{background:var(--g100);color:var(--g900)}@media (max-width: 768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 20px #0000001f;width:240px}.sidebar--open{transform:translate(0)}.sidebar-close-btn{display:flex}.page-content{padding:60px 16px 48px}.page-content--prototype{padding:0}}@media (max-width: 540px){.board{grid-template-columns:1fr!important}.sprint-timeline{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.sprint-card{min-width:140px}.task-row{flex-wrap:wrap;gap:6px;padding:10px 12px}.task-row-features{width:100%;margin-top:2px}.task-row-assignees{margin-left:auto}.subtask-row{flex-wrap:wrap;gap:6px;padding:6px 10px}.sprint-tasks-header{flex-direction:column;align-items:flex-start}.sprint-tasks-actions{width:100%;justify-content:flex-end}.page-title{font-size:20px}.login-card{padding:28px 20px;width:100%;border-radius:12px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.toast{left:12px;right:12px;bottom:16px}.meta-row{gap:6px}.pill{font-size:11px;padding:4px 10px}.epic-hdr{flex-wrap:wrap}.feat-add-form{padding:12px}.feat-name-input{min-width:0;width:100%}.task-details-btn{display:flex!important;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:var(--g100);color:var(--g700);cursor:pointer;flex-shrink:0;padding:0;transition:background .12s,color .12s}.task-details-btn:hover{background:var(--g200);color:var(--g900)}.subtask-details-panel{padding:8px 14px 10px;background:var(--g50);border-top:1px solid var(--g200)}.task-details-panel{display:flex;background:var(--g50);border-top:1px solid var(--g200);padding:10px 14px 12px;flex-direction:column;gap:8px}.subtask-row{padding:6px 10px;flex-wrap:nowrap;gap:8px;align-items:center}.subtask-row .task-row-text{flex:1;min-width:0;display:flex;align-items:center}.subtask-row .task-row-label{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtask-row .task-row-action{display:none}.subtask-row .plan-tcb{flex-shrink:0}.subtask-list{margin-left:0;padding:4px 0 6px}.subtask-add-btn{padding:4px 10px;font-size:12px}.subtask-row .task-row-assignees,.subtask-row .points-badge{display:none}.tdp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--g100)}.tdp-row:last-child{border-bottom:none}.tdp-label{font-size:13px;color:var(--g700);font-weight:500;flex-shrink:0}.tdp-val{font-size:13px;color:var(--g900);background:none;border:none;cursor:pointer;font-family:var(--font);padding:2px 8px;border-radius:6px;transition:background .12s}.tdp-val:hover{background:var(--g100)}.tdp-pts{font-family:var(--mono);color:var(--g700)}.tdp-subtask-count{background:var(--g100);color:var(--g700);border-radius:100px;font-size:12px;font-family:var(--mono)}.tdp-avatars{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tdp-features{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tdp-add-btn{font-size:12px;color:var(--g400);background:none;border:1px dashed var(--g200);border-radius:100px;padding:2px 8px;cursor:pointer;font-family:var(--font);transition:all .12s}.tdp-add-btn:hover{border-color:var(--accent);color:var(--accent)}.tdp-actions{display:flex;gap:8px;padding-top:6px}.tdp-action-btn{flex:1;justify-content:center;font-size:13px;padding:8px 12px}.tdp-delete-btn{color:#991b1b}.tdp-delete-btn:hover{background:#fee2e2;color:#991b1b}}.hana-proto{--hp-purple: #7C6FE0;--hp-purple-light: #EDE9FD;--hp-purple-dark: #5A4FC7;--hp-pink: #E8609A;--hp-pink-light: #FDEAF3;--hp-coral: #F07050;--hp-coral-light: #FEF0EC;--hp-teal: #2EC4A0;--hp-teal-light: #E3F8F3;--hp-amber: #F5A623;--hp-amber-light: #FEF7E8;--hp-gray-50: #F9F9F9;--hp-gray-100: #F2F2F2;--hp-gray-200: #E8E8E8;--hp-gray-400: #BDBDBD;--hp-gray-600: #888;--hp-white: #FFF;--hp-text-primary: #1A1A2E;--hp-text-secondary: #6B7280;--hp-text-muted: #9CA3AF;--hp-radius-sm: 8px;--hp-radius-md: 14px;--hp-radius-lg: 20px;--hp-shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--hp-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--hp-font-main: "Nunito", sans-serif;--hp-font-body: "Nunito Sans", sans-serif;display:flex;justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:100%;padding:24px;background:#e8e8f0;overflow-y:auto;font-family:var(--hp-font-body)}.hp-phone{width:390px;height:844px;background:var(--hp-white);border-radius:44px;box-shadow:0 32px 80px #00000038,0 0 0 10px #1a1a2e;overflow:hidden;position:relative;display:flex;flex-direction:column;flex-shrink:0}@media (max-width: 480px){.hana-proto{height:100dvh;padding:0;background:var(--hp-white);align-items:stretch;overflow:hidden}.hp-phone{width:100vw;height:100dvh;border-radius:0;box-shadow:none}}.hp-status-bar{height:50px;background:var(--hp-white);display:flex;align-items:center;justify-content:space-between;padding:12px 28px 0;flex-shrink:0;z-index:10}.hp-status-time{font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:var(--hp-text-primary)}.hp-status-icons{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--hp-text-primary)}.hp-tab-bar{height:80px;background:var(--hp-white);border-top:1px solid var(--hp-gray-100);display:flex;align-items:center;justify-content:space-around;padding:0 8px 16px;flex-shrink:0}.hp-tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 16px;border-radius:var(--hp-radius-md);transition:all .2s;flex:1}.hp-tab-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.hp-tab-item.active .hp-tab-icon{background:var(--hp-purple-light)}.hp-tab-label{font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:var(--hp-text-muted)}.hp-tab-item.active .hp-tab-label{color:var(--hp-purple)}.hp-scroll-content{flex:1;overflow-y:auto}.hp-scroll-content::-webkit-scrollbar{display:none}.hp-back-btn{width:36px;height:36px;border-radius:50%;background:var(--hp-gray-100);border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-btn-primary{width:100%;padding:15px;border-radius:var(--hp-radius-md);background:var(--hp-purple);border:none;cursor:pointer;font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:#fff;box-shadow:0 4px 16px #7c6fe059;transition:all .15s}.hp-btn-primary:disabled{background:var(--hp-gray-200);color:var(--hp-gray-600);box-shadow:none;cursor:default}.hp-btn-primary:active{transform:scale(.98)}.hp-btn-skip{width:100%;padding:8px;border-radius:var(--hp-radius-md);background:transparent;border:none;cursor:pointer;font-family:var(--hp-font-main);font-weight:600;font-size:12px;color:var(--hp-text-muted);margin-top:4px}.hp-section-hdr{padding:4px 24px 10px;font-family:var(--hp-font-main);font-size:17px;font-weight:800;color:var(--hp-text-primary)}.hp-progress-track{height:8px;background:var(--hp-gray-100);border-radius:100px;overflow:hidden}.hp-progress-fill{height:100%;background:linear-gradient(90deg,var(--hp-purple),var(--hp-pink));border-radius:100px;transition:width .3s}.hp-home-header{padding:16px 24px 12px;background:var(--hp-white)}.hp-greeting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hp-greeting{font-family:var(--hp-font-main);font-size:22px;font-weight:900;color:var(--hp-text-primary)}.hp-greeting-name{color:var(--hp-purple)}.hp-avatar-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--hp-purple),var(--hp-pink));display:flex;align-items:center;justify-content:center;font-family:var(--hp-font-main);font-weight:800;font-size:16px;color:#fff;cursor:pointer;border:none;box-shadow:var(--hp-shadow-sm)}.hp-streak-row{display:flex;gap:8px}.hp-streak-pill{background:var(--hp-amber-light);border-radius:100px;padding:6px 14px;font-family:var(--hp-font-main);font-weight:700;font-size:13px;color:#b07800}.hp-level-pill{background:var(--hp-purple-light);border-radius:100px;padding:6px 14px;font-family:var(--hp-font-main);font-weight:700;font-size:13px;color:var(--hp-purple-dark)}.hp-progress-section{padding:12px 24px 4px}.hp-progress-label{display:flex;justify-content:space-between;margin-bottom:7px}.hp-progress-label span{font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-text-secondary)}.hp-due-card{margin:16px 24px 4px;background:linear-gradient(135deg,#7c6fe0,#e8609a);border-radius:var(--hp-radius-lg);padding:16px 18px;cursor:pointer;transition:transform .15s}.hp-due-card:active{transform:scale(.98)}.hp-due-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hp-due-title{font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:#fff}.hp-due-count{background:#ffffff40;border-radius:100px;padding:3px 10px;font-family:var(--hp-font-main);font-weight:800;font-size:12px;color:#fff}.hp-due-sub{font-family:var(--hp-font-body);font-size:12px;color:#fffc}.hp-lesson-list{padding:0 24px;display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.hp-lcard{background:var(--hp-white);border:1.5px solid var(--hp-gray-100);border-radius:var(--hp-radius-md);padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:var(--hp-shadow-sm);transition:all .15s}.hp-lcard:active{transform:scale(.98)}.hp-lcard.current{border-color:var(--hp-purple);background:var(--hp-purple-light)}.hp-lcard.locked{opacity:.45;cursor:default}.hp-lcard-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.hp-lcard-info{flex:1}.hp-lcard-name{font-family:var(--hp-font-main);font-weight:800;font-size:13px;color:var(--hp-text-primary);margin-bottom:2px}.hp-lcard-meta{font-family:var(--hp-font-body);font-size:11px;color:var(--hp-text-secondary)}.hp-lbadge{font-family:var(--hp-font-main);font-size:11px;font-weight:700;padding:3px 9px;border-radius:100px}.hp-badge-done{background:var(--hp-teal-light);color:#0f7a60}.hp-badge-cur{background:var(--hp-purple);color:#fff}.hp-badge-lock{background:var(--hp-gray-100);color:var(--hp-gray-600)}.hp-profile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:flex-end}.hp-profile-sheet{width:100%;background:var(--hp-white);border-radius:28px 28px 0 0;padding:20px 24px 40px;animation:hp-slide-up .3s ease}@keyframes hp-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hp-sheet-handle{width:40px;height:4px;background:var(--hp-gray-200);border-radius:100px;margin:0 auto 20px}.hp-profile-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.hp-profile-avatar-lg{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--hp-purple),var(--hp-pink));display:flex;align-items:center;justify-content:center;font-family:var(--hp-font-main);font-weight:900;font-size:22px;color:#fff;flex-shrink:0}.hp-profile-name{font-family:var(--hp-font-main);font-weight:900;font-size:18px;color:var(--hp-text-primary)}.hp-profile-level{font-family:var(--hp-font-body);font-size:13px;color:var(--hp-text-secondary);margin-top:2px}.hp-profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.hp-profile-stat{background:var(--hp-gray-50);border-radius:var(--hp-radius-md);padding:12px;text-align:center;border:1.5px solid var(--hp-gray-100)}.hp-profile-stat-num{font-family:var(--hp-font-main);font-weight:900;font-size:22px;color:var(--hp-text-primary)}.hp-profile-stat-lbl{font-family:var(--hp-font-body);font-size:11px;color:var(--hp-text-secondary);margin-top:2px}.hp-profile-path-row{background:var(--hp-purple-light);border-radius:var(--hp-radius-md);padding:14px 16px;display:flex;align-items:center;gap:12px}.hp-profile-path-name{font-family:var(--hp-font-main);font-weight:800;font-size:14px;color:var(--hp-purple-dark)}.hp-profile-path-sub{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-purple)}.hp-cp-header{padding:14px 20px 12px;background:var(--hp-white);border-bottom:1px solid var(--hp-gray-100);flex-shrink:0;display:flex;align-items:center;gap:12px}.hp-cp-lesson-name{font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:var(--hp-text-primary)}.hp-cp-unit{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary)}.hp-cp-steps-bar{display:flex;gap:5px;padding:10px 24px 0;flex-shrink:0}.hp-cp-step{flex:1;height:6px;border-radius:100px;background:var(--hp-gray-200);transition:background .3s}.hp-cp-step.done{background:var(--hp-purple)}.hp-cp-step.active{background:var(--hp-purple);opacity:.5}.hp-cp-footer{padding:12px 24px 8px;flex-shrink:0;border-top:1px solid var(--hp-gray-100)}.hp-quiz-wrap{flex:1;overflow-y:auto;padding:16px 24px}.hp-quiz-wrap::-webkit-scrollbar{display:none}.hp-cp-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:100px;margin-bottom:14px;font-family:var(--hp-font-main);font-size:12px;font-weight:700}.hp-cp-question{font-family:var(--hp-font-main);font-size:18px;font-weight:800;color:var(--hp-text-primary);line-height:1.4;margin-bottom:6px}.hp-cp-sub{font-family:var(--hp-font-body);font-size:13px;color:var(--hp-text-secondary);margin-bottom:20px;line-height:1.6}.hp-quiz-options{display:flex;flex-direction:column;gap:9px}.hp-qopt{padding:13px 16px;border-radius:var(--hp-radius-md);border:1.5px solid var(--hp-gray-200);background:var(--hp-white);cursor:pointer;font-family:var(--hp-font-main);font-size:14px;font-weight:600;color:var(--hp-text-primary);display:flex;align-items:center;gap:11px;transition:all .15s;text-align:left}.hp-qopt:active{transform:scale(.98)}.hp-qopt.selected{border-color:var(--hp-purple);background:var(--hp-purple-light);color:var(--hp-purple-dark)}.hp-qopt.correct{border-color:var(--hp-teal);background:var(--hp-teal-light);color:#0a6b50}.hp-qopt.wrong{border-color:#f07070;background:#fef0f0;color:#a03030}.hp-qopt-ltr{width:27px;height:27px;border-radius:7px;background:var(--hp-gray-100);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;color:var(--hp-text-secondary);transition:all .15s}.hp-qopt.selected .hp-qopt-ltr{background:var(--hp-purple);color:#fff}.hp-qopt.correct .hp-qopt-ltr{background:var(--hp-teal);color:#fff}.hp-qopt.wrong .hp-qopt-ltr{background:#f07070;color:#fff}.hp-voice-screen{flex:1;display:flex;flex-direction:column;overflow:hidden}.hp-avatar-zone{flex-shrink:0;position:relative;overflow:hidden}.hp-avatar-zone.hana-mode{height:200px}.hp-avatar-zone.roleplay-mode{height:220px}.hp-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1a1a2e,#2d2250,#1a1a2e)}.hp-avatar-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:52px;border:3px solid rgba(255,255,255,.15)}.hp-avatar-circle.hana{background:linear-gradient(135deg,var(--hp-purple),var(--hp-pink))}.hp-avatar-circle.roleplay{background:linear-gradient(135deg,#2d5fa0,#1a3a70)}.hp-avatar-name-tag{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 16px;border-radius:100px;font-family:var(--hp-font-main);font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap}.hp-connected-tag{position:absolute;top:12px;right:12px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:100px;font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;gap:5px}.hp-status-dot{width:7px;height:7px;border-radius:50%}.hp-status-dot.active{background:#4caf50;box-shadow:0 0 6px #4caf50}.hp-chat-history{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px;background:var(--hp-white)}.hp-chat-history::-webkit-scrollbar{display:none}.hp-chat-row{display:flex;gap:8px;align-items:flex-end}.hp-chat-row.user{flex-direction:row-reverse}.hp-chat-av{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;font-family:var(--hp-font-main)}.hp-chat-av.ai{background:linear-gradient(135deg,var(--hp-purple),var(--hp-pink));color:#fff}.hp-chat-av.ai-role{background:linear-gradient(135deg,#2d5fa0,#1a3a70);color:#fff}.hp-chat-av.user-av{background:var(--hp-gray-200);color:var(--hp-gray-600)}.hp-chat-bubble{max-width:72%;padding:9px 13px;border-radius:16px;font-family:var(--hp-font-body);font-size:13px;line-height:1.6;color:var(--hp-text-primary)}.hp-chat-bubble.ai{background:var(--hp-gray-100);border-bottom-left-radius:4px}.hp-chat-bubble.user{background:var(--hp-amber);color:#3d2800;border-bottom-right-radius:4px}.hp-mic-bar{padding:10px 24px 12px;background:var(--hp-white);border-top:1px solid var(--hp-gray-100);flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}.hp-mic-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--hp-amber);box-shadow:0 4px 16px #f5a62366;transition:all .15s}.hp-mic-btn.listening{background:var(--hp-coral);box-shadow:0 4px 16px #f0705080;animation:hp-mic-pulse 1.2s ease-in-out infinite}@keyframes hp-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hp-mic-label{font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-text-muted)}.hp-typing-bub{background:var(--hp-gray-100);border-radius:16px 16px 16px 4px;padding:10px 14px;display:flex;gap:5px;align-items:center}.hp-tdot{width:7px;height:7px;border-radius:50%;background:var(--hp-gray-400);animation:hp-ta 1.2s ease-in-out infinite}.hp-tdot:nth-child(2){animation-delay:.2s}.hp-tdot:nth-child(3){animation-delay:.4s}@keyframes hp-ta{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.hp-done-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:14px}.hp-done-emoji{font-size:64px}.hp-done-title{font-family:var(--hp-font-main);font-weight:900;font-size:26px;color:var(--hp-text-primary);text-align:center}.hp-done-sub{font-family:var(--hp-font-body);font-size:14px;color:var(--hp-text-secondary);text-align:center;line-height:1.6}.hp-done-stats{display:flex;gap:20px}.hp-done-stat{text-align:center}.hp-done-stat-num{font-family:var(--hp-font-main);font-weight:900;font-size:28px;color:var(--hp-purple)}.hp-done-stat-lbl{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary)}.hp-fc-header{padding:14px 20px 12px;background:var(--hp-white);border-bottom:1px solid var(--hp-gray-100);flex-shrink:0;display:flex;align-items:center;gap:12px}.hp-fc-title{font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:var(--hp-text-primary)}.hp-fc-sub{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary)}.hp-shuffle-btn{padding:6px 12px;border-radius:100px;background:var(--hp-purple-light);border:none;cursor:pointer;font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-purple);transition:all .15s}.hp-shuffle-btn:active{transform:scale(.96)}.hp-fc-prog-bar{padding:10px 24px 0;flex-shrink:0}.hp-fc-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.hp-flip-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px;gap:14px}.hp-flip-hint{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-muted);text-align:center}.hp-flip-scene{width:100%;max-width:320px;height:196px;perspective:1000px;cursor:pointer}.hp-flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.hp-flip-card.flipped{transform:rotateY(180deg)}.hp-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--hp-radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--hp-shadow-md)}.hp-flip-front{background:linear-gradient(135deg,var(--hp-purple),#9C6FE8);text-align:center}.hp-flip-back{background:var(--hp-white);border:1.5px solid var(--hp-gray-200);transform:rotateY(180deg);text-align:center}.hp-flip-source-tag{font-family:var(--hp-font-main);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;background:#ffffff2e;color:#ffffffe6;margin-bottom:10px}.hp-flip-word{font-family:var(--hp-font-main);font-weight:900;font-size:28px;color:#fff;margin-bottom:6px}.hp-flip-tap{font-family:var(--hp-font-body);font-size:12px;color:#fff9}.hp-flip-source-back{font-family:var(--hp-font-main);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;background:var(--hp-purple-light);color:var(--hp-purple);margin-bottom:8px}.hp-flip-def{font-family:var(--hp-font-body);font-size:14px;color:var(--hp-text-primary);line-height:1.6;margin-bottom:8px}.hp-flip-ex{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary);font-style:italic;line-height:1.5}.hp-rating-row{display:flex;gap:8px;width:100%;max-width:320px}.hp-rtn-btn{flex:1;padding:12px 6px;border-radius:var(--hp-radius-md);border:none;cursor:pointer;font-family:var(--hp-font-main);font-weight:700;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s,transform .3s}.hp-rtn-btn.vis{opacity:1;pointer-events:all;transform:translateY(0)}.hp-rtn-btn:active{transform:scale(.95) translateY(0)}.hp-rtn-btn .ri{font-size:18px}.hp-btn-again{background:#fef0ec;color:var(--hp-coral)}.hp-btn-hard{background:var(--hp-amber-light);color:#9a6800}.hp-btn-good{background:var(--hp-teal-light);color:#0a6b50}.hp-btn-easy{background:var(--hp-purple-light);color:var(--hp-purple-dark)}.hp-wordlist-toggle{padding:10px 24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--hp-gray-100);cursor:pointer;gap:6px;font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-text-muted)}.hp-wordlist-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--hp-white);border-radius:24px 24px 0 0;box-shadow:0 -8px 32px #0000001f;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);max-height:72%;display:flex;flex-direction:column;z-index:50}.hp-wordlist-sheet.open{transform:translateY(0)}.hp-sheet-handle-sm{width:36px;height:4px;background:var(--hp-gray-200);border-radius:100px;margin:12px auto 0}.hp-sheet-header{padding:12px 20px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hp-gray-100)}.hp-sheet-title{font-family:var(--hp-font-main);font-weight:800;font-size:16px;color:var(--hp-text-primary)}.hp-sheet-close{width:28px;height:28px;border-radius:50%;background:var(--hp-gray-100);border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.hp-word-list{overflow-y:auto;padding:8px 0 24px}.hp-word-list::-webkit-scrollbar{display:none}.hp-word-row{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .15s}.hp-word-row:active{background:var(--hp-gray-50)}.hp-word-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hp-word-text{font-family:var(--hp-font-main);font-weight:700;font-size:14px;color:var(--hp-text-primary);flex:1}.hp-word-hint{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary)}.hp-wbadge{font-family:var(--hp-font-main);font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px}.hp-cc-header{padding:14px 20px 12px;background:var(--hp-white);border-bottom:1px solid var(--hp-gray-100);flex-shrink:0;display:flex;align-items:center;gap:12px}.hp-hana-av-sm{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--hp-purple),var(--hp-pink));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.hp-cc-header-name{font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:var(--hp-text-primary)}.hp-cc-header-sub{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-muted)}.hp-cc-new-btn{font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-purple);cursor:pointer;padding:6px 12px;background:var(--hp-purple-light);border-radius:100px;border:none}.hp-chat-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.hp-chat-messages::-webkit-scrollbar{display:none}.hp-msg-row{display:flex;gap:8px;align-items:flex-end}.hp-msg-row.user-msg{flex-direction:row-reverse}.hp-msg-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;font-family:var(--hp-font-main)}.hp-msg-av.hana{background:linear-gradient(135deg,var(--hp-purple),var(--hp-pink));color:#fff}.hp-msg-av.user{background:linear-gradient(135deg,#4a90d9,#7c6fe0);color:#fff}.hp-msg-bubble{max-width:76%;padding:10px 14px;border-radius:18px;font-family:var(--hp-font-body);font-size:13px;line-height:1.6}.hp-msg-bubble.hana{background:var(--hp-gray-50);border-bottom-left-radius:4px;border:1px solid var(--hp-gray-200);color:var(--hp-text-primary)}.hp-msg-bubble.user{background:var(--hp-purple);color:#fff;border-bottom-right-radius:4px}.hp-typing-bubble-cc{background:var(--hp-gray-50);border:1px solid var(--hp-gray-200);border-radius:18px 18px 18px 4px;padding:12px 16px;display:flex;gap:5px;align-items:center}.hp-lesson-card{background:var(--hp-white);border:1.5px solid var(--hp-gray-200);border-radius:var(--hp-radius-md);overflow:hidden;margin-top:4px;box-shadow:var(--hp-shadow-sm)}.hp-lesson-card-hdr{padding:12px 14px;background:var(--hp-purple-light);display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(124,111,224,.15)}.hp-lesson-card-title{font-family:var(--hp-font-main);font-weight:800;font-size:13px;color:var(--hp-purple-dark)}.hp-lesson-card-body{padding:12px 14px}.hp-lesson-stat-row{display:flex;gap:8px;margin-bottom:10px}.hp-lesson-stat{flex:1;background:var(--hp-gray-50);border-radius:var(--hp-radius-sm);padding:8px;text-align:center}.hp-lesson-stat-num{font-family:var(--hp-font-main);font-weight:900;font-size:18px;color:var(--hp-text-primary)}.hp-lesson-stat-lbl{font-family:var(--hp-font-body);font-size:10px;color:var(--hp-text-secondary);margin-top:1px}.hp-vocab-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.hp-vocab-chip{padding:4px 10px;border-radius:100px;background:var(--hp-purple-light);font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:var(--hp-purple-dark)}.hp-output-actions{display:flex;gap:8px}.hp-btn-act{flex:1;padding:10px 8px;border-radius:var(--hp-radius-sm);border:none;cursor:pointer;font-family:var(--hp-font-main);font-size:12px;font-weight:700;transition:all .15s}.hp-btn-act:active{transform:scale(.97)}.hp-btn-act.primary{background:var(--hp-purple);color:#fff}.hp-btn-act.secondary{background:var(--hp-gray-100);color:var(--hp-text-secondary)}.hp-suggestion-row{padding:6px 16px 8px;display:flex;gap:6px;overflow-x:auto;flex-shrink:0}.hp-suggestion-row::-webkit-scrollbar{display:none}.hp-sug-chip{white-space:nowrap;padding:7px 14px;border-radius:100px;border:1.5px solid var(--hp-gray-200);background:var(--hp-white);cursor:pointer;font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-text-secondary);transition:all .15s;flex-shrink:0}.hp-sug-chip:active{background:var(--hp-purple-light);border-color:var(--hp-purple);color:var(--hp-purple)}.hp-chat-input-bar{padding:10px 16px 12px;background:var(--hp-white);border-top:1px solid var(--hp-gray-100);flex-shrink:0}.hp-input-row{display:flex;align-items:flex-end;gap:8px}.hp-attach-btn{width:36px;height:36px;border-radius:50%;background:var(--hp-gray-100);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all .15s}.hp-attach-btn:active{background:var(--hp-purple-light)}.hp-chat-input{flex:1;padding:9px 14px;border-radius:22px;border:1.5px solid var(--hp-gray-200);background:var(--hp-gray-50);font-family:var(--hp-font-body);font-size:14px;color:var(--hp-text-primary);outline:none;resize:none;max-height:100px;line-height:1.5;transition:border-color .2s}.hp-chat-input:focus{border-color:var(--hp-purple);background:var(--hp-white)}.hp-send-btn{width:36px;height:36px;border-radius:50%;background:var(--hp-purple);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #7c6fe066;transition:all .15s;color:#fff;font-weight:900}.hp-send-btn:disabled{background:var(--hp-gray-200);box-shadow:none;cursor:default}.hp-send-btn:active{transform:scale(.95)}.hp-attach-preview{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--hp-pink-light);border-radius:var(--hp-radius-sm);margin-bottom:8px}.hp-attach-name{font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-pink);flex:1}.hp-attach-remove{background:none;border:none;cursor:pointer;font-size:16px;color:var(--hp-pink)}.hp-avatar-zone.rp-multi{background:linear-gradient(160deg,#1a1a2e,#2d2250,#1a1a2e)}.hp-avatar-zone.rp-multi .hp-rp-multi-chars{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:0;padding:12px 8px 8px}.hp-rp-multi-char{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:6px 4px;border-radius:var(--hp-radius-md);transition:background .2s}.hp-rp-multi-char.speaking{background:#ffffff12}.hp-rp-multi-av{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;border:2.5px solid rgba(255,255,255,.12);transition:border-color .25s}.hp-rp-multi-char.speaking .hp-rp-multi-av{border-color:#ffffff8c}.hp-rp-pulse-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);animation:hp-rp-pulse 1.4s ease-in-out infinite}.hp-rp-pulse-ring.user{border-color:var(--hp-teal);opacity:.8}@keyframes hp-rp-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.13);opacity:1}}.hp-rp-multi-name{font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:#ffffffe0;text-align:center;white-space:nowrap}.hp-rp-multi-role{font-family:var(--hp-font-body);font-size:9px;color:#ffffff73;text-align:center;white-space:nowrap}.hp-rp-multi-divider{width:1px;height:36px;background:#ffffff1a;flex-shrink:0;align-self:center;margin:0 2px}.hp-rp-chat-emoji-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.2)}.hp-rp-chat-sender{font-family:var(--hp-font-main);font-size:10px;font-weight:700;color:var(--hp-text-muted);margin-bottom:3px;padding-left:2px}.hp-mic-btn.hp-mic-disabled{background:var(--hp-gray-200);box-shadow:none;cursor:default;opacity:.55}.hp-rp-home-banner{margin:12px 24px 4px;background:linear-gradient(135deg,#2d1b6b,#5a2d8a);border-radius:var(--hp-radius-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .15s}.hp-rp-home-banner:active{transform:scale(.98)}.hp-rp-home-banner-left{display:flex;align-items:center;gap:12px}.hp-rp-home-banner-icon{width:42px;height:42px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.hp-rp-home-banner-title{font-family:var(--hp-font-main);font-weight:800;font-size:14px;color:#fff;margin-bottom:2px}.hp-rp-home-banner-sub{font-family:var(--hp-font-body);font-size:12px;color:#ffffffb3}.hp-rp-home-banner-arrow{font-size:18px;color:#ffffffb3;font-weight:700}.hp-rp-select-header{padding:14px 20px 12px;background:var(--hp-white);border-bottom:1px solid var(--hp-gray-100);flex-shrink:0;display:flex;align-items:center;gap:12px}.hp-rp-select-title{font-family:var(--hp-font-main);font-weight:800;font-size:16px;color:var(--hp-text-primary)}.hp-rp-select-sub{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary)}.hp-rp-scenario-list{flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:14px}.hp-rp-scenario-list::-webkit-scrollbar{display:none}.hp-rp-card{border-radius:var(--hp-radius-lg);overflow:hidden;border:1.5px solid var(--hp-gray-100);box-shadow:var(--hp-shadow-md);cursor:pointer;transition:transform .15s;background:var(--hp-white)}.hp-rp-card:active{transform:scale(.98)}.hp-rp-card-thumb{height:110px;position:relative;display:flex;align-items:center;justify-content:center}.hp-rp-card-emoji{font-size:48px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.hp-rp-card-top-badges{position:absolute;top:10px;right:10px;display:flex;gap:6px}.hp-rp-badge-diff{padding:3px 9px;border-radius:100px;background:#00000059;font-family:var(--hp-font-main);font-size:11px;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-rp-badge-time{padding:3px 9px;border-radius:100px;background:#00000059;font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-rp-card-body{padding:12px 14px 14px}.hp-rp-card-title{font-family:var(--hp-font-main);font-weight:800;font-size:15px;color:var(--hp-text-primary);margin-bottom:4px}.hp-rp-card-desc{font-family:var(--hp-font-body);font-size:12px;color:var(--hp-text-secondary);line-height:1.5;margin-bottom:10px}.hp-rp-card-footer{display:flex;align-items:center;justify-content:space-between}.hp-rp-char-stack{display:flex;align-items:center;gap:0}.hp-rp-char-av-sm{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid white;flex-shrink:0;position:relative}.hp-rp-char-count{font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:var(--hp-text-muted);margin-left:10px}.hp-rp-tags{display:flex;gap:5px}.hp-rp-tag{padding:3px 9px;border-radius:100px;background:var(--hp-pink-light);font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:var(--hp-pink)}.hp-rp-session-header{padding:12px 16px 10px;background:var(--hp-white);border-bottom:1px solid var(--hp-gray-100);flex-shrink:0;display:flex;align-items:center;gap:10px}.hp-rp-session-title{font-family:var(--hp-font-main);font-weight:800;font-size:14px;color:var(--hp-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-rp-session-sub{font-family:var(--hp-font-body);font-size:11px;color:var(--hp-text-secondary)}.hp-rp-chars-bar{padding:12px 16px;background:linear-gradient(180deg,#1a1a2e,#2d2250);display:flex;align-items:flex-start;gap:0;flex-shrink:0;justify-content:center}.hp-rp-char-block{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;transition:all .2s;padding:2px 4px;border-radius:var(--hp-radius-md)}.hp-rp-char-block.speaking{background:#ffffff14}.hp-rp-char-av-lg{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative;border:2.5px solid rgba(255,255,255,.15);transition:border-color .2s}.hp-rp-char-block.speaking .hp-rp-char-av-lg{border-color:#fff9}.hp-rp-speaking-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2.5px solid rgba(255,255,255,.5);animation:hp-rp-pulse 1.4s ease-in-out infinite}.hp-rp-speaking-ring.user{border-color:var(--hp-teal)}@keyframes hp-rp-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}.hp-rp-char-name{font-family:var(--hp-font-main);font-size:11px;font-weight:700;color:#ffffffe6;text-align:center}.hp-rp-char-role{font-family:var(--hp-font-body);font-size:9px;color:#ffffff80;text-align:center}.hp-rp-char-divider{width:1px;height:40px;background:#ffffff1f;align-self:center;margin:0 4px;flex-shrink:0}.hp-rp-chat-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;border:1.5px solid rgba(255,255,255,.3)}.hp-rp-msg-name{font-family:var(--hp-font-main);font-size:10px;font-weight:700;color:var(--hp-text-muted);margin-bottom:3px;padding-left:2px}.hp-rp-chat-empty{font-family:var(--hp-font-body);font-size:13px;color:var(--hp-text-muted);text-align:center;padding:24px 0}.hp-mic-btn.disabled{background:var(--hp-gray-200);box-shadow:none;cursor:default;opacity:.6}.hp-mic-gear-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;border:none;background:var(--hp-gray-100);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s}.hp-mic-gear-btn:active{background:var(--hp-gray-200)}.hp-mic-popup{position:absolute;bottom:calc(100% + 8px);right:0;width:232px;background:#fff;border-radius:var(--hp-radius-md);box-shadow:0 8px 32px #00000024;padding:14px 14px 12px;z-index:200;border:1px solid var(--hp-gray-100)}.hp-mic-popup-title{font-family:var(--hp-font-main);font-weight:800;font-size:13px;color:var(--hp-text-primary);margin-bottom:10px}.hp-mic-popup-modes{display:flex;gap:8px;margin-bottom:10px}.hp-mic-mode-btn{flex:1;padding:9px 8px;border-radius:var(--hp-radius-sm);border:1.5px solid var(--hp-gray-200);background:var(--hp-white);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .15s;font-family:var(--hp-font-main);font-size:12px;font-weight:700;color:var(--hp-text-secondary)}.hp-mic-mode-btn.active{border-color:var(--hp-purple);background:var(--hp-purple-light);color:var(--hp-purple-dark)}.hp-mic-mode-btn:active{transform:scale(.97)}.hp-mic-mode-icon{font-size:18px}.hp-mic-popup-tip{font-family:var(--hp-font-body);font-size:11px;color:var(--hp-text-secondary);line-height:1.5;background:var(--hp-gray-50);border-radius:var(--hp-radius-sm);padding:8px 10px}.hp-auto-mic-wrap{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;transition:background .3s,box-shadow .3s}.hp-auto-mic-wrap.off{background:var(--hp-amber);box-shadow:0 4px 16px #f5a62366;animation:hp-mic-pulse 1.6s ease-in-out infinite}.hp-auto-mic-wrap.off:active{transform:scale(.93)}.hp-auto-mic-record-icon{font-size:26px;color:#fff;line-height:1}.hp-auto-mic-wrap.active{background:#2ec4a01f}.hp-auto-mic-wrap.listening{background:var(--hp-teal);box-shadow:0 4px 16px #2ec4a073;animation:hp-mic-pulse 1.2s ease-in-out infinite}.hp-auto-mic-wrap.idle{background:var(--hp-gray-100)}.hp-wf-bar{width:3px;border-radius:3px;height:10px;transition:background .3s}.hp-auto-mic-wrap.active .hp-wf-bar{background:var(--hp-teal);animation:hp-wf-idle .9s ease-in-out infinite alternate}.hp-auto-mic-wrap.listening .hp-wf-bar{background:#fff;animation:hp-wf .5s ease-in-out infinite alternate}.hp-auto-mic-wrap.idle .hp-wf-bar{background:var(--hp-gray-400);height:5px;animation:none}@keyframes hp-wf{0%{height:4px}to{height:22px}}@keyframes hp-wf-idle{0%{height:5px}to{height:14px}}.hp-narrative-display{box-shadow:0 3px 10px #0000002e;z-index:1}.hp-narrative-media-img,.hp-narrative-media-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hp-narrative-replay-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.hp-narrative-replay-btn{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:#ffffff26;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.hp-narrative-replay-btn:hover{background:#ffffff47}.hp-narrative-board{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;padding:18px 20px;overflow-y:auto;font-size:17px;line-height:1.7;box-sizing:border-box}.hp-narrative-board-block{margin-bottom:6px}.hp-narrative-board-block.center{text-align:center}.hp-narrative-caption{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 24px;overflow:hidden}.hp-narrative-caption-text{font-family:var(--hp-font-body);font-size:15px;line-height:1.7;color:var(--hp-text-main);text-align:center;margin:0}