*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100%;background-color:#fff;color:#0f172a;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.5rem;font-weight:600}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:500}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#0f172a}.text-secondary{color:#475569}.text-success{color:#16a34a}.text-warning{color:#d97706}.text-danger{color:#dc2626}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.m-xs{margin:.25rem}.mt-xs{margin-top:.25rem}.mr-xs{margin-right:.25rem}.mb-xs{margin-bottom:.25rem}.ml-xs{margin-left:.25rem}.mx-xs{margin-left:.25rem;margin-right:.25rem}.my-xs{margin-top:.25rem;margin-bottom:.25rem}.p-xs{padding:.25rem}.pt-xs{padding-top:.25rem}.pr-xs{padding-right:.25rem}.pb-xs{padding-bottom:.25rem}.pl-xs{padding-left:.25rem}.px-xs{padding-left:.25rem;padding-right:.25rem}.py-xs{padding-top:.25rem;padding-bottom:.25rem}.m-sm{margin:.5rem}.mt-sm{margin-top:.5rem}.mr-sm{margin-right:.5rem}.mb-sm{margin-bottom:.5rem}.ml-sm{margin-left:.5rem}.mx-sm{margin-left:.5rem;margin-right:.5rem}.my-sm{margin-top:.5rem;margin-bottom:.5rem}.p-sm{padding:.5rem}.pt-sm{padding-top:.5rem}.pr-sm{padding-right:.5rem}.pb-sm{padding-bottom:.5rem}.pl-sm{padding-left:.5rem}.px-sm{padding-left:.5rem;padding-right:.5rem}.py-sm{padding-top:.5rem;padding-bottom:.5rem}.m-md{margin:.75rem}.mt-md{margin-top:.75rem}.mr-md{margin-right:.75rem}.mb-md{margin-bottom:.75rem}.ml-md{margin-left:.75rem}.mx-md{margin-left:.75rem;margin-right:.75rem}.my-md{margin-top:.75rem;margin-bottom:.75rem}.p-md{padding:.75rem}.pt-md{padding-top:.75rem}.pr-md{padding-right:.75rem}.pb-md{padding-bottom:.75rem}.pl-md{padding-left:.75rem}.px-md{padding-left:.75rem;padding-right:.75rem}.py-md{padding-top:.75rem;padding-bottom:.75rem}.m-lg{margin:1rem}.mt-lg{margin-top:1rem}.mr-lg{margin-right:1rem}.mb-lg{margin-bottom:1rem}.ml-lg{margin-left:1rem}.mx-lg{margin-left:1rem;margin-right:1rem}.my-lg{margin-top:1rem;margin-bottom:1rem}.p-lg{padding:1rem}.pt-lg{padding-top:1rem}.pr-lg{padding-right:1rem}.pb-lg{padding-bottom:1rem}.pl-lg{padding-left:1rem}.px-lg{padding-left:1rem;padding-right:1rem}.py-lg{padding-top:1rem;padding-bottom:1rem}.m-xl{margin:1.25rem}.mt-xl{margin-top:1.25rem}.mr-xl{margin-right:1.25rem}.mb-xl{margin-bottom:1.25rem}.ml-xl{margin-left:1.25rem}.mx-xl{margin-left:1.25rem;margin-right:1.25rem}.my-xl{margin-top:1.25rem;margin-bottom:1.25rem}.p-xl{padding:1.25rem}.pt-xl{padding-top:1.25rem}.pr-xl{padding-right:1.25rem}.pb-xl{padding-bottom:1.25rem}.pl-xl{padding-left:1.25rem}.px-xl{padding-left:1.25rem;padding-right:1.25rem}.py-xl{padding-top:1.25rem;padding-bottom:1.25rem}.m-2xl{margin:1.5rem}.mt-2xl{margin-top:1.5rem}.mr-2xl{margin-right:1.5rem}.mb-2xl{margin-bottom:1.5rem}.ml-2xl{margin-left:1.5rem}.mx-2xl{margin-left:1.5rem;margin-right:1.5rem}.my-2xl{margin-top:1.5rem;margin-bottom:1.5rem}.p-2xl{padding:1.5rem}.pt-2xl{padding-top:1.5rem}.pr-2xl{padding-right:1.5rem}.pb-2xl{padding-bottom:1.5rem}.pl-2xl{padding-left:1.5rem}.px-2xl{padding-left:1.5rem;padding-right:1.5rem}.py-2xl{padding-top:1.5rem;padding-bottom:1.5rem}.m-3xl{margin:2rem}.mt-3xl{margin-top:2rem}.mr-3xl{margin-right:2rem}.mb-3xl{margin-bottom:2rem}.ml-3xl{margin-left:2rem}.mx-3xl{margin-left:2rem;margin-right:2rem}.my-3xl{margin-top:2rem;margin-bottom:2rem}.p-3xl{padding:2rem}.pt-3xl{padding-top:2rem}.pr-3xl{padding-right:2rem}.pb-3xl{padding-bottom:2rem}.pl-3xl{padding-left:2rem}.px-3xl{padding-left:2rem;padding-right:2rem}.py-3xl{padding-top:2rem;padding-bottom:2rem}.m-4xl{margin:2.5rem}.mt-4xl{margin-top:2.5rem}.mr-4xl{margin-right:2.5rem}.mb-4xl{margin-bottom:2.5rem}.ml-4xl{margin-left:2.5rem}.mx-4xl{margin-left:2.5rem;margin-right:2.5rem}.my-4xl{margin-top:2.5rem;margin-bottom:2.5rem}.p-4xl{padding:2.5rem}.pt-4xl{padding-top:2.5rem}.pr-4xl{padding-right:2.5rem}.pb-4xl{padding-bottom:2.5rem}.pl-4xl{padding-left:2.5rem}.px-4xl{padding-left:2.5rem;padding-right:2.5rem}.py-4xl{padding-top:2.5rem;padding-bottom:2.5rem}.m-5xl{margin:3rem}.mt-5xl{margin-top:3rem}.mr-5xl{margin-right:3rem}.mb-5xl{margin-bottom:3rem}.ml-5xl{margin-left:3rem}.mx-5xl{margin-left:3rem;margin-right:3rem}.my-5xl{margin-top:3rem;margin-bottom:3rem}.p-5xl{padding:3rem}.pt-5xl{padding-top:3rem}.pr-5xl{padding-right:3rem}.pb-5xl{padding-bottom:3rem}.pl-5xl{padding-left:3rem}.px-5xl{padding-left:3rem;padding-right:3rem}.py-5xl{padding-top:3rem;padding-bottom:3rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.grid-1{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 767px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.responsive-grid-2{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid-2{grid-template-columns:repeat(2,1fr)}}.responsive-grid-3{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.responsive-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid-3{grid-template-columns:repeat(3,1fr)}}.responsive-grid-4{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.responsive-grid-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.flex-end{display:flex;align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.border{border:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.border-r{border-right:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-l{border-left:1px solid #e2e8f0}.border-none{border:none}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-base{border-radius:8px}.rounded-md{border-radius:12px}.rounded-lg{border-radius:16px}.rounded-xl{border-radius:24px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-base{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.bg-transparent{background-color:transparent}.bg-primary{background-color:#2563eb}.bg-secondary{background-color:#64748b}.bg-success{background-color:#16a34a}.bg-warning{background-color:#d97706}.bg-danger{background-color:#dc2626}.bg-background{background-color:#fff}.bg-surface{background-color:#f8fafc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.mobile\:hidden{display:none}.mobile\:block{display:block}.mobile\:flex{display:flex}.mobile\:grid{display:grid}}@media (min-width: 768px){.tablet\:hidden{display:none}.tablet\:block{display:block}.tablet\:flex{display:flex}.tablet\:grid{display:grid}}@media (min-width: 1024px){.desktop\:hidden{display:none}.desktop\:block{display:block}.desktop\:flex{display:flex}.desktop\:grid{display:grid}}.btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:.15s ease-in-out;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:focus-visible{box-shadow:0 0 0 3px #3b82f680}.btn-secondary{background-color:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-secondary:focus-visible{box-shadow:0 0 0 3px #64748b80}.btn-sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.btn-lg{padding:1rem 1.5rem;font-size:1.125rem;min-height:52px}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb80}.symbol-btn{min-height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#475569;cursor:pointer;transition:.15s ease-in-out;padding:.5rem}.symbol-btn:hover:not(:disabled):not(.symbol-btn--faded){border-color:#2563eb;color:#2563eb;background-color:#f8fafc}.symbol-btn--selected{border-color:#2563eb;background-color:transparent;color:#2563eb}.symbol-btn--disabled{opacity:.4;cursor:not-allowed;border-color:#e2e8f0;color:#475569}.symbol-btn--faded{opacity:.25;filter:grayscale(70%);pointer-events:none}.symbol-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f61a}.catalyst-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:.15s ease-in-out;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;min-height:44px;min-width:44px;background-color:#fff;color:#0f172a;border:1px solid #e2e8f0;font-size:.875rem;font-weight:500}.catalyst-btn:disabled{opacity:.5;cursor:not-allowed}.catalyst-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background-color:#f8fafc}.catalyst-btn--selected{border-color:#2563eb;background-color:#2563eb;color:#fff;font-weight:600}@media (max-width: 767px){.catalyst-btn__full{display:none}}.catalyst-btn__short{display:none}@media (max-width: 767px){.catalyst-btn__short{display:block}}@media (max-width: 767px){.catalyst-btn{padding:.5rem .25rem;gap:.25rem;font-size:.75rem;min-height:40px}}.movement-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:.15s ease-in-out;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;padding:.25rem;border:1px solid #e2e8f0;background-color:#fff;color:#0f172a;font-size:.875rem;font-weight:500;min-width:25px;text-align:center}.movement-btn:disabled{opacity:.5;cursor:not-allowed}.movement-btn:hover:not(.movement-btn--selected){border-color:#2563eb;color:#2563eb;background-color:#f8fafc}.movement-btn--selected{border-color:#2563eb;background-color:#2563eb;color:#fff;font-weight:600}@media (max-width: 767px){.movement-btn{min-width:25px;padding:.25rem;font-size:.75rem}}.switch-btn{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;color:#0f172a;cursor:pointer;transition:.15s ease-in-out;font-size:.875rem;font-weight:500}.switch-btn:hover{border-color:#2563eb;color:#2563eb;background-color:#fff}@media (max-width: 767px){.switch-btn{font-size:.75rem;padding:.25rem .5rem}}.stepper-btn{display:flex;align-items:center;justify-content:center;min-height:32px;min-width:32px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#0f172a;cursor:pointer;transition:.15s ease-in-out;font-weight:500;font-size:1.125rem}.stepper-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background-color:#f8fafc}.stepper-btn:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;flex-direction:column;gap:.5rem}.time-input{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;transition:.15s ease-in-out;background-color:#fff;color:#0f172a;padding:.5rem;font-size:1rem;text-align:center}.time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.time-input::placeholder{color:#475569}@media (max-width: 767px){.time-input{padding:.25rem .5rem}}.time-input--small{max-width:80px}@media (max-width: 767px){.time-input--small{max-width:none}}.time-input--error{background-color:#fef2f2;border-color:#dc2626}.time-input--error:focus{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}.time-label,.symbol-label{font-size:.875rem;font-weight:500;color:#0f172a}@media (max-width: 767px){.time-label,.symbol-label{display:none}}.movement-label{font-size:.875rem;font-weight:500;color:#0f172a}.symbol-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:240px}.movement-inputs{display:flex;flex-direction:column;gap:1rem}@media (max-width: 767px){.movement-inputs{flex-direction:row;gap:.75rem;margin-top:5px}.movement-inputs .movement-slider,.movement-inputs .movement-stepper{flex:1}.movement-inputs .movement-stepper{margin-bottom:5px}}.movement-slider{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 767px){.movement-slider{gap:.25rem}}@media (max-width: 767px){.movement-slider .movement-label{display:none}}.movement-slider .slider-container{display:flex;justify-content:space-between;gap:.5rem;align-items:center}@media (max-width: 767px){.movement-slider .slider-container{gap:.25rem}}.movement-slider .slider-limit{font-size:.875rem;color:#475569;font-weight:500;min-width:24px;text-align:center}@media (max-width: 767px){.movement-slider .slider-limit{display:none}}.movement-slider .movement-display{font-weight:600;font-size:1rem;color:#0f172a;text-align:center;min-height:24px}.movement-range{flex:1;height:8px;border-radius:9999px;background:#e2e8f0;outline:none;cursor:pointer;transition:.15s ease-in-out}.movement-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:9999px;background:#2563eb;cursor:pointer;border:2px solid #ffffff;box-shadow:0 1px 2px #0000000d;transition:.15s ease-in-out}.movement-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 6px -1px #0000001a}.movement-range::-moz-range-thumb{width:20px;height:20px;border-radius:9999px;background:#2563eb;cursor:pointer;border:2px solid #ffffff;box-shadow:0 1px 2px #0000000d;transition:.15s ease-in-out}.movement-range::-webkit-slider-track{height:8px;border-radius:9999px;background:#e2e8f0}.movement-range::-moz-range-track{height:8px;border-radius:9999px;background:#e2e8f0;border:none}@media (max-width: 767px){.movement-range{height:12px}.movement-range::-webkit-slider-thumb{width:24px;height:24px}.movement-range::-moz-range-thumb{width:24px;height:24px}}.movement-stepper{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 767px){.movement-stepper{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.25rem}}.movement-stepper .stepper-container{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 767px){.movement-stepper .stepper-container{gap:.25rem}}.movement-stepper .stepper-display{display:flex;align-items:center;justify-content:center;min-width:80px;padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;font-weight:500;font-size:1rem}@media (max-width: 767px){.movement-stepper .stepper-display{min-width:50px;padding:.25rem;font-size:.875rem}}.movement-stepper .stepper-time{font-size:.875rem;color:#475569;text-align:center}.movement-buttons{display:flex;flex-direction:column;gap:1rem}.movement-buttons-section{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 767px){.movement-buttons-section{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.25rem}}.movement-buttons-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.movement-buttons-grid{display:flex;gap:.25rem;flex-wrap:wrap}@media (max-width: 767px){.movement-buttons-grid{justify-content:center}}.preference-controls{display:flex;gap:2rem;flex-wrap:wrap}.preference-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.preference-group label{font-size:.875rem;font-weight:500;color:#0f172a}.preference-select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:.15s ease-in-out;background-color:#fff;color:#0f172a;padding:.5rem;font-size:.875rem;cursor:pointer}.preference-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.preference-select::placeholder{color:#475569}@media (max-width: 767px){.time-inputs{gap:.75rem;margin-bottom:5px}.time-inputs .input-group{flex:1}.time-inputs .input-group .time-input{width:100%}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;margin:1.25rem 0}.not-found-content{max-width:500px;width:100%;color:#fff}.not-found-content .error-code{font-size:8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3);animation:pulse 2s infinite}@media (max-width: 767px){.not-found-content .error-code{font-size:6rem}}.not-found-content .message{font-size:1.5rem;margin-bottom:1rem;opacity:.9;font-weight:600}@media (max-width: 767px){.not-found-content .message{font-size:1.25rem}}.not-found-content .description{font-size:1.125rem;margin-bottom:2rem;opacity:.8}@media (max-width: 767px){.not-found-content .description{font-size:1rem}}.not-found-content .home-link{display:inline-block;padding:1rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:.15s ease-in-out}.not-found-content .home-link:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.not-found-content .home-link:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--surface);border-bottom:1px solid var(--border);padding:1.5rem 2rem;box-shadow:var(--shadow)}.app-header h1{color:var(--primary-color);margin-bottom:0;text-align:center}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.app-main,.app-header{padding:1rem}.app-header h1{font-size:1.75rem}}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 767px){.section-card{padding:0;border:none;border-radius:0;box-shadow:none;background:transparent}}@media (max-width: 767px){.section-card .section-header{padding-top:1rem}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h3{color:#2563eb;margin-bottom:0}.section-status{background-color:#f8fafc;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;color:#475569;border:1px solid #e2e8f0}@media (max-width: 767px){.section-title__full,.section-status__full{display:none}}.section-title__short,.section-status__short{display:none}@media (max-width: 767px){.section-title__short,.section-status__short{display:block}}.section-description{display:none}.clock-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.clock-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 1024px){.clock-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.clock-grid{gap:.75rem}}.clock-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clock-location{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:.15s ease-in-out}@media (max-width: 767px){.clock-location{border:0;border-bottom:1px solid #e2e8f0;border-radius:0;padding:0}}.clock-location--active{border-color:#2563eb;background-color:#f8fafc}.clock-location-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;justify-content:flex-start}@media (max-width: 767px){.clock-location-header{margin-bottom:.75rem;justify-content:space-between;align-items:center}}.clock-location-header h4{margin:0;color:#0f172a;font-size:1.25rem}@media (max-width: 767px){.clock-location-header h4{font-size:1rem;flex-shrink:0}}.clock-inputs{display:flex;flex-direction:column;gap:1rem}@media (max-width: 767px){.clock-inputs{gap:.75rem}}.time-inputs{display:flex;gap:1rem}.outlet-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.outlet-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.outlet-grid{grid-template-columns:repeat(3,1fr)}}.outlet-grid{margin-bottom:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.outlet-location{border:1px solid #e2e8f0;border-radius:8px;padding:1rem;background-color:#f8fafc;transition:.15s ease-in-out}.outlet-location--selected{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 1px #2563eb}.outlet-location--disabled{opacity:.5;pointer-events:none}.outlet-location-title{margin:0 0 1rem;color:#0f172a;font-size:1rem;text-align:center}.catalyst-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (max-width: 767px){.catalyst-buttons{grid-template-columns:repeat(4,1fr);gap:.25rem}}.planet-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.planet-grid .planet-btn:nth-last-child(2):first-child,.planet-grid .planet-btn:nth-last-child(2):first-child~.planet-btn{grid-column:span 1}.planet-grid:has(.planet-btn:nth-last-child(2):first-child){grid-template-columns:repeat(2,1fr)}.planet-grid:has(.planet-btn:only-child){grid-template-columns:1fr}@media (max-width: 767px){.planet-grid{grid-template-columns:1fr}}.planet-item{display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:.15s ease-in-out;font-weight:500}.planet-item:hover{background-color:#fff;border-color:#2563eb;color:#2563eb}.planet-item--selected{background-color:#2563eb;color:#fff;border-color:#2563eb}@media (max-width: 767px){.planet-item{padding:.75rem;font-size:.875rem}}.available-planets{margin-bottom:2rem}.available-planets h4{margin:0 0 1rem;color:#0f172a;font-size:1rem}.planet-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;border:1px solid #e2e8f0;background-color:#fff;color:#0f172a;font-size:.875rem;font-weight:500;transition:.15s ease-in-out}.planet-btn:disabled{opacity:.5;cursor:not-allowed}.planet-btn:hover{border-color:#2563eb;color:#2563eb;background-color:#f8fafc}@media (max-width: 767px){.planet-btn{padding:.5rem .75rem;font-size:.75rem}}.planet-order{display:flex;flex-direction:column;gap:.5rem}.planet-order h4{margin:0 0 1rem;color:#0f172a;font-size:1rem}.planet-order-list{display:flex;flex-direction:column;gap:.5rem}.planet-order-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out}.planet-order-item:hover{border-color:#2563eb;box-shadow:0 1px 2px #0000000d}.planet-order-item--dragging{opacity:.8;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;transition:none}.planet-order-content{display:flex;align-items:center;justify-content:center;gap:.75rem;justify-content:flex-start}.planet-order-content .step-number{display:flex;align-items:center;justify-content:center;min-height:32px;background-color:#2563eb;color:#fff;border-radius:9999px;font-weight:600;font-size:.875rem;min-width:32px}.planet-order-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.planet-order-controls .drag-handle{cursor:grab;color:#475569;padding:.25rem;background:none;border:none;font-family:inherit;font-size:inherit;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;transition:.15s ease-in-out}.planet-order-controls .drag-handle:hover{color:#2563eb}.planet-order-controls .drag-handle:active{cursor:grabbing;color:#2563eb}.planet-order-controls .drag-handle:focus{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 767px){.planet-order-controls .drag-handle{padding:.5rem;min-width:28px;min-height:28px;-webkit-user-drag:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto}}.planet-number{display:flex;align-items:center;justify-content:center;min-height:32px;background-color:#2563eb;color:#fff;border-radius:9999px;font-weight:600;font-size:.875rem;min-width:32px;flex-shrink:0;margin-right:.75rem}.planet-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.planet-name{font-weight:500;color:#0f172a;font-size:1rem}@media (max-width: 767px){.planet-name{font-size:.875rem}}.planet-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.delete-btn{display:flex;align-items:center;justify-content:center;background-color:#dc2626;color:#fff;border:none;border-radius:9999px;width:24px;height:24px;font-size:.875rem;cursor:pointer;transition:.15s ease-in-out}.delete-btn:hover{background-color:#b91c1c;transform:scale(1.1)}@media (max-width: 767px){.delete-btn{width:28px;height:28px;font-size:1rem}}.planet-final{background-color:#fef3c7;border-color:#f59e0b;cursor:default}.planet-final:hover{border-color:#f59e0b;box-shadow:none}.planet-final .planet-number{background-color:#f59e0b;color:#fff}.portal-order{margin-top:2rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc}.portal-order h4{margin:0 0 1rem;color:#0f172a;font-size:1rem}.portal-order-list{display:flex;flex-direction:column;gap:.5rem}.portal-order-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:.15s ease-in-out}.portal-order-item--assigned{border-color:#16a34a;background-color:#f0fdf4}.portal-step{display:flex;align-items:center;justify-content:center;min-height:32px;background-color:#2563eb;color:#fff;border:2px solid white;border-radius:9999px;font-weight:600;font-size:.875rem;min-width:32px;flex-shrink:0}.portal-location{font-size:1.125rem;font-weight:600;color:#0f172a;flex:1;text-align:left}@media (max-width: 767px){.portal-location{font-size:1rem}}.portal-catalyst{font-weight:600;font-size:1rem;color:#0f172a;text-align:right;flex-shrink:0}@media (max-width: 767px){.portal-catalyst{font-size:.875rem}}.clear-btn{margin-top:1rem;background-color:#dc2626;color:#fff;border:none}.clear-btn:hover{background-color:#b91c1c}.clock-helper{margin-top:2rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc}.clock-helper h4{margin:0 0 1rem;color:#0f172a;font-size:1.5rem}.clock-helper .helper-description{margin-bottom:1.5rem;color:#475569;font-size:.875rem}.helper-locations{display:flex;flex-direction:column;gap:1.5rem}.helper-location h5{margin:0 0 1rem;color:#0f172a;font-size:1rem;font-weight:600}.helper-levers{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start}.helper-levers--two{flex-direction:row;gap:1rem}.helper-levers--four{display:grid;grid-template-columns:repeat(4,auto);gap:.75rem;justify-content:flex-start}@media (max-width: 767px){.helper-levers--four{gap:.25rem}}.helper-lever-pair{display:flex;flex-direction:column;align-items:center;gap:.5rem}.helper-lever-pair .lever-position{font-weight:500;color:#0f172a;font-size:.875rem;text-align:center}.helper-lever{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;min-width:60px}.helper-lever--available{border-color:#16a34a;background-color:#f0fdf4}.helper-lever--available .helper-data{color:#16a34a}.helper-lever--missing{opacity:.5;border-style:dashed}.helper-lever--missing .helper-data{color:#475569}.helper-lever .helper-symbol{display:flex;align-items:center;justify-content:center}.helper-lever .helper-data{font-weight:600;font-size:1.125rem;color:#0f172a;text-align:center}.clock-preferences{margin-top:2rem;padding:1.5rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc}.clock-preferences h4{margin:0 0 1rem;color:#0f172a;font-size:1rem}.symbol-picker{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 767px){.symbol-picker{gap:.25rem;flex-wrap:nowrap;flex-shrink:1}}.symbol-picker--header{display:none}@media (max-width: 767px){.symbol-picker--header{display:flex}}@media (max-width: 767px){.symbol-picker:not(.symbol-picker--header){display:none}}@media (max-width: 767px){.symbol-btn{min-height:40px;min-width:50px;padding:.25rem}.symbol-btn svg{width:18px;height:18px}}@media (max-width: 767px){.input-group:has(.symbol-picker){display:none}}.voyage-page{max-width:1000px;margin:0 auto}.voyage-header{margin-bottom:2rem}.voyage-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.nav-right{display:flex;gap:1rem;align-items:center}.voyage-nav .reset-btn{background-color:var(--danger-color);color:#fff}.voyage-nav .reset-btn:hover{background-color:#b91c1c}.voyage-nav .settings-btn{background-color:var(--surface);color:var(--text-primary)}.voyage-nav .settings-btn:hover{background-color:var(--background);border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 767px){.btn-text{display:none}}.btn-icon{display:none}@media (max-width: 767px){.btn-icon{display:inline}}@media (max-width: 767px){.voyage-nav,.nav-right{gap:.5rem}.btn{min-width:44px;padding:.75rem .5rem;font-size:1.2rem}}.voyage-header h2{color:var(--primary-color);margin-bottom:.5rem}.voyage-header p{color:var(--text-secondary);font-size:1.125rem}.step-navigation{margin-top:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface);padding:1rem}.step-tabs{display:flex;gap:.5rem;margin-bottom:0}.step-tab{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:#fff;color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex:1;min-width:80px}.step-tab:hover{border-color:var(--primary-color)}.step-tab--active{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.step-number{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.step-name{font-size:.875rem;font-weight:500}.voyage-content{margin-top:2rem;margin-bottom:2rem}.step-controls{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.step-controls .btn{flex:1;max-width:150px}.step-controls .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.voyage-header{margin-bottom:1rem}.voyage-nav{gap:.5rem;margin-bottom:1rem}.voyage-nav .btn{font-size:.875rem;padding:.5rem .75rem}.step-navigation{margin-top:1rem;padding:.75rem;margin-bottom:0}.step-tabs{gap:.25rem;margin-bottom:0;width:100%}.step-tab{flex:0 0 auto;min-width:40px;padding:.5rem .25rem}.step-tab:not(.step-tab--active){flex:0 0 40px;width:40px;padding:.5rem .25rem}.step-tab--active{flex:1;padding:.5rem .75rem;flex-direction:row;align-items:center;gap:.5rem;justify-content:center}.step-tab .step-name{display:none}.step-tab--active .step-name{display:block;margin:0}.step-number{font-size:1rem;margin-bottom:0}.step-tab--active .step-name{font-size:.875rem;font-weight:500}.voyage-content{margin-top:1rem;margin-bottom:1rem}.step-controls{padding:1rem;margin-top:1rem}.step-controls .btn{font-size:.875rem;padding:.75rem 1rem}}.map-selection{max-width:800px;margin:0 auto}.map-selection-header{text-align:center;margin-bottom:3rem}.map-selection-header h2{color:var(--text-primary);margin-bottom:1rem}.map-selection-header p{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.map-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.map-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.map-card:hover:not(.map-card--disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-focus)}.map-card--disabled{opacity:.6;cursor:not-allowed}.map-card-link{display:block;text-decoration:none;color:inherit;height:100%}.map-card-content{padding:1.5rem;height:100%;display:flex;flex-direction:column;position:relative}.map-card-title{color:var(--primary-color);margin-bottom:.5rem;font-size:1.25rem}.map-card-description{color:var(--text-secondary);flex:1;margin-bottom:1rem}.map-card-arrow{font-size:1.5rem;color:var(--primary-color);align-self:flex-end;transition:var(--transition)}.map-card:hover:not(.map-card--disabled) .map-card-arrow{transform:translate(4px)}.map-card-status{color:var(--text-secondary);font-style:italic;font-size:.875rem;align-self:flex-end}@media (max-width: 768px){.map-grid{grid-template-columns:1fr}.map-selection-header{margin-bottom:2rem}.map-card-content{padding:1rem}}.settings-page{max-width:1000px;margin:0 auto;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.settings-header h2{color:#2563eb;margin:0}@media (max-width: 767px){.settings-header{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-header .btn{align-self:flex-end}}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{display:flex;flex-direction:column;gap:1rem}.settings-section h3{color:#0f172a;margin:0;font-size:1.25rem}.settings-description{color:#475569;font-size:1rem;margin:0}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-card h4{color:#0f172a;margin:0 0 1rem;font-size:1.125rem}.setting-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.setting-group:last-child{margin-bottom:0}.setting-group label{font-weight:500;color:#0f172a;font-size:1rem}.setting-select{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#0f172a;font-size:1rem;transition:.15s ease-in-out}.setting-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #2563eb33}.setting-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f8fafc}.setting-note{font-size:.875rem;color:#475569;font-style:italic}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--success-color: #16a34a;--warning-color: #d97706;--danger-color: #dc2626;--background: #ffffff;--surface: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--border: #e2e8f0;--border-focus: #3b82f6;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius: 8px;--transition: .15s ease-in-out}