@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101512;--panel:#19201b;--line:#303a31;--ink:#f0f2e9;--muted:#929f93;--lime:#d5fa73;--orange:#ffb487;--red:#ff998f;--radius:24px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Manrope',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:'Unbounded',system-ui,sans-serif}svg{flex-shrink:0}button svg{pointer-events:none}.app{max-width:1440px;margin:auto;display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{padding:36px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--lime);color:var(--bg);font:bold 26px monospace}.brand-name{font-family:'Unbounded',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.6px}.brand-name small{display:block;font:9px 'Manrope',sans-serif;color:var(--muted);letter-spacing:3px;margin-top:5px}.nav-label{font-size:10px;letter-spacing:2px;color:var(--muted);margin:54px 15px 16px}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--muted);padding:14px 15px;border-radius:12px;text-align:left;font-weight:600}.nav button:hover{background:#202920;color:var(--ink)}.nav button.active{background:var(--lime);color:var(--bg)}.nav button .ico{font-size:19px;line-height:1;width:22px;text-align:center}.side-bottom{margin-top:auto}.frequency{padding:19px;border:1px solid var(--line);border-radius:16px;margin-bottom:22px;background:radial-gradient(ellipse at top,#293326,transparent)}.frequency small{font-size:9px;letter-spacing:2px;color:var(--muted)}.frequency strong{display:block;font-family:monospace;font-size:22px;letter-spacing:3px;margin:8px 0}.frequency p{font-size:11px;line-height:1.6;color:var(--muted)}.profile{display:flex;gap:10px;align-items:center;padding:0 5px}.avatar{border-radius:50%;width:34px;height:34px;background:#303b2c;display:grid;place-items:center;color:var(--lime);font-weight:bold}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.main{min-width:0;padding:34px 38px 24px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{color:var(--ink);margin-left:10px}.top-actions{display:flex;align-items:center;gap:12px}.live{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1px;color:var(--muted)}.live:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #d5fa7350}.pill{border:1px solid var(--line);border-radius:25px;padding:8px 12px;font-size:11px;background:transparent}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:31px 0 25px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}.page-head h1{font-size:26px;letter-spacing:-1px;line-height:1.4}.page-head p{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.7}.date{font-size:11px;color:var(--muted);white-space:nowrap}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:284px;background:var(--lime);border-radius:var(--radius);overflow:hidden;color:#182018;position:relative}.hero-copy{padding:32px;z-index:1}.hero .eyebrow{color:#485b2b;display:flex;gap:7px;align-items:center}.small-dot{height:6px;width:6px;border-radius:50%;background:currentColor}.hero h2{font-size:30px;letter-spacing:-1.5px;line-height:1.35;max-width:370px}.hero p{font-size:12px;line-height:1.8;color:#455137;margin:14px 0 22px;max-width:310px}.btn{border:0;border-radius:10px;padding:13px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.btn-dark{background:#172017;color:var(--ink)}.btn-lime{background:var(--lime);color:#172017}.btn-outline{background:transparent;border:1px solid var(--line)}.btn:hover{filter:brightness(1.1)}.arrow{font-size:18px;font-weight:400}.instrument{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;background-image:linear-gradient(#20371b0b 1px,transparent 1px),linear-gradient(90deg,#20371b0b 1px,transparent 1px);background-size:25px 25px}.instrument:before,.instrument:after{content:'';position:absolute;border:1px solid #263e2026;border-radius:50%;width:230px;height:230px}.instrument:after{width:165px;height:165px}.signal-orb{height:120px;width:120px;border-radius:50%;background:#172018;box-shadow:0 12px 28px #17201825;display:flex;align-items:center;justify-content:center;gap:7px;z-index:1;transform:rotate(-20deg)}.signal-orb i{height:14px;width:14px;background:var(--lime);border-radius:50%}.signal-orb i.dash{width:37px;border-radius:9px}.signal-chip{position:absolute;background:#e6ffb1;border:1px solid #a3c355;border-radius:8px;font:11px monospace;padding:9px 12px;z-index:2;box-shadow:0 5px 15px #17201810}.chip-a{top:38px;left:18px;transform:rotate(-8deg)}.chip-b{bottom:47px;right:20px;transform:rotate(7deg)}.signal-label{position:absolute;bottom:19px;font:9px monospace;letter-spacing:3px;color:#4a6134}.hero-serial{position:absolute;right:21px;top:18px;font:9px monospace;color:#647d42}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 30px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;align-items:start}.metric-label{color:var(--muted);font-size:11px;display:block;margin-bottom:12px}.metric-value{font-family:'Unbounded',sans-serif;font-size:24px;letter-spacing:-1px}.metric-value small{font:12px 'Manrope',sans-serif;color:var(--muted);letter-spacing:0}.metric-icon{width:30px;height:30px;border-radius:9px;background:#263025;display:grid;place-items:center;color:var(--lime);font-size:16px}.progress-line{height:3px;width:90px;background:#34402e;margin-top:13px;border-radius:4px;overflow:hidden}.progress-line div{height:100%;background:var(--lime)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.section-title h2{font-size:15px;letter-spacing:-.4px}.text-button{border:0;padding:5px 0;color:var(--muted);background:transparent;font-size:11px}.text-button:hover{color:var(--lime)}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.practice-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;text-align:left;transition:transform .2s,border-color .2s;position:relative;min-height:198px}.practice-card:hover{transform:translateY(-4px);border-color:#68784d}.card-number{position:absolute;top:23px;right:20px;font:10px monospace;color:#697767}.card-icon{height:42px;width:42px;border:1px solid #3e4936;background:#293423;border-radius:13px;display:grid;place-items:center;font-size:22px;color:var(--lime);margin-bottom:23px}.practice-card:nth-child(2) .card-icon{background:#332b25;border-color:#4c3d31;color:var(--orange)}.practice-card:nth-child(3) .card-icon{background:#273235;border-color:#34474d;color:#a3d3dd}.practice-card h3{font-size:12px;margin-bottom:9px}.practice-card p{color:var(--muted);font-size:11px;line-height:1.7;max-width:210px}.card-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:20px}.card-footer .arrow{color:var(--ink)}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:28px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:23px}.daily-panel{position:relative;overflow:hidden}.badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;background:#313e28;color:var(--lime);padding:5px 8px;border-radius:5px;display:inline-block}.daily-panel h3{font-size:15px;margin:14px 0 10px;line-height:1.6}.daily-panel p{font-size:11px;line-height:1.8;color:var(--muted);max-width:290px}.daily-action{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tiny{font-size:10px;color:var(--muted)}.tip-panel .eyebrow{color:var(--orange)}.tip-code{font:36px monospace;letter-spacing:8px;color:var(--ink);margin:24px 0 15px}.tip-panel p{font-size:12px;line-height:1.8;color:var(--muted)}.tip-panel p strong{color:var(--ink);font-weight:500}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 0;margin-top:30px;color:#68786c;font:9px monospace;letter-spacing:1px}.view[hidden]{display:none!important}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 16px;color:var(--muted);font-size:12px}.tabs button.selected{background:var(--lime);color:#172017;border-color:var(--lime)}.alphabet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.letter{border:1px solid var(--line);border-radius:15px;background:var(--panel);min-height:108px;padding:14px;position:relative;text-align:left}.letter:hover,.letter.selected{border-color:var(--lime)}.letter.learned:after{content:'✓';position:absolute;top:11px;right:12px;font-size:12px;color:var(--lime)}.letter b{font:23px 'Unbounded',sans-serif}.letter code{display:block;font:bold 19px monospace;letter-spacing:3px;color:var(--lime);margin-top:12px}.lesson{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.lesson-symbol{font:38px monospace;letter-spacing:8px;color:var(--lime);margin:10px 0}.lesson p{font-size:12px;line-height:1.8;color:var(--muted)}.lesson-actions{display:flex;gap:10px;flex-wrap:wrap}.workbench{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.exercise{padding:30px;text-align:center}.exercise .eyebrow{margin-bottom:24px}.exercise h2{font-size:20px;line-height:1.6}.exercise-subtitle{color:var(--muted);font-size:12px;margin-top:12px;line-height:1.8}.play-circle{border:1px solid #566647;background:radial-gradient(circle,#303f26,#202a1d);width:126px;height:126px;border-radius:50%;margin:30px auto 22px;display:grid;place-items:center;font-size:32px;color:var(--lime);box-shadow:0 0 0 12px #d5fa7305}.play-circle.playing{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 18px #d5fa7310}}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.choice{padding:18px;border:1px solid var(--line);background:#111813;border-radius:12px;font:20px 'Unbounded',sans-serif}.choice:hover{border-color:var(--lime)}.choice.right{border-color:var(--lime);background:#304221}.choice.wrong{border-color:var(--red);color:var(--red)}.feedback{min-height:48px;line-height:1.7;font-size:13px;color:var(--muted);margin:12px 0}.feedback.good{color:var(--lime)}.feedback.bad{color:var(--red)}.settings label{display:block;font-size:12px;color:var(--muted);margin:22px 0 8px}.settings select,.settings input[type=range]{width:100%}.settings select,.field{background:#111813;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);width:100%}.settings input{accent-color:var(--lime)}.settings h3{font-size:13px}.settings p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:16px}.mini-rule{display:flex;gap:14px;border-top:1px solid var(--line);padding:16px 0;margin-top:22px;font:11px monospace;color:var(--muted)}.mini-rule b{color:var(--lime)}.key-target{font:50px 'Unbounded',sans-serif;margin:25px 0 8px}.key-code{font:28px monospace;color:var(--lime);letter-spacing:5px;min-height:34px}.key-pad{touch-action:none;user-select:none;-webkit-user-select:none;width:100%;min-height:115px;border:1px solid #566647;border-bottom:5px solid #566647;background:#2d3b25;color:var(--lime);border-radius:18px;margin:20px 0 5px;font-weight:700;letter-spacing:2px;font-size:17px}.key-pad.down{background:var(--lime);color:#172017;border-bottom-width:1px;transform:translateY(4px)}.secondary-keys{display:flex;gap:9px;justify-content:center;margin:16px 0}.secondary-keys button{flex:1}.key-hint{font-size:10px;color:var(--muted)}.translator{margin-top:24px}.translator textarea{min-height:100px;resize:vertical}.output{padding:20px;background:#111813;line-height:2;font:20px/2 monospace;letter-spacing:3px;min-height:85px;border-radius:12px;overflow-wrap:anywhere;margin:16px 0}.friend-hero{padding:35px;background:linear-gradient(120deg,#27371e,#19251e);border:1px solid #405136;border-radius:24px;position:relative;overflow:hidden}.friend-hero h2{font-size:25px;line-height:1.5;max-width:550px}.friend-hero p{color:var(--muted);font-size:13px;line-height:1.9;margin:17px 0;max-width:560px}.friend-hero .btn{margin-right:10px;margin-top:8px}.friend-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.friend-steps h3{font-size:12px;margin:16px 0 10px}.friend-steps p{font-size:12px;color:var(--muted);line-height:1.8}.step-n{font:25px monospace;color:var(--lime)}.score-result{padding:35px;text-align:center}.score-result .big-score{font:64px 'Unbounded',sans-serif;color:var(--lime);margin:25px 0 15px}.score-result p{line-height:1.8;color:var(--muted);margin-bottom:22px}.mobile-brand{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--lime);color:#182018;padding:13px 22px;border-radius:12px;box-shadow:0 8px 30px #0004;font-size:12px;z-index:50;max-width:90vw}.toast[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1200px){.main{padding:34px 46px 24px}.hero h2{font-size:34px}.hero-copy{padding:35px}.hero{min-height:300px}.practice-card{min-height:215px}.instrument{min-height:300px}}
@media(max-width:1050px){.app{grid-template-columns:190px 1fr}.sidebar{padding:30px 15px}.main{padding:28px 25px}.hero h2{font-size:25px}.hero-copy{padding:26px}.signal-chip{font-size:9px}.chip-a{left:0}.chip-b{right:10px}.instrument:before{width:195px;height:195px}.practice-card{padding:18px}.alphabet-grid{grid-template-columns:repeat(5,1fr)}.workbench{grid-template-columns:1fr}.settings{order:2}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:760px){body{padding-bottom:88px}.app{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:auto;border-right:0;border-top:1px solid var(--line);background:#121a15ed;backdrop-filter:blur(16px);padding:9px 10px calc(9px + env(safe-area-inset-bottom));z-index:20}.sidebar .brand,.nav-label,.side-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:2px}.nav button{flex:1;flex-direction:column;gap:7px;padding:10px 4px;font-size:9px;border-radius:12px}.nav button .ico{font-size:20px}.nav button.active{background:#2b3823;color:var(--lime)}.main{padding:22px 19px}.topbar{padding-bottom:19px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font:12px 'Unbounded',sans-serif}.mobile-brand .brand-icon{width:28px;height:28px;font-size:21px;border-radius:8px}.top-actions{gap:8px}.top-actions .live{display:none}.page-head{margin:25px 0 21px}.page-head h1{font-size:22px;letter-spacing:-.7px}.date{display:none}.page-head p{font-size:11px}.hero{grid-template-columns:1fr .65fr;min-height:265px;border-radius:20px}.hero-copy{padding:25px 0 25px 23px}.hero h2{font-size:23px;letter-spacing:-.9px}.hero p{font-size:11px;max-width:210px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.instrument{min-height:265px;overflow:hidden}.instrument:before{height:165px;width:165px}.instrument:after{height:115px;width:115px}.signal-orb{width:88px;height:88px;gap:5px}.signal-orb i{width:10px;height:10px}.signal-orb i.dash{width:24px}.signal-chip{font-size:8px;padding:7px}.chip-a{top:49px;left:9px}.chip-b{bottom:53px;right:6px}.signal-label{font-size:7px;letter-spacing:1.5px}.hero-serial{display:none}.metrics{gap:8px;margin:12px 0 27px}.metric{padding:15px 11px;border-radius:13px}.metric-icon{display:none}.metric-label{font-size:9px;margin-bottom:10px}.metric-value{font-size:19px}.metric-value small{font-size:10px}.progress-line{width:65px}.section-title h2{font-size:13px}.practice-grid{gap:10px;grid-template-columns:1fr}.practice-card{min-height:0;padding:18px 17px 18px 78px;border-radius:15px}.card-icon{position:absolute;left:17px;top:20px;width:43px;height:43px;margin:0}.practice-card h3{font-size:12px;margin-bottom:7px}.practice-card p{font-size:11px;max-width:240px}.card-number{display:none}.card-footer{margin-top:10px;font-size:9px}.card-footer .arrow{position:absolute;right:17px;top:21px}.bottom-grid{grid-template-columns:1fr;margin-top:23px;gap:13px}.panel{padding:21px}.tip-panel{display:none}footer{font-size:8px;margin-top:24px;letter-spacing:0}.alphabet-grid{grid-template-columns:repeat(4,1fr);gap:8px}.letter{min-height:95px;padding:12px}.letter b{font-size:20px}.letter code{font-size:15px;letter-spacing:1px}.lesson{align-items:start;flex-direction:column}.lesson-actions{width:100%}.lesson-actions .btn{flex:1}.exercise{padding:24px 20px}.exercise h2{font-size:17px}.workbench{gap:14px}.friend-hero{padding:26px}.friend-hero h2{font-size:21px}.friend-steps{grid-template-columns:1fr;gap:12px}.friend-steps .panel{padding:20px 20px 20px 65px;position:relative}.step-n{position:absolute;left:20px;top:23px}.friend-steps h3{margin-top:0}.toast{bottom:100px}.btn{padding:12px 15px;font-size:11px}.settings-row{gap:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.profile-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.profile-button:hover strong{color:var(--lime)}button.avatar{border:0;cursor:pointer}.auth-layer{position:fixed;inset:0;z-index:100;overflow:auto;background:#101512f7;padding:30px 18px;display:grid;place-items:center;backdrop-filter:blur(14px)}.auth-layer[hidden],.account-layer[hidden]{display:none!important}.auth-card{width:100%;max-width:470px;padding:32px;border:1px solid #3c4936;border-radius:26px;background:radial-gradient(ellipse at top right,#2f3c25 0,transparent 60%),#19201b;box-shadow:0 25px 100px #0005}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.auth-brand img{width:55px;height:55px;border-radius:50%;border:1px solid #4c5d3a}.auth-brand strong{font:16px 'Unbounded',sans-serif}.auth-brand small{display:block;color:var(--muted);font:9px monospace;letter-spacing:2px;margin-top:7px}.auth-card h1{font-size:23px;line-height:1.5;letter-spacing:-.6px}.auth-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.auth-tabs{display:flex;margin:24px 0 20px;padding:4px;background:#101712;border:1px solid var(--line);border-radius:12px}.auth-tabs button{flex:1;border:0;background:transparent;color:var(--muted);padding:11px;border-radius:8px;font-weight:700;font-size:12px}.auth-tabs button.selected{color:#172017;background:var(--lime)}.auth-form label{display:block;font-size:12px;color:var(--ink);margin:17px 0 7px}.auth-form .field{padding:13px 14px}.auth-form .btn{width:100%;margin-top:20px;padding:15px}.password-row{display:flex;position:relative}.password-row input{padding-right:75px!important}.password-show{position:absolute;right:8px;top:6px;bottom:6px;background:transparent;border:0;color:var(--muted);font-size:10px}.auth-small{font-size:10px;line-height:1.9;color:var(--muted);margin-top:17px}.auth-error{color:var(--red);font-size:12px;line-height:1.8;margin-top:15px;min-height:20px}.auth-error.good{color:var(--lime)}.account-layer{position:fixed;inset:0;z-index:101;display:grid;place-items:center;padding:24px 18px;background:#050b08cc;backdrop-filter:blur(12px);overflow:auto}.account-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.close-modal{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;background:transparent;color:var(--muted);font-size:19px}.account-card h2{font-size:20px;line-height:1.5}.account-detail{padding:18px 0;margin-top:8px;border-bottom:1px solid var(--line);line-height:1.8}.account-detail strong{font-size:16px}.account-detail p{font-size:12px;color:var(--muted)}.sync-status{color:var(--muted);font-size:11px;line-height:1.8;margin-top:12px}.sync-status button{font:inherit;padding:0;border:0;background:none;color:var(--lime);text-decoration:underline}.password-section{margin-top:24px}.password-section h3{font-size:12px}.logout-button{margin-top:22px;width:100%;color:var(--orange)}.account-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:15px}.auth-card [hidden]{display:none!important}@media(max-width:760px){.auth-layer{padding:18px 15px}.auth-card{padding:26px 23px}.auth-card h1{font-size:21px}.auth-brand{margin-bottom:22px}.account-layer{place-items:start center;padding-top:30px;padding-bottom:40px}.auth-small{font-size:11px}}

.auth-primary{width:100%;margin-top:20px;text-decoration:none;text-align:center}.otp-field{font:26px monospace;letter-spacing:10px;text-align:center}.auth-card a[hidden]{display:none!important}

footer{flex-wrap:wrap;gap:14px;align-items:center}.channel-link{color:var(--lime);font:12px Manrope,system-ui,sans-serif;letter-spacing:0;text-decoration:none;padding:8px 0}.channel-link:hover{text-decoration:underline}

.app-version{color:var(--muted);white-space:nowrap}

@keyframes viewIn{from{opacity:0;transform:translateY(12px)}}
@keyframes fadeIn{from{opacity:0}}
@keyframes cardIn{from{opacity:0;transform:translateY(16px) scale(.97)}}
.view:not([hidden]){animation:viewIn .35s cubic-bezier(.2,.7,.2,1)}
.auth-layer:not([hidden]),.account-layer:not([hidden]){animation:fadeIn .25s ease-out}
.auth-card{animation:cardIn .4s cubic-bezier(.2,.7,.2,1)}
.nav button,.tabs button,.btn,.pill,.letter,.choice,.key-pad{transition:background-color .2s,color .2s,border-color .2s,filter .2s}