:root{--bg:#0d0d0f;--bg2:#141417;--bg3:#1c1c21;--bg4:#242429;--border:#ffffff12;--border2:#ffffff1f;--text:#f0eff4;--text2:#9998a8;--text3:#5c5b6e;--accent:#e85d3a;--accent2:#ff8c6b;--salsa:#e85d3a;--bachata:#7b5ea7;--bachata2:#a07fd4;--cubana:#2a9d8f;--technik:#e9c46a;--green:#3ecf6e;--yellow:#f5a623;--red:#e85d3a;--radius:14px;--radius-sm:8px;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}body.light-mode{--bg:#f5f5f7;--bg2:#fff;--bg3:#ebebf0;--bg4:#dddde3;--border:#00000014;--border2:#00000026;--text:#1a1a1f;--text2:#5a5a6e;--text3:#9998a8}body.light-mode #bottom-nav{background:var(--bg2);-webkit-backdrop-filter:none}.toggle-switch{flex-shrink:0;width:46px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{background:var(--bg4);cursor:pointer;border-radius:13px;transition:background .25s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-track:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}input:checked+.toggle-track{background:var(--accent)}input:checked+.toggle-track:before{transform:translate(20px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Display,Helvetica Neue,sans-serif;overflow:hidden}body{overscroll-behavior:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}#app{padding-top:var(--safe-t);padding-bottom:calc(var(--nav-h) + var(--safe-b));background:var(--bg);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}main{flex:1;min-height:0;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;padding:10px 16px 28px;display:none;overflow:hidden auto}.screen.active{display:block}#bottom-nav{width:100%;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;background:#0d0d0feb;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{height:var(--nav-h);color:var(--text3);letter-spacing:.3px;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding-top:10px;font-size:10px;font-weight:500;transition:color .2s;display:flex}.nav-btn.active{color:var(--accent)}.nav-btn svg{width:22px;height:22px}.screen-header{justify-content:space-between;align-items:center;padding:8px 0 14px;display:flex}.screen-title{letter-spacing:-.5px;font-size:24px;font-weight:700}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-bottom:8px;font-size:11px;font-weight:600}.card-head-inline{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-head-inline .card-label{margin-bottom:0}.edit-inline-btn{background:var(--accent);cursor:pointer;color:#fff;letter-spacing:.2px;border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;transition:opacity .15s}.edit-inline-btn:active{opacity:.75}.plan-inline-btn{background:var(--accent);cursor:pointer;color:#fff;letter-spacing:.2px;border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;transition:opacity .15s}.plan-inline-btn:active{opacity:.75}#week-card{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);margin-bottom:12px;padding:18px;position:relative;overflow:hidden}#week-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#e85d3a26 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.week-kw{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:10px;font-size:11px;font-weight:600}.week-badges-inline{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.week-badges-inline>#fokus-dance-name,.week-badges-inline>#wdh-dance-name{align-items:center;min-width:0;display:inline-flex}.week-badges-inline>#fokus-dance-name>*,.week-badges-inline>#wdh-dance-name>*{white-space:nowrap;align-items:center;display:inline-flex}.week-dot{color:var(--text3);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.week-row{gap:10px;margin-bottom:4px;display:flex}.week-slot{background:var(--bg4);border-radius:var(--radius-sm);flex:1;padding:12px}.week-slot-label{text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px;font-weight:600}.week-slot-label.fokus{color:var(--accent)}.week-slot-label.wdh{color:var(--text3)}.week-slot-dance{margin-bottom:2px;font-size:15px;font-weight:700}.week-slot-time{color:var(--text3);font-size:11px}.dance-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-salsa{color:var(--salsa);background:#e85d3a2e}.badge-bachata{color:var(--bachata2);background:#7b5ea72e}.badge-cubana{color:var(--cubana);background:#2a9d8f2e}.badge-technik{color:var(--technik);background:#e9c46a2e}.session-preview{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.session-meta{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.session-date{color:var(--text2);font-size:13px}.figuren-tags{flex-wrap:wrap;gap:6px;display:flex}.figur-tag{background:var(--bg4);border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:4px 9px;font-size:12px}.no-log-hint{color:var(--text3);font-size:13px;font-style:italic}.figur-lines{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.figur-line{background:var(--bg3);border:1px solid var(--border);color:var(--text);white-space:normal;overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:5px;max-width:100%;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.training-timeline{gap:12px;display:grid}.training-slot-card{margin-bottom:0}.training-slot-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.training-slot-time{color:var(--accent);letter-spacing:.2px;font-size:12px;font-weight:700}.training-slot-title{color:var(--text);margin-top:2px;font-size:18px;font-weight:700}.training-slot-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.training-slot-action{border:1px solid var(--border2);background:var(--bg3);min-height:44px;color:var(--text2);font:inherit;cursor:pointer;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700}.training-slot-action.primary{border-color:var(--accent);background:var(--accent);color:#fff}.training-slot-section{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.training-slot-section-label{color:var(--text3);letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.training-slot-log+.training-slot-log{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.training-slot-log .edit-inline-btn{margin-top:8px}.plan-confirm-chip{background:var(--bg3);border:1.5px solid var(--border2);color:var(--text3);opacity:.4;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:opacity .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.plan-confirm-chip.active{color:var(--text);opacity:1;background:#e85d3a1f;border-color:#e85d3a66}.typ-badge-neu{letter-spacing:.4px;color:var(--green);background:#3ecf6e26;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.typ-badge-wdh{letter-spacing:.4px;color:var(--bachata2);background:#7b5ea726;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.reminder-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.reminder-row:last-child{border-bottom:none}.ampel-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-green{background:var(--green);box-shadow:0 0 6px #3ecf6e80}.dot-yellow{background:var(--yellow);box-shadow:0 0 6px #f5a62380}.dot-red{background:var(--red);box-shadow:0 0 6px #e85d3a80}.reminder-name{flex:1;font-size:14px;font-weight:500}.reminder-days{color:var(--text3);font-size:12px}.diff-star{cursor:pointer;color:var(--text3);opacity:.3;background:0 0;border:none;padding:2px 4px;font-size:22px;transition:opacity .15s}.diff-star.active{color:var(--yellow);opacity:1}.diff-star:hover{opacity:.7}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);letter-spacing:.2px;width:100%;margin-top:4px;padding:17px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s}.btn-primary:active{opacity:.85;transform:scale(.99)}.btn-secondary{background:var(--bg3);width:100%;color:var(--text);border-radius:var(--radius);border:1px solid var(--border2);margin-top:8px;padding:15px;font-size:15px;font-weight:600;transition:opacity .15s}.btn-secondary:active{opacity:.7}.btn-danger{width:100%;color:var(--accent);border-radius:var(--radius);background:#e85d3a1f;border:1px solid #e85d3a40;margin-top:8px;padding:15px;font-size:15px;font-weight:600;transition:opacity .15s}.btn-danger:active{opacity:.7}#backup-banner{border-radius:var(--radius-sm);cursor:pointer;background:#f5a6231a;border:1px solid #f5a6234d;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;display:flex}#backup-banner.hidden{display:none!important}.banner-icon{flex-shrink:0;font-size:18px}.banner-text{color:var(--yellow);flex:1;font-size:13px;line-height:1.4}.banner-close{color:var(--text3);flex-shrink:0;padding:4px;font-size:18px}.fokus-week-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:4px 2px;display:flex}.fokus-week-row #fokus-week-label{color:var(--text2);font-size:13px}.fokus-week-row #fokus-week-label strong{color:var(--text);font-weight:700}.fokus-override-hint{color:var(--accent);font-size:11px;font-weight:600}.fokus-swap-btn{color:var(--accent);border:1px solid var(--border2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:700}.fokus-swap-btn:active{opacity:.7}.kurs-tabs{gap:8px;margin-bottom:16px;display:flex}.kurs-tab{border:1.5px solid var(--border2);background:var(--bg2);color:var(--text3);cursor:pointer;white-space:nowrap;border-radius:12px;flex:1;padding:10px 6px;font-size:12px;font-weight:700;line-height:1.2;transition:background .15s,color .15s,border-color .15s}.kurs-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.log-kurs-badge{background:var(--bg3);color:var(--text2);border:1px solid var(--border2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.filter-bar{scrollbar-width:none;gap:8px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-pill{border:1px solid var(--border2);background:var(--bg2);color:var(--text2);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.figur-item{background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;min-height:52px;margin-bottom:6px;padding:10px 14px;transition:border-color .15s;display:flex}.figur-item.ampel-red{border-left-color:var(--red)}.figur-item.ampel-yellow{border-left-color:var(--yellow)}.figur-item.ampel-green{border-left-color:var(--green)}.figur-item:active{border-color:var(--border2)}.figur-info{flex:1;min-width:0}.figur-name{font-size:15px;font-weight:600}.figur-sub{color:var(--text3);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.figur-diff{letter-spacing:1px}.section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text3);padding:16px 0 8px;font-size:12px;font-weight:700}.step-indicator{gap:6px;margin-bottom:24px;display:flex}.step-dot{background:var(--bg4);border-radius:2px;flex:1;height:4px;transition:background .3s}.step-dot.active{background:var(--accent)}.step-dot.done{background:var(--green)}.step-panel{display:none}.step-panel.active{display:block}.step-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin-bottom:8px;font-size:12px;font-weight:600}.step-title{letter-spacing:-.3px;margin-bottom:20px;font-size:22px;font-weight:700}.dance-choice-row{gap:10px;margin-bottom:24px;display:flex}.dance-choice{border-radius:var(--radius);border:2px solid var(--border);background:var(--bg2);text-align:center;cursor:pointer;flex:1;padding:18px 12px;transition:all .15s}.dance-choice.selected-salsa{border-color:var(--salsa);background:#e85d3a14}.dance-choice.selected-bachata{border-color:var(--bachata2);background:#7b5ea714}.dance-choice-name{margin-bottom:4px;font-size:16px;font-weight:700}.dance-choice-hint{color:var(--text3);font-size:11px}.quick-pick-section{margin:10px 0 14px}.quick-pick-title{color:var(--text2);letter-spacing:.2px;margin-bottom:8px;font-size:13px;font-weight:700}.quick-pick-row{flex-wrap:wrap;gap:8px;display:flex}.quick-pick-chip{background:var(--bg2);border:1px solid var(--border2);min-height:34px;color:var(--text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.quick-pick-chip:active{opacity:.85;transform:scale(.98)}.quick-pick-chip.active{color:var(--accent2);background:#e85d3a24;border-color:#e85d3a73}.log-figur-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;min-height:52px;margin-bottom:8px;padding:13px 16px;transition:all .15s;display:flex}.log-figur-item.checked{border-color:var(--accent);background:#e85d3a0f}.check-box{border:2px solid var(--border2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.log-figur-item.checked .check-box{background:var(--accent);border-color:var(--accent)}.check-icon{color:#fff;display:none}.log-figur-item.checked .check-icon{display:block}.log-figur-name{font-size:15px;font-weight:500}.typ-toggle{background:var(--bg4);color:var(--text3);cursor:pointer;letter-spacing:.3px;text-transform:uppercase;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.typ-label{pointer-events:none}.hidden-toggle{display:none}.selected-count{color:var(--text3);text-align:center;margin-bottom:12px;font-size:13px}.stimmung-row{gap:10px;margin-bottom:16px;display:flex}.stimmung-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);text-align:center;cursor:pointer;flex:1;padding:14px 8px;font-size:22px;line-height:1;transition:all .15s}.stimmung-btn span{text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-top:5px;font-size:10px;font-weight:600;display:block}.stimmung-btn.selected{border-color:var(--accent2);background:#e85d3a14}.notiz-field{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:none;outline:none;height:90px;margin-bottom:16px;padding:13px;font-size:15px;transition:border-color .15s}.notiz-field:focus{border-color:var(--border2)}.notiz-field::placeholder{color:var(--text3)}.plan-notiz-field{height:140px}.field-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin-bottom:6px;font-size:11px;font-weight:700}.session-themen{color:var(--accent2);background:#e85d3a14;border-radius:8px;margin-top:6px;padding:5px 8px;font-size:13px;font-weight:600}.report-textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:none;outline:none;min-height:55dvh;margin-bottom:16px;padding:14px;font-family:inherit;font-size:14px;line-height:1.6}.report-textarea::placeholder{color:var(--text3)}.dauer-row{align-items:center;gap:10px;margin-bottom:14px;display:flex}.dauer-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);width:90px;color:var(--text);text-align:center;-moz-appearance:textfield;outline:none;padding:12px 14px;font-size:18px;font-weight:600;transition:border-color .15s}.dauer-input::-webkit-outer-spin-button{-webkit-appearance:none}.dauer-input::-webkit-inner-spin-button{-webkit-appearance:none}.dauer-input:focus{border-color:var(--border2)}.dauer-label{color:var(--text2);font-size:15px}.settings-group{margin-bottom:24px}.settings-group-title{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:10px;padding-left:4px;font-size:11px;font-weight:700}.settings-item{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:8px;padding:15px 16px;transition:border-color .15s;display:flex}.settings-item:active{border-color:var(--border2)}.settings-item-label{font-size:15px;font-weight:500}.settings-item-value{color:var(--text3);font-size:13px}.settings-arrow{color:var(--text3);font-size:16px}#file-input{display:none}.sheet-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-overlay.open{align-items:flex-end;display:flex}.sheet{background:var(--bg2);padding:0 20px calc(24px + var(--safe-b));-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;width:100%;max-height:92dvh;transition:transform .35s cubic-bezier(.32,.72,0,1);overflow-y:auto;transform:translateY(100%)}.sheet-overlay.open .sheet{transform:translateY(0)}.sheet-handle{background:var(--bg4);border-radius:2px;width:36px;height:4px;margin:12px auto 20px}.sheet-title{letter-spacing:-.3px;margin-bottom:20px;font-size:20px;font-weight:700}.form-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:600}.form-input,.form-select{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;padding:13px;font-size:15px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent)}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235c5b6e' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.confirm-stat{background:var(--bg3);border-radius:var(--radius-sm);margin-bottom:10px;padding:14px}.confirm-stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px}.confirm-stat-value{font-size:15px;font-weight:600}.detail-header{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.detail-ampel{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.detail-title{letter-spacing:-.3px;font-size:22px;font-weight:700}.detail-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.detail-cell{background:var(--bg3);border-radius:var(--radius-sm);padding:12px}.detail-cell-label{color:var(--text3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px}.detail-cell-value{font-size:15px;font-weight:600}.detail-tipp{background:var(--bg3);border-radius:var(--radius-sm);color:var(--text2);margin-bottom:16px;padding:13px;font-size:14px;line-height:1.5}.detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tag-chip{background:var(--bg4);border:1px solid var(--border);color:var(--text3);border-radius:20px;padding:4px 10px;font-size:12px}#toast{bottom:calc(var(--nav-h) + var(--safe-b) + 16px);background:var(--bg3);border:1px solid var(--border2);white-space:nowrap;opacity:0;z-index:999;pointer-events:none;border-radius:30px;padding:11px 20px;font-size:14px;font-weight:500;transition:all .25s;position:fixed;left:50%;transform:translate(-50%)translateY(20px)}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}.empty-state{text-align:center;color:var(--text3);padding:40px 20px}.empty-state-icon{margin-bottom:12px;font-size:40px}.empty-state-text{font-size:14px;line-height:1.5}.history-date-header{text-transform:uppercase;letter-spacing:.8px;color:var(--text3);margin:20px 0 8px;font-size:11px;font-weight:600}.history-date-header:first-child{margin-top:4px}.history-log-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:12px 14px}.history-log-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-log-actions{font-size:18px;line-height:1}.history-figuren{flex-wrap:wrap;gap:6px;display:flex}.no-figuren{color:var(--text3);font-size:13px;font-style:italic}.session-notiz{color:var(--text2);border-top:1px solid var(--border);margin-top:10px;padding-top:8px;font-size:13px;font-style:italic;line-height:1.45}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen.active>*{animation:.3s both fadeIn}.screen.active>:nth-child(2){animation-delay:40ms}.screen.active>:nth-child(3){animation-delay:80ms}.screen.active>:nth-child(4){animation-delay:.12s}.screen.active>:nth-child(5){animation-delay:.16s}