@charset "UTF-8";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger .reveal:nth-child(1){transition-delay:0s}.reveal-stagger .reveal:nth-child(2){transition-delay:.1s}.reveal-stagger .reveal:nth-child(3){transition-delay:.2s}.reveal-stagger .reveal:nth-child(4){transition-delay:.3s}.reveal-stagger .reveal:nth-child(5){transition-delay:.4s}.reveal-stagger .reveal:nth-child(6){transition-delay:.5s}@keyframes shake{10%,90%{transform:translate(-.125rem)}20%,80%{transform:translate(.125rem)}30%,50%,70%{transform:translate(-.25rem)}40%,60%{transform:translate(.25rem)}}@keyframes badgeScaleInOut{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes insertSlide{0%{transform:translateY(-.625rem);opacity:0}60%{transform:translateY(.1875rem);opacity:1}to{transform:translateY(0)}}@keyframes insertPulse{0%{box-shadow:0 0 #ad007866}to{box-shadow:0 0 #ad007800}}@keyframes pinSlideUp{0%{transform:translateY(.5rem);opacity:.7}70%{transform:translateY(-.1875rem);opacity:1}to{transform:translateY(0)}}@keyframes pinSlideDown{0%{transform:translateY(-.5rem);opacity:.7}70%{transform:translateY(.1875rem);opacity:1}to{transform:translateY(0)}}@keyframes pinPulse{0%{box-shadow:0 0 #ad007859}to{box-shadow:0 0 #ad007800}}@keyframes unpinFloat{0%{transform:scale(1.05)}to{transform:scale(1)}}.source-badge{display:inline-block;padding:.15rem .4rem;border-radius:.25rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03rem}.source-badge.original{background:#00c2a826;color:var(--primary-light)}.source-badge.mine{background:#b042f526;color:var(--accent-light)}.source-badge.community{background:#ebbd0026;color:#fbbf24}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;border-radius:.75rem}.in-plan-indicator{color:var(--success);font-weight:700;margin-inline-start:.5rem}.shortcut-hint{padding:.125rem .5rem;background:#ffffff14;border:.0625rem solid var(--border-dark-alpha-50);border-radius:.25rem;color:var(--text-muted);font-size:.75rem;font-family:system-ui,-apple-system,sans-serif;flex-shrink:0}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:1rem;font-size:.75rem;font-weight:500;white-space:nowrap;background:var(--accent-alpha-20);color:var(--accent-light)}.tag-sm{padding:.15rem .4rem;font-size:.7rem}.tag-primary{background:#00c2a833;color:var(--primary-light)}.tag-accent{background:#b042f533;color:var(--accent-light)}.tag-secondary{background:#090e1f33;color:var(--secondary-light)}.tag-success{background:#0a8b4033;color:var(--success)}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:500;white-space:nowrap;transition:background .15s ease}.chip--primary{background:#00c2a833;color:var(--primary-light)}.chip--primary:hover{background:#00c2a859}.chip--accent{background:#b042f533;color:var(--accent-light)}.chip--accent:hover{background:#b042f559}.chip--secondary{background:#ff6b3533;color:#ff8c5a}.chip--secondary:hover{background:#ff6b3559}.chip--success{background:#0a8b4033;color:var(--success)}.chip--success:hover{background:#0a8b4059}.chip--warning{background:#997a0033;color:var(--warning)}.chip--warning:hover{background:#997a0059}.chip--error{background:#99201333;color:var(--error)}.chip--error:hover{background:#99201359}.chip--muted{background:#6b728033;color:var(--text-muted)}.chip--muted:hover{background:#6b728059}.chip--tier-starter{background:#94a3b833;color:#0ea5e9}.chip--tier-starter:hover{background:#94a3b859}.chip--tier-pro{background:#1a8dc233;color:#10b981}.chip--tier-pro:hover{background:#1a8dc259}.chip--tier-allstar{background:#ebbd0033;color:#fbbf24}.chip--tier-allstar:hover{background:#ebbd0059}.chip--teal{background:#0d948833;color:#2dd4bf}.chip--teal:hover{background:#0d948859}.chip--violet{background:#7c3aed33;color:#a78bfa}.chip--violet:hover{background:#7c3aed59}.chip--selectable{cursor:pointer;-webkit-user-select:none;user-select:none}.chip--selected{outline:2px solid currentColor;outline-offset:-2px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:.75rem;font-size:.7rem;font-weight:700}[data-theme=light] .chip--tier-allstar{color:#7a6200}[data-theme=light] .chip--teal{color:#0d9488}[data-theme=light] .level-badge.level-young{color:#92600a!important}[data-theme=light] .level-badge.level-elementary{color:#15803d!important}[data-theme=light] .level-badge.level-middle{color:#1d4ed8!important}[data-theme=light] .level-badge.level-high{color:#6d28d9!important}.collapsible-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.collapsible-content.expanded{grid-template-rows:1fr}.collapsible-inner{overflow:hidden}.chevron{display:inline-block;transition:transform .2s ease;transform:rotate(0)}.chevron.expanded,.expanded>.chevron{transform:rotate(90deg)}:root{--success: #0a8b40;--warning: #997a00;--error: #992013;--base: #ffffff;--baseball-red: #cc2229;--baseball-dirt: #a37353;--baseball-white: #f5f5f5;--baseball-stitches: #e11d48;--primary: #00c2a8;--primary-light: #00dabe;--primary-dark: #007a6a;--primary-glow: rgba(0, 194, 168, .5);--accent: #b042f5;--accent-light: #c561f8;--accent-dark: #7e2db0;--accent-glow: rgba(176, 66, 245, .5);--secondary: #ff6b35;--secondary-light: #ff8c5a;--secondary-dark: #cc4a1a;--secondary-glow: rgba(255, 107, 53, .5);--magenta: #e8259c;--magenta-light: #f04db5;--magenta-dark: #a01870;--magenta-glow: rgba(232, 37, 156, .5);--magenta-alpha-10: rgba(232, 37, 156, .1);--magenta-alpha-20: rgba(232, 37, 156, .2);--neon-blue: #00b4f5;--neon-blue-light: #33c6ff;--neon-blue-dark: #007ab3;--neon-blue-glow: rgba(0, 180, 245, .5);--neon-blue-alpha-10: rgba(0, 180, 245, .1);--neon-blue-alpha-20: rgba(0, 180, 245, .2);--navy-purple: #5533cc;--navy-purple-light: #7055e0;--navy-purple-dark: #371f99;--navy-purple-glow: rgba(85, 51, 204, .5);--navy-purple-alpha-10: rgba(85, 51, 204, .1);--navy-purple-alpha-20: rgba(85, 51, 204, .2);--bg-black: #000;--bg-dark: #050a14;--bg-dark-secondary: #090e1f;--card-dark: #0d1428;--border-dark: #1a2744;--text-heading: rgba(236, 245, 255, .97);--text-body: rgba(190, 215, 240, .82);--text-muted: rgba(140, 180, 220, .55);--text-orange: var(--secondary);--drill-name-color: #00e8d0;--folder-tab: #090e1f;--sidebar: #1a2744;--button-text: #ffffff;--button-text-dark: #050a14;--status-online: #0a8b40;--status-offline: #992013;--selected-level-bg: rgba(0, 194, 168, .2);--subtle-overlay: rgba(255, 255, 255, .04);--card-dark-alpha-95: rgba(13, 20, 40, .95);--card-dark-alpha-80: rgba(13, 20, 40, .8);--bg-dark-secondary-alpha-80: rgba(9, 14, 31, .8);--accent-alpha-10: rgba(176, 66, 245, .1);--accent-alpha-20: rgba(176, 66, 245, .2);--primary-alpha-20: rgba(0, 194, 168, .2);--secondary-alpha-20: rgba(255, 107, 53, .2);--border-dark-alpha-50: rgba(26, 39, 68, .7);--level-0-bg: #ffffff;--level-1-bg: #ffffe0;--level-2-bg: #eee8aa;--level-3-bg: #adff2f;--level-4-bg: #9acd32;--level-5-bg: #7fffd4;--level-6-bg: #7fdbd7;--level-7-bg: #afeeee;--level-8-bg: #add8e6;--level-9-bg: #b0c4de;--level-10-bg: #87cefa;--level-11-bg: #00bfff;--level-12-bg: #1e90ff}[data-theme=light]{--primary: #0077b6;--primary-light: #0096c7;--primary-dark: #023e8a;--primary-glow: rgba(0, 119, 182, .4);--accent: #7c3aed;--accent-light: #9333ea;--accent-dark: #5b21b6;--accent-glow: rgba(124, 58, 237, .4);--secondary: #ea580c;--secondary-light: #f97316;--secondary-dark: #c2410c;--secondary-glow: rgba(234, 88, 12, .4);--magenta: #c8177e;--magenta-light: #e0289c;--magenta-dark: #8c1058;--magenta-glow: rgba(200, 23, 126, .4);--magenta-alpha-10: rgba(200, 23, 126, .08);--magenta-alpha-20: rgba(200, 23, 126, .15);--neon-blue: #007bc9;--neon-blue-light: #0096e6;--neon-blue-dark: #005899;--neon-blue-glow: rgba(0, 123, 201, .4);--neon-blue-alpha-10: rgba(0, 123, 201, .08);--neon-blue-alpha-20: rgba(0, 123, 201, .15);--navy-purple: #3a1fa8;--navy-purple-light: #5533cc;--navy-purple-dark: #251480;--navy-purple-glow: rgba(58, 31, 168, .4);--navy-purple-alpha-10: rgba(58, 31, 168, .08);--navy-purple-alpha-20: rgba(58, 31, 168, .15);--bg-black: var(--border-dark);--bg-dark: #e8f0ff;--bg-dark-secondary: #dce6ff;--card-dark: #f8faff;--border-light: #d1dffe;--border-dark: #93b4fb;--text-heading: rgba(5, 15, 45, .92);--text-body: rgba(15, 30, 70, .78);--text-muted: rgba(30, 50, 100, .55);--text-orange: var(--secondary-dark);--drill-name-color: #0077b6;--selected-level-bg: rgba(0, 119, 182, .1);--subtle-overlay: rgba(0, 0, 0, .04);--folder-tab: #c7d7ff;--sidebar: #b8ccff;--card-dark-alpha-95: rgba(248, 250, 255, .97);--card-dark-alpha-80: rgba(248, 250, 255, .95);--bg-dark-secondary-alpha-80: rgba(220, 230, 255, .95);--accent-alpha-10: rgba(124, 58, 237, .08);--accent-alpha-20: rgba(124, 58, 237, .15);--primary-alpha-20: rgba(0, 119, 182, .12);--secondary-alpha-20: rgba(234, 88, 12, .12);--border-dark-alpha-50: rgba(147, 180, 251, .6)}.deleting-zoom{animation:zoom-out .3s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}@keyframes zoom-out{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.poof-container{position:fixed;pointer-events:none;z-index:10000}.poof-particle{position:absolute;width:8px;height:8px;background:#666;border-radius:50%;opacity:0;animation:poof .6s ease-out forwards}.poof-particle:nth-child(1){animation-delay:.01s;--tx: 42.8316623475px;--ty: 3.801144637px}.poof-particle:nth-child(2){animation-delay:.02s;--tx: 26.3116536533px;--ty: -32.736781791px}.poof-particle:nth-child(3){animation-delay:.03s;--tx: -27.7588880271px;--ty: 22.922568257px}.poof-particle:nth-child(4){animation-delay:.04s;--tx: -39.3333976512px;--ty: -17.3748044366px}.poof-particle:nth-child(5){animation-delay:.05s;--tx: 29.9098995264px;--ty: -16.1678047464px}.poof-particle:nth-child(6){animation-delay:.06s;--tx: -.4248559111px;--ty: 31.9971795234px}.poof-particle:nth-child(7){animation-delay:.07s;--tx: -16.7822441767px;--ty: 46.0364668539px}.poof-particle:nth-child(8){animation-delay:.08s;--tx: -20.8135886704px;--ty: 46.5595803961px}.poof-particle:nth-child(9){animation-delay:.09s;--tx: 29.3034314028px;--ty: -15.1759318667px}.poof-particle:nth-child(10){animation-delay:.1s;--tx: 39.0712418704px;--ty: -20.2345758222px}.poof-particle:nth-child(11){animation-delay:.11s;--tx: -25.5101485473px;--ty: 43.0027013232px}.poof-particle:nth-child(12){animation-delay:.12s;--tx: -21.6088972442px;--ty: 45.0894173824px}.poof-particle:nth-child(13){animation-delay:.13s;--tx: -29.2077662858px;--ty: 27.3295881526px}.poof-particle:nth-child(14){animation-delay:.14s;--tx: 17.0608964732px;--ty: 37.2817088065px}.poof-particle:nth-child(15){animation-delay:.15s;--tx: 43.9379631874px;--ty: 2.3356778344px}@keyframes poof{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx, 20px),var(--ty, 20px)) scale(0);opacity:0}}.drop-zone{position:relative;padding:.5rem 0;height:.5rem;margin:.25rem 0;border-radius:.25rem;border:.125rem dashed transparent;transition:height .2s cubic-bezier(.2,.8,.2,1.2),background-color .15s ease,border-color .15s ease}.drop-zone.drag-over{background:var(--accent-alpha-10);border-color:var(--accent);height:2.5rem;box-shadow:0 0 15px rgba(var(--accent),.3),0 0 30px rgba(var(--accent),.18)}.drop-zone.drag-over .drop-zone-label{opacity:1}.drop-zone.dropped{background:#b042f526;border-color:var(--accent);border-style:solid;height:2.5rem}.drop-zone-label{opacity:0;color:var(--accent-light);font-size:.9rem;font-weight:600;text-align:center;position:absolute;width:100%;top:50%;transform:translateY(-50%);pointer-events:none;transition:opacity .12s ease}.empty-state{text-align:center;padding:2rem 1rem}.empty-title{font-size:1.25rem;font-weight:700;color:var(--text-heading);margin-block-end:.5rem}.empty-desc{font-size:.9rem;color:var(--text-muted);margin-block-end:1rem}.empty-examples{list-style:none;padding:0;margin:0;font-size:.85rem;color:var(--text-body)}.empty-examples li{padding:.25rem 0}.empty-examples li:before{content:"\2192  ";color:var(--accent)}.spinner{width:2.5rem;height:2.5rem;border:.2rem solid var(--border-dark);border-block-start-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;color:var(--text-muted)}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:.75rem 1rem;background:rgba(var(--bg-dark-secondary),.8);border:1px solid rgba(var(--border-dark),.5);border-radius:.375rem;color:var(--text-body);font-family:inherit;font-size:.95rem;transition:all .2s ease}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);background:rgba(var(--bg-dark-secondary),.9);box-shadow:0 0 15px rgba(var(--accent),.3),0 0 30px rgba(var(--accent),.18)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:5rem;line-height:1.6}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-row{display:grid;gap:1rem}.form-row.cols-2{grid-template-columns:repeat(2,1fr)}.form-row.cols-3{grid-template-columns:repeat(3,1fr)}.form-row.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 40rem){.form-row{grid-template-columns:1fr}}.checkbox-wrapper{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--accent)}.checkbox-wrapper label{font-size:.95rem;font-weight:500;color:var(--text-body);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:normal}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-dark);border:.0625rem solid rgba(197,97,248,.3);border-radius:.75rem;width:90%;max-width:32rem;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1.25rem 3.75rem #00000080,0 0 1.5rem #b042f52e;animation:scaleIn .3s ease-out}.modal-content.modal-sm{max-width:24rem}.modal-content.modal-lg{max-width:48rem}.modal-content.modal-xl{max-width:64rem}@media (max-width: 40rem){.modal-content{width:95%;max-height:95vh}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:sticky;top:0;background:var(--bg-dark);z-index:1}@media (max-width: 40rem){.modal-header{padding:1rem 1.5rem}}.modal-title{font-size:1.5rem;font-weight:800;color:var(--accent-light);letter-spacing:.0625rem;margin:0}@media (max-width: 40rem){.modal-title{font-size:1.25rem}}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:.0625rem solid var(--border-dark);color:var(--text-muted);width:2rem;height:2rem;padding:0;border-radius:50%;font-size:1.2rem}.modal-close-btn:hover{color:var(--accent-light);border-color:var(--accent);background:var(--accent-alpha-10);box-shadow:0 0 15px rgba(var(--accent),.25),0 0 30px rgba(var(--accent),.15)}.modal-body{flex:1;padding:0 2rem;overflow-y:auto}@media (max-width: 40rem){.modal-body{padding:0 1.5rem}}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 2rem}.modal-footer:empty{display:none}@media (max-width: 40rem){.modal-footer{padding:1rem 1.5rem}}.notice-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#997a001a;border:1px solid rgba(153,122,0,.3);border-radius:.375rem}.notice-warning .warning-icon{width:1.5rem;height:1.5rem;color:var(--warning);flex-shrink:0;margin-block-start:.125rem}.notice-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#9920131a;border:1px solid rgba(153,32,19,.3);border-radius:.375rem}.notice-error .warning-icon{width:1.5rem;height:1.5rem;color:var(--error);flex-shrink:0;margin-block-start:.125rem}.downgrade-warning{display:flex;align-items:center;gap:.75rem;background:#997a001a;border:1px solid rgba(153,122,0,.3);border-radius:.375rem;padding:1.25rem}.downgrade-warning .warning-text{color:var(--text-body);margin:0 0 .75rem}.downgrade-warning .warning-text strong{color:var(--text-heading)}.downgrade-warning .date-notice{color:var(--text-muted);font-size:.875rem;margin:0}.downgrade-warning .date-notice strong{color:var(--warning)}.downgrade-warning .warning-icon{width:1.5rem;height:1.5rem;color:var(--warning);flex-shrink:0;margin-block-start:.125rem}.cancel-redirect-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#9920131a;border:1px solid rgba(153,32,19,.3);border-radius:.375rem}.cancel-redirect-notice .warning-icon{width:1.5rem;height:1.5rem;color:var(--error);flex-shrink:0;margin-block-start:.125rem}.cancel-redirect-notice p{color:var(--text-body);margin:0;font-size:.9375rem}.delete-warning{display:flex;gap:1rem;padding:1.25rem;background:#9920131a;border:1px solid rgba(153,32,19,.3);border-radius:.375rem}.delete-warning .warning-icon{width:1.5rem;height:1.5rem;color:var(--error);flex-shrink:0}.delete-warning .warning-content h4{color:var(--error);font-size:1rem;font-weight:600;margin:0 0 .5rem}.delete-warning .warning-content p{color:var(--text-body);font-size:.9375rem;margin:0}.delete-warning .warning-content p.lost-time{color:var(--text-muted);font-size:.875rem;margin-block-start:.5rem}.popover{position:absolute;inset-inline:1rem;background:var(--card-dark);border:.0625rem solid var(--border-dark);border-radius:.5rem;padding:.75rem;z-index:10;box-shadow:0 .5rem 1rem #0000004d;max-height:60vh;overflow-y:auto}.popover-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:.75rem;font-weight:600;font-size:.85rem;color:var(--text-heading)}.popover-trigger{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#090e1f4d;border:.0625rem solid rgba(197,97,248,.15);border-radius:.375rem;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease}.popover-trigger:hover,.popover-trigger.active{border-color:var(--accent);color:var(--accent-light)}@media print{.screen-only{display:none!important}}.print-only{display:none!important}@media print{.print-only{display:block!important}}.print-only-flex{display:none!important}@media print{.print-only-flex{display:flex!important}}.print-only-inline{display:none!important}@media print{.print-only-inline{display:inline!important}}@media print{*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;color:#000!important}.screen-only,.action-buttons,.time-info-panel,.drag-handle,.drop-zone,ygp-button,.card-actions,.editor-header,.metadata-row,.drill-actions,.header-area,.plan-type-tag,.practice-editor:before,.skills-equipment-row,input,select,textarea,ygp-attendance-tracker{display:none!important}ygp-drill-card{display:grid!important;grid-template-columns:3.75rem 1fr!important;align-items:start!important;column-gap:1.5rem!important;background:none!important;border:none!important;border-bottom:.0625rem solid #ccc!important;padding:.5rem 0!important;cursor:default!important}ygp-drill-card .card-left{display:flex!important;align-items:flex-start!important;margin:0!important;padding:0!important}ygp-drill-card .drill-start-time-display{font-size:1rem!important;font-weight:700!important;color:#000!important;line-height:1.2!important;margin:0!important;padding:0!important}ygp-drill-card .drill-number-btn .completion-check,ygp-drill-card .drill-number-btn .completed-badge{display:none!important}ygp-drill-card .card-center{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:.25rem!important;margin:0!important;padding:0!important}ygp-drill-card .card-center-top{display:flex!important;flex-direction:row!important;gap:.5rem!important;margin:0!important;padding:0!important}ygp-drill-card .card-center-meta{display:flex!important;flex-direction:row!important;justify-content:space-between!important;gap:1.5rem!important;align-items:baseline;width:100%}ygp-drill-card .card-center-meta-print{display:flex!important;justify-content:space-between!important;width:100%}ygp-drill-card .drill-name{text-shadow:none!important;color:#000!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important;margin:0!important;padding:0!important}ygp-drill-card .drill-duration{color:#666!important;font-size:.9rem!important}ygp-drill-card .drill-duration:before{content:"("}ygp-drill-card .drill-duration:after{content:")"}ygp-drill-card .meta-row{display:inline-flex!important;align-items:baseline;gap:.25rem}ygp-drill-card .meta-row:has(.print-only:empty),ygp-drill-card .meta-row:has(span:last-child:empty){display:none!important}ygp-drill-card .meta-label{font-weight:700!important;color:#000!important;font-size:.85rem!important;min-width:auto!important;padding:0!important}ygp-drill-card .skills-row{display:none!important}ygp-drill-card .tag{display:inline!important;background:none!important;padding:0!important;border-radius:0!important;color:#000!important}ygp-drill-card .tag:after{content:", "}ygp-drill-card .tag:last-child:after{content:""}ygp-drill-card .card-expanded{grid-column:2!important;width:100%;background:none!important;border:none!important;padding:.25rem 0 0!important;margin-block-start:.25rem}ygp-drill-card .how-text{color:#000!important;font-size:.9rem!important;font-style:italic}}.spinner-explosion{position:fixed;inset:0;z-index:9999;pointer-events:none}.spinner-explosion:before{content:"";position:absolute;inset:50%;width:60px;height:60px;margin:-30px;border:4px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;opacity:0}.spinner-explosion:after{content:"";position:absolute;inset:50%;width:0;height:0;background:var(--bg-primary);border-radius:50%;transform:translate(-50%,-50%)}.spinner-explosion.loading:before{opacity:1;animation:spin .6s linear infinite}.spinner-explosion.loading:after{width:0;height:0}.spinner-explosion.explode:before{animation:shrink-explode .5s ease-in forwards}.spinner-explosion.explode:after{animation:circle-expand .5s ease-in forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shrink-explode{0%{transform:scale(1) rotate(0);opacity:1}20%{transform:scale(.6) rotate(90deg);opacity:1}to{transform:scale(40) rotate(180deg);opacity:0}}@keyframes circle-expand{0%{width:0;height:0}20%{width:40px;height:40px}to{width:300vmax;height:300vmax}}.drill-item{position:relative}.drill-item:before,.drill-item:after{position:absolute;content:"";display:none;width:100%;height:100%;left:0;z-index:-1;transition:all ease-in-out .5s;background-repeat:no-repeat}.drill-item:before{top:-100%;background-image:radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,transparent 50%,#667eea 55%,transparent 60%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,transparent 40%,#667eea 50%,transparent 60%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%);background-size:20px 20px,30px 30px,16px 16px,20px 20px,18px 18px,20px 20px,16px 16px,20px 20px,18px 18px}.drill-item:after{bottom:-100%;background-image:radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,transparent 40%,#667eea 50%,transparent 60%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%),radial-gradient(circle,#667eea 50%,transparent 50%);background-size:16px 16px,20px 20px,18px 18px,20px 20px,16px 16px,20px 20px,20px 20px}.drill-item.splash-animate{animation:splash-scale .6s cubic-bezier(.34,1.56,.64,1) forwards}.drill-item.splash-animate:before{display:block;animation:topBubbles ease-in-out .75s forwards}.drill-item.splash-animate:after{display:block;animation:bottomBubbles ease-in-out .75s forwards}@keyframes splash-scale{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%;background-size:20px 20px,30px 30px,16px 16px,20px 20px,18px 18px,20px 20px,16px 16px,20px 20px,18px 18px}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%;background-size:20px 20px,30px 30px,16px 16px,20px 20px,18px 18px,20px 20px,16px 16px,20px 20px,18px 18px}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%;background-size:16px 16px,20px 20px,18px 18px,20px 20px,16px 16px,20px 20px,20px 20px}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%;background-size:16px 16px,20px 20px,18px 18px,20px 20px,16px 16px,20px 20px,20px 20px}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0,0 0}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem}.loading-state .spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-dark);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:var(--text-muted);margin:0}.error-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.error-state .error-icon{width:3rem;height:3rem;background:#99201326;color:var(--error);border:2px solid var(--error);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.error-state .error-message{color:var(--error);margin:0;font-weight:500}.error-state .error-hint{color:var(--text-muted);font-size:.875rem;margin:0}.success-content{align-items:center;text-align:center;padding:2rem 0}.success-content .success-icon{width:4rem;height:4rem;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin-bottom:1rem}.success-content .success-icon.warning{background:var(--warning)}.success-content .success-message{color:var(--text-heading);font-size:1.125rem;font-weight:600;margin:0}.success-content .success-subtext{color:var(--text-muted);font-size:.9375rem;margin:.5rem 0 0}.btn-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-inline-end:.5rem}.tier-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.tier-badge.tier-starter{background:linear-gradient(135deg,#718096,#4a5568);color:#fff;border:2px solid #a0aec0}.tier-badge.tier-pro{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid #9f7aea;box-shadow:0 0 15px #667eea4d}.tier-badge.tier-all-star{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff;border:2px solid #fbd38d;box-shadow:0 0 20px #ed893666;animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 0 20px #ed893666}50%{box-shadow:0 0 30px #ed893699}}.upgrade-notice{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin:1rem 0;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000001a}.upgrade-notice strong{font-weight:700}.upgrade-notice .upgrade-btn{margin-left:auto;padding:.5rem 1.25rem;background:#fff;color:#667eea;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-notice .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.upgrade-notice .upgrade-btn:active{transform:translateY(0)}.drill-card[cdkDragDisabled]{cursor:default!important;opacity:.9}.drill-card[cdkDragDisabled] .drag-handle{display:none}.drills-container[cdkDropListDisabled] .empty-state{color:#a0aec0}.share-btn,.share-drill-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.share-btn:hover,.share-drill-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 4px 8px #48bb784d}.share-btn:active,.share-drill-btn:active{transform:translateY(0)}.share-drill-btn{font-size:.875rem;padding:.375rem .75rem;margin-top:.5rem}.community-drills{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.community-drills .section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;color:#2d3748}.community-drills .section-title:before{content:"\1f310"}.community-drills .library-drill-card.community{border-left:4px solid #48bb78;background:linear-gradient(135deg,#f0fff4,#c6f6d5)}.community-drills .library-drill-card.community .rating{color:#f6ad55;font-weight:700;margin-left:.5rem}.community-drills .library-drill-card.community .created-by{font-size:.875rem;color:#718096;font-style:italic;margin-top:.25rem}.create-drill-btn,.community-toggle-btn{padding:.5rem;background:transparent;border:2px solid #cbd5e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem}.create-drill-btn:hover,.community-toggle-btn:hover{background:#edf2f7;border-color:#a0aec0}.create-drill-btn.active,.community-toggle-btn.active{background:#48bb78;border-color:#48bb78;color:#fff}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.6;background:#f7fafc}.toggle{--toggle-width: 3.625rem;--toggle-height: 2rem;--toggle-knob: 1.5rem;--toggle-padding: .25rem;--toggle-radius: 1rem;--toggle-gap: .75rem;cursor:pointer;display:inline-flex;align-items:center;gap:var(--toggle-gap)}.toggle--small{--toggle-width: 2.5rem;--toggle-height: 1.375rem;--toggle-knob: 1rem;--toggle-padding: .1875rem;--toggle-radius: .6875rem;--toggle-gap: .5rem;font-size:.875rem}.toggle--large{--toggle-width: 4.5rem;--toggle-height: 2.5rem;--toggle-knob: 1.875rem;--toggle-padding: .3125rem;--toggle-radius: 1.25rem;--toggle-gap: 1rem;font-size:1.125rem}.toggle--huge{--toggle-width: 5.5rem;--toggle-height: 3rem;--toggle-knob: 2.25rem;--toggle-padding: .375rem;--toggle-radius: 1.5rem;--toggle-gap: 1.25rem;font-size:1.25rem}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-switch{display:inline-block;background:var(--border-dark);border-radius:var(--toggle-radius);width:var(--toggle-width);height:var(--toggle-height);position:relative;vertical-align:middle;transition:background .25s;flex-shrink:0}.toggle-switch:before{content:"";display:block;background:var(--text-muted);border-radius:50%;box-shadow:none;width:var(--toggle-knob);height:var(--toggle-knob);position:absolute;top:var(--toggle-padding);left:var(--toggle-padding);transition:left .25s cubic-bezier(.4,0,.2,1)}.toggle:hover .toggle-switch:before{background:var(--text-body);box-shadow:none}.toggle-checkbox:checked+.toggle-switch{background:var(--primary)}.toggle-checkbox:checked+.toggle-switch:before{left:calc(var(--toggle-width) - var(--toggle-knob) - var(--toggle-padding));background:#fff}.toggle-checkbox:focus-visible+.toggle-switch{outline:2px solid var(--primary);outline-offset:2px}.toggle-checkbox:disabled+.toggle-switch{opacity:.5;cursor:not-allowed}.toggle-checkbox:disabled~span{opacity:.5}.ygp-tooltip{position:absolute;z-index:3000;max-width:18rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.4;color:var(--text-body);background:linear-gradient(135deg,#0078adbf,#ad0078bf);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-dark-alpha-50);border-radius:.375rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff08 inset;pointer-events:none;white-space:pre-line;opacity:0;transform:scale(.96);transition:opacity .15s ease,transform .15s ease}.ygp-tooltip--visible{opacity:1;transform:scale(1)}.ygp-tooltip:before{content:"";position:absolute;width:.5rem;height:.5rem;background:linear-gradient(135deg,#0078adbf,#ad0078bf);border:1px solid var(--border-dark-alpha-50);border-radius:1px;transform:rotate(45deg)}.ygp-tooltip--top:before{bottom:-.3125rem;left:50%;margin-left:-.25rem;border-top:none;border-left:none}.ygp-tooltip--bottom:before{top:-.3125rem;left:50%;margin-left:-.25rem;border-bottom:none;border-right:none}.ygp-tooltip--left:before{right:-.3125rem;top:50%;margin-top:-.25rem;border-bottom:none;border-left:none}.ygp-tooltip--right:before{left:-.3125rem;top:50%;margin-top:-.25rem;border-top:none;border-right:none}[data-theme=light] .ygp-tooltip{background:var(--card-dark-alpha-95);box-shadow:0 4px 16px #0000001f,0 0 0 1px #0000000d inset}[data-theme=light] .ygp-tooltip:before{background:var(--card-dark-alpha-95)}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--drill-library-width: 33vw;--variant-panel-width: 26rem}*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:var(--brand-scrollbar, rgba(176, 66, 245, .4)) transparent}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-dark);color:var(--text-body);transition:background-color .3s ease,color .3s ease}.spinner-container{display:flex;align-items:center;justify-content:center;height:12.5rem}.custom-loader{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-weight:500;color:var(--text-muted)}.custom-loader mat-progress-bar{width:80%}ygp-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem)}ygp-modal .modal-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}ygp-modal .modal-container{position:relative;background:var(--card-dark);border:.0625rem solid rgba(26,39,68,.5);border-radius:.75rem;max-width:37.5rem;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 1.25rem 2.5rem #00000080;animation:modalFadeIn .3s ease ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-1.25rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app-main.sidebar-pinned ygp-practice-context{z-index:901}@media print{ygp-header,ygp-drill-library{display:none!important}body{background:#fff!important}}