:root{--font-sans: -apple-system, BlinkMacSystemFont, "Pretendard", "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace;--bg-app: #080a0e;--bg-surface: #0f1218;--bg-card: #151922;--bg-card-hover: #1e2430;--bg-plate: #131720;--brass-primary: #D4AF37;--brass-light: #F3E5AB;--brass-bright: #FFE082;--brass-deep: #8C6D3B;--brass-dark: #523e1e;--brass-glow: rgba(212, 175, 55, .45);--brass-soft-bg: rgba(212, 175, 55, .12);--color-danger: #ef5350;--color-danger-glow: rgba(239, 83, 80, .4);--color-success: #D4AF37;--color-success-glow: rgba(212, 175, 55, .5);--border-brass: rgba(212, 175, 55, .3);--border-subtle: rgba(255, 255, 255, .08);--text-main: #f5f5f7;--text-brass: #F3E5AB;--text-muted: #a1a9b8;--text-dim: #677184;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--nav-height: clamp(52px, 7vh, 60px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:100vh;height:100dvh;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);font-size:16px;line-height:1.4;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.app-container{display:flex;flex-direction:column;width:100%;height:100%;height:100vh;height:100dvh;max-width:520px;margin:0 auto;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.15) 0%,transparent 60%),linear-gradient(180deg,#10141d,#07090d);border-left:1px solid var(--border-brass);border-right:1px solid var(--border-brass);box-shadow:0 0 50px #000000d9}.app-header{flex-shrink:0;padding:clamp(6px,1vh,10px) 16px clamp(4px,.6vh,6px);background:#0f1218f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--brass-deep);display:flex;flex-direction:column;gap:clamp(4px,.8vh,6px);z-index:100}.header-top{display:flex;align-items:center;justify-content:space-between}.logo-group{display:flex;align-items:center;gap:8px}.app-icon{width:clamp(26px,3.8vh,30px);height:clamp(26px,3.8vh,30px);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--brass-bright) 0%,var(--brass-deep) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--brass-glow);border:1px solid var(--brass-light)}.app-title{font-size:clamp(.92rem,2vh,1.1rem);font-weight:900;font-family:var(--font-mono);letter-spacing:.08em;color:var(--brass-light);text-shadow:0 0 8px var(--brass-glow);display:flex;align-items:center;gap:6px}.badge-pwa{font-size:.6rem;font-weight:800;padding:1px 5px;border-radius:3px;background:var(--brass-soft-bg);color:var(--brass-bright);border:1px solid var(--brass-deep);letter-spacing:.1em}.header-status-pills{display:flex;align-items:center;gap:6px}.status-pill{font-size:clamp(.66rem,1.3vh,.74rem);font-weight:700;font-family:var(--font-mono);background:#d4af3714;color:var(--brass-light);padding:2px 7px;border-radius:4px;border:1px solid var(--border-brass)}.lamp-stage{display:flex;align-items:center;justify-content:center}.virtual-lamp{position:relative;width:44px;height:clamp(20px,3.2vh,28px);display:flex;flex-direction:column;align-items:center;justify-content:center}.lamp-glass{width:clamp(18px,2.8vh,24px);height:clamp(18px,2.8vh,24px);border-radius:50% 50% 35% 35%;background:#251c0b;border:2px solid var(--brass-deep);position:relative;transition:all .05s ease-out;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 5px #000000e6}.lamp-filament{width:6px;height:6px;border-radius:50%;background:#4a3411;transition:all .05s ease-out}.lamp-base{width:14px;height:4px;background:linear-gradient(90deg,#614b25,#d4af37,#614b25);border-radius:0 0 2px 2px}.virtual-lamp.active .lamp-glass{background:radial-gradient(circle at 50% 40%,#fff,#ffe082,#d4af37);border-color:#fff;box-shadow:0 0 16px #d4af37,0 0 35px var(--brass-glow),inset 0 0 6px #fff;transform:scale(1.08)}.virtual-lamp.active .lamp-filament{background:#fff;box-shadow:0 0 6px #fff}.offline-banner{display:none;background:#8c6d3b;color:#fff;font-size:.72rem;font-weight:700;text-align:center;padding:3px 12px;flex-shrink:0}.offline-banner.visible{display:block}.main-content{flex:1;min-height:0;padding:clamp(6px,1.2vh,12px) clamp(8px,2.5vw,14px) calc(var(--nav-height) + env(safe-area-inset-bottom) + 6px);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.tab-panel{display:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.tab-panel.active{display:flex;flex-direction:column;flex:1;min-height:0;opacity:1;transform:translateY(0)}.tactical-card{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(4px,.8vh,8px)}.tactical-hud-bar{background:linear-gradient(180deg,#121620,#0a0d13);border:1px solid var(--border-brass);border-radius:var(--radius-sm);padding:4px 10px;box-shadow:inset 0 1px 6px #000c,0 0 10px #d4af371a;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;height:clamp(38px,6vh,46px)}.hud-left-output{display:flex;align-items:center;gap:5px;min-width:0;flex:1.2}.hud-label{font-size:.65rem;font-weight:800;font-family:var(--font-mono);color:var(--brass-deep);flex-shrink:0}.hud-history-text{font-family:var(--font-mono);font-size:clamp(.85rem,1.8vh,1.05rem);font-weight:800;color:var(--brass-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-hud-clear{background:#d4af371f;border:1px solid var(--border-brass);color:var(--brass-light);width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;flex-shrink:0}.btn-hud-clear:active{background:var(--brass-primary);color:#000}.hud-center-focus{display:flex;align-items:center;justify-content:center;flex-shrink:0}.hud-resolved-wrap{display:flex;align-items:center;gap:6px}.hud-resolved-char{font-family:var(--font-mono);font-size:clamp(1.2rem,2.8vh,1.65rem);font-weight:900;color:var(--brass-bright);text-shadow:0 0 10px var(--brass-glow);line-height:1}.char-flash{color:#fff;text-shadow:0 0 18px #D4AF37,0 0 35px #FFE082;animation:flashLetter .6s ease-out}@keyframes flashLetter{0%{transform:scale(1.3)}50%{transform:scale(1.1)}to{transform:scale(1)}}.hud-path-symbols{font-family:var(--font-mono);font-size:clamp(.95rem,2vh,1.2rem);font-weight:900;color:var(--brass-primary);letter-spacing:.08em}.hud-right-toggle{display:flex;align-items:center;flex-shrink:0}.btn-hud-toggle{background:#d4af3726;border:1px solid var(--border-brass);color:var(--brass-bright);font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:3px;cursor:pointer;white-space:nowrap}.btn-hud-toggle:active{background:var(--brass-primary);color:#0c0e12}.tree-viewport{flex:1;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e1219,#080a0f);border:1px solid var(--border-brass);border-radius:var(--radius-md);padding:2px 4px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #000000d9}.tree-viewport.hidden{display:none}.tree-mini-legend{display:flex;align-items:center;justify-content:space-between;padding:2px 10px;font-size:clamp(.64rem,1.2vh,.72rem);font-weight:800;color:var(--brass-light);border-bottom:1px solid rgba(212,175,55,.15);flex-shrink:0}.col-dot{color:var(--brass-primary);font-size:.85rem}.col-dash{color:var(--brass-light);font-size:.95rem}.morse-tree-container{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.morse-tree-svg{width:100%;height:100%;max-height:100%;object-fit:contain}.tree-edge{fill:none;stroke:#d4af3738;stroke-width:2.2;transition:stroke .12s ease,stroke-width .12s ease,filter .12s ease}.tree-edge.edge-dot{stroke-dasharray:5 4}.tree-edge.active{stroke:#ffe57f;stroke-width:4.2;stroke-dasharray:none;filter:drop-shadow(0 0 8px #D4AF37)}.tree-node{cursor:pointer;transition:transform .12s ease}.node-shape{fill:#141822;stroke:var(--brass-primary);stroke-width:2.4;transition:all .12s ease}.node-text{font-family:var(--font-mono);font-weight:900;fill:var(--brass-light);text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .12s ease;letter-spacing:-.02em}.tree-node-l0 .node-text{font-size:17px}.tree-node-l1 .node-text{font-size:32px}.tree-node-l2 .node-text{font-size:28px}.tree-node-l3 .node-text{font-size:24px}.tree-node-l4 .node-text{font-size:20px}.root-shape{fill:#221c0e;stroke:var(--brass-primary);stroke-width:2.6;stroke-linejoin:miter}.dash-shape{stroke-linejoin:miter}.root-text{font-size:16px;font-weight:900;letter-spacing:.12em;fill:var(--brass-bright)}.tree-node.active .node-shape{stroke:var(--brass-bright);stroke-width:3;fill:#2f2512;filter:drop-shadow(0 0 6px var(--brass-glow))}.tree-node.active .node-text{fill:var(--brass-bright)}.tree-node.focused .node-shape{stroke:#fff;stroke-width:3.5;fill:var(--brass-primary);filter:drop-shadow(0 0 12px #D4AF37)}.tree-node.focused .node-text{fill:#0c0e12;font-weight:900}.tree-node.completed .node-shape{fill:#fff;stroke:var(--brass-bright);stroke-width:4;filter:drop-shadow(0 0 16px #FFE082);transform:scale(1.22)}.tree-node.completed .node-text{fill:#000;font-weight:900}.tactical-bottom-keyer{flex-shrink:0;width:100%;padding-top:1px}.tactical-paddle-btn{width:100%;height:clamp(54px,8.5vh,66px);background:radial-gradient(circle at 50% 30%,#302613,#16181f 70%,#0d0f15);border:2px solid var(--brass-primary);border-radius:var(--radius-sm);position:relative;cursor:pointer;outline:none;box-shadow:0 4px 14px #000c,inset 0 1px 2px #f3e5ab4d;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .05s ease,box-shadow .05s ease}.paddle-slim-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 16px}.paddle-core-badge{display:flex;align-items:center;gap:8px;color:var(--brass-bright)}.paddle-core-badge .knob-label{font-family:var(--font-mono);font-size:clamp(.85rem,1.8vh,1rem);font-weight:900;letter-spacing:.15em;color:var(--brass-bright);text-shadow:0 0 8px var(--brass-glow)}.paddle-cue-dot,.paddle-cue-dash{font-size:clamp(.72rem,1.4vh,.82rem);font-weight:800;font-family:var(--font-mono);color:var(--brass-light)}.wave-rings-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .1s ease}.wave-rings-container.active{opacity:1}.wave-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid var(--brass-bright);transform:translate(-50%,-50%) scale(.2);opacity:0}.wave-rings-container.active .ring-1{animation:waveExpand .6s infinite linear}.wave-rings-container.active .ring-2{animation:waveExpand .6s infinite linear .25s}@keyframes waveExpand{0%{width:40px;height:40px;transform:translate(-50%,-50%) scale(.3);opacity:.9}to{width:280px;height:280px;transform:translate(-50%,-50%) scale(1.4);opacity:0}}.tactical-paddle-btn.pressed{transform:translateY(3px);background:radial-gradient(circle at 50% 50%,#4a3818,#1a1e28 80%,#0d0f15);border-color:#fff;box-shadow:0 2px 6px #000000e6,0 0 20px var(--brass-glow)}.cards-view-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.cards-view-wrapper.hidden{display:none}.search-box input{width:100%;background:var(--bg-card);border:1px solid var(--border-brass);border-radius:var(--radius-sm);padding:6px 12px;color:var(--text-brass);font-size:.82rem;outline:none}.category-pills{display:flex;gap:6px;overflow-x:auto}.pill-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap}.pill-btn.active{background:var(--brass-primary);color:#0c0e12;border-color:var(--brass-primary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;flex:1;overflow-y:auto}.tactical-card-mini{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease}.tactical-card-mini:active{background:var(--brass-soft-bg);border-color:var(--brass-primary)}.tactical-card-mini.playing{border-color:var(--brass-bright);background:var(--brass-soft-bg);box-shadow:0 0 10px var(--brass-glow)}.card-char{font-size:1.55rem;font-weight:900;font-family:var(--font-mono);color:var(--brass-light);line-height:1.1}.card-code{font-size:.95rem;font-weight:800;color:var(--brass-bright)}.card-phonetic{font-size:.6rem;color:var(--text-dim)}.transmit-workspace,.quiz-workspace{height:100%;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(6px,1.4vh,12px)}.decoder-screen{background:linear-gradient(180deg,#10131a,#090c12);border:1px solid var(--border-brass);border-radius:var(--radius-md);padding:clamp(8px,1.2vh,12px) clamp(10px,3vw,14px);box-shadow:inset 0 2px 10px #000c,0 0 12px #d4af371a;flex-shrink:0}.screen-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:4px;margin-bottom:6px}.screen-label{font-size:.65rem;font-weight:800;font-family:var(--font-mono);color:var(--brass-primary);letter-spacing:.1em}.screen-actions{display:flex;gap:6px}.screen-action-btn{background:#d4af3714;border:1px solid var(--border-brass);color:var(--brass-light);width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.screen-action-btn:active{background:var(--brass-primary);color:#000}.screen-action-btn.playing{color:var(--brass-bright);box-shadow:0 0 8px var(--brass-glow)}.decoded-text{min-height:clamp(34px,5vh,48px);font-size:clamp(1.05rem,2.5vh,1.35rem);font-weight:700;font-family:var(--font-mono);color:var(--brass-light);word-break:break-all;white-space:pre-wrap;display:flex;align-items:center}.decoded-text.placeholder{font-size:clamp(.72rem,1.6vh,.82rem);color:var(--text-dim);font-family:var(--font-sans)}.buffer-display-row{margin-top:6px;padding-top:4px;border-top:1px dashed rgba(212,175,55,.2);display:flex;align-items:center;justify-content:space-between}.buffer-box{display:flex;align-items:center;gap:6px}.buffer-label{font-size:.68rem;color:var(--text-dim)}.buffer-symbols{font-family:var(--font-mono);font-size:1.05rem;font-weight:800;color:var(--brass-bright)}.predicted-preview{font-size:.8rem;font-weight:800;font-family:var(--font-mono);color:var(--brass-primary)}.timing-hint{font-size:.65rem;color:var(--text-dim);font-family:var(--font-mono)}.assist-buttons-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;flex-shrink:0}.assist-btn{background:var(--bg-card);border:1px solid var(--border-brass);border-radius:var(--radius-sm);padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.assist-btn:active{background:var(--brass-soft-bg);border-color:var(--brass-bright)}.assist-icon{font-size:1.15rem;font-weight:800;color:var(--brass-bright);line-height:1}.assist-name{font-size:.68rem;color:var(--text-muted)}.key-paddle-container{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.paddle-status-tip{font-size:.72rem;color:var(--text-dim)}.telegraph-paddle-btn{width:100%;max-width:380px;height:100%;min-height:90px;max-height:clamp(110px,24vh,185px);background:radial-gradient(circle at 50% 30%,#302613,#16181f 70%,#0d0f15);border:2px solid var(--brass-primary);border-radius:clamp(20px,4vh,32px);box-shadow:0 10px 24px #000c,inset 0 2px 4px #f3e5ab40;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;outline:none}.paddle-knob{width:clamp(52px,10vh,76px);height:clamp(52px,10vh,76px);border-radius:50%;background:radial-gradient(circle at 40% 35%,#523e1e,#201a0e 75%,#0f0d07);border:2px solid var(--brass-bright);box-shadow:0 6px 14px #000c;display:flex;align-items:center;justify-content:center}.knob-text{font-size:.8rem;font-weight:900;letter-spacing:.15em;color:var(--brass-bright)}.telegraph-paddle-btn.pressed{transform:translateY(5px);box-shadow:0 2px 6px #000000e6,0 0 20px var(--brass-glow)}.quiz-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-shrink:0}.stat-pill{background:var(--bg-card);border:1px solid var(--border-brass);border-radius:var(--radius-sm);padding:6px;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.65rem;color:var(--text-dim)}.stat-value{font-size:.95rem;font-weight:800;font-family:var(--font-mono);color:var(--brass-bright)}.segmented-control{background:var(--bg-surface);border:1px solid var(--border-brass);border-radius:4px;padding:2px;display:flex;gap:2px}.seg-btn{background:none;border:none;color:var(--text-dim);font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:3px;cursor:pointer}.seg-btn.active{background:var(--brass-primary);color:#0c0e12}.quiz-audio-card{background:linear-gradient(180deg,#161b24,#0d1017);border:1px solid var(--border-brass);border-radius:var(--radius-md);padding:clamp(10px,1.8vh,18px) 14px;display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.audio-visualizer-wave{display:flex;align-items:center;gap:4px;height:18px}.wave-bar{width:4px;height:5px;background:var(--brass-deep);border-radius:2px}.audio-visualizer-wave.active .wave-bar{background:var(--brass-bright);animation:wave-bounce .4s infinite alternate ease-in-out}.audio-visualizer-wave.active .wave-bar:nth-child(2){animation-delay:.1s}.audio-visualizer-wave.active .wave-bar:nth-child(3){animation-delay:.2s}.audio-visualizer-wave.active .wave-bar:nth-child(4){animation-delay:.15s}.audio-visualizer-wave.active .wave-bar:nth-child(5){animation-delay:.05s}@keyframes wave-bounce{0%{height:5px}to{height:18px}}.btn-quiz-play{background:linear-gradient(135deg,var(--brass-bright) 0%,var(--brass-deep) 100%);color:#0c0e12;border:none;border-radius:var(--radius-full);padding:8px 24px;display:flex;align-items:center;gap:6px;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px var(--brass-glow)}.quiz-hint-text{font-size:.72rem;color:var(--text-dim)}.quiz-answers-container{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.quiz-choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.quiz-choice-btn{background:var(--bg-card);border:1px solid var(--border-brass);border-radius:var(--radius-sm);padding:10px;font-size:1.25rem;font-weight:800;font-family:var(--font-mono);color:var(--brass-light);cursor:pointer;min-height:clamp(44px,6vh,56px);display:flex;align-items:center;justify-content:center}.quiz-choice-btn:active{background:var(--brass-soft-bg);border-color:var(--brass-bright)}.quiz-choice-btn.correct{background:var(--brass-primary)!important;color:#000!important}.quiz-choice-btn.wrong{background:var(--color-danger)!important;color:#fff!important}.settings-workspace{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.settings-section{background:var(--bg-card);border:1px solid var(--border-brass);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.settings-section-title{font-size:.88rem;font-weight:800;color:var(--brass-bright);border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:4px}.setting-title{font-size:.8rem;font-weight:700;color:var(--text-main)}.setting-val-badge{font-size:.78rem;font-family:var(--font-mono);font-weight:800;color:var(--brass-primary)}.setting-range{accent-color:var(--brass-primary)}.btn-action-small{background:#d4af371a;border:1px solid var(--border-brass);color:var(--brass-light);font-size:.74rem;padding:4px 10px;border-radius:3px;cursor:pointer}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);max-width:520px;margin:0 auto;background:#0d1016f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:2px solid var(--brass-deep);display:grid;grid-template-columns:repeat(4,1fr);z-index:1000;flex-shrink:0}.nav-btn{background:none;border:none;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:6px 4px;position:relative;transition:all .15s ease}.nav-icon{width:20px;height:20px}.nav-label{font-size:.64rem;font-weight:700}.nav-btn.active{color:var(--brass-bright)}.nav-btn.active .nav-icon{filter:drop-shadow(0 0 6px var(--brass-glow))}.nav-btn.active:before{content:"";position:absolute;top:0;width:26px;height:2px;background:var(--brass-primary);box-shadow:0 0 6px var(--brass-primary)}.toast-container{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:2000;pointer-events:none;width:90%;max-width:360px}.toast-message{background:#151922;color:var(--brass-light);border:1px solid var(--border-brass);padding:8px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-align:center;box-shadow:0 6px 20px #000c;opacity:0;transform:translateY(-8px);transition:all .2s ease}.toast-message.visible{opacity:1;transform:translateY(0)}.toast-info{border-left:4px solid var(--brass-primary)}.toast-success{border-left:4px solid var(--brass-bright)}.toast-warning{border-left:4px solid #f59e0b}.toast-error{border-left:4px solid var(--color-danger)}