@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&display=swap);.td-app *,.td-app *::before,.td-app *::after{box-sizing:border-box;margin:0;padding:0}.td-app{background:#f8f8f8;color:#2a2020;font-family:inherit;min-height:60vh;position:relative;width:100%}.td-screen{display:none}.td-screen--active{display:block}#td-screen-session.td-screen--active{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#111;z-index:99999;display:flex;flex-direction:column}body:has(#td-screen-session.td-screen--active){overflow:hidden}.td-loading{align-items:center;color:#7a6a6a;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 24px}.td-loading__spinner{animation:td-spin 0.8s linear infinite;border:3px solid #e8e2e2;border-radius:50%;border-top-color:#e26d5c;height:36px;width:36px}@keyframes td-spin{to{transform:rotate(360deg)}}.td-error{color:#7a6a6a;padding:60px 24px;text-align:center}.td-setup-main{display:flex;flex-direction:column;gap:24px;padding:20px;width:100%}@media (min-width:900px){.td-setup-main{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;align-items:start;gap:0 24px}.td-left-col{grid-column:1;grid-row:1 / -1;position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;align-self:start;padding-top:52px}.td-tabs{grid-column:2}.td-cards{grid-column:2;padding-bottom:40px}}.td-config-row{display:flex;gap:8px}.td-btn--config{background:#f8f8f8;border:1.5px solid #e8e2e2;border-radius:8px;color:#472d2f;cursor:pointer;flex:1;font-family:inherit;font-size:.82rem;font-weight:500;padding:8px 6px;text-align:center;transition:background 0.15s,border-color 0.15s}.td-btn--config:hover{background:#fbe1a8;border-color:#c9cba3}.td-btn--load{display:flex;align-items:center;justify-content:center;user-select:none}#td-speedrun-block{display:flex;flex-direction:column;gap:0}.td-btn--speedrun{align-items:center;background:#e26d5c;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.02em;padding:12px 16px;transition:background 0.15s,transform 0.1s;width:100%}.td-btn--speedrun:hover{background:#723d47}.td-btn--speedrun:active{transform:scale(.98)}.td-btn--speedrun svg{flex-shrink:0;height:18px;width:18px}.td-speedrun-popout{background:#fff;border:1.5px solid #e8e2e2;border-radius:10px;box-shadow:0 4px 20px rgb(71 45 47 / .1);display:flex;flex-direction:column;gap:16px;margin-top:10px;padding:18px}.td-speedrun-popout__header{align-items:center;display:flex;justify-content:space-between}.td-speedrun-popout__title{color:#472d2f;font-family:'Fraunces',Georgia,serif;font-size:1rem;font-weight:600}.td-speedrun-popout__close{background:none;border:none;color:#7a6a6a;cursor:pointer;font-size:1.3rem;line-height:1;padding:2px 6px}.td-speedrun-popout__close:hover{color:#472d2f}.td-speedrun-field{display:flex;flex-direction:column;gap:8px}.td-sr-breakdown{background:#fdf6ee;border:1px solid #fbe1a8;border-radius:6px;padding:10px 12px}.td-sr-breakdown__text{color:#472d2f;font-size:.82rem;line-height:1.5;margin:0}#td-sr-start-btn{align-items:center;display:flex;gap:8px;justify-content:center}#td-sr-start-btn svg{flex-shrink:0;height:16px;width:16px}#td-sr-transition{align-items:center;background:rgb(0 0 0 / .92);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.td-sr-transition__message{color:#fbe1a8;font-family:'Fraunces',Georgia,serif;font-size:1.6rem;font-weight:600;max-width:520px;text-align:center}.td-sr-transition__indicator{color:rgb(255 255 255 / .55);font-size:.9rem}.td-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.td-tab{background:#fff;border:1.5px solid #e8e2e2;border-radius:24px;color:#472d2f;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:6px 16px;transition:background 0.15s,border-color 0.15s,color 0.15s;white-space:nowrap}.td-tab:hover{border-color:#723d47;color:#723d47}.td-tab--active{background:#472d2f;border-color:#472d2f;color:#fff}.td-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;list-style:none;padding-bottom:120px;width:100%}.td-card{background:#fff;border:1.5px solid #e8e2e2;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s}.td-card:hover{border-color:#c9cba3;box-shadow:0 2px 12px rgb(71 45 47 / .08)}.td-card--selected{border-color:#e26d5c;box-shadow:0 2px 12px rgb(226 109 92 / .15)}.td-card__thumb{aspect-ratio:4 / 3;background:#f0eded;overflow:hidden}.td-card__thumb img{display:block;height:100%;object-fit:cover;width:100%}.td-card__body{display:flex;flex:1;flex-direction:column;gap:4px;padding:12px 14px 14px}.td-card__category{color:#7a6a6a;font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.td-card__name{color:#2a2020;font-family:'Fraunces',Georgia,serif;font-size:1rem;font-weight:600;line-height:1.25}.td-card__count{color:#7a6a6a;font-size:.78rem;margin-top:auto;padding-top:4px}.td-card__add-btn{background:#f8f8f8;border:none;border-top:1.5px solid #e8e2e2;color:#472d2f;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:10px;transition:background 0.15s,color 0.15s;width:100%}.td-card__add-btn:hover{background:#fbe1a8}.td-card--selected .td-card__add-btn{background:#e26d5c;color:#fff;border-color:#e26d5c}.td-empty{color:#7a6a6a;grid-column:1 / -1;padding:40px 0;text-align:center}#td-control-panel{background:#fff;border:1.5px solid #e8e2e2;border-radius:10px;box-shadow:0 2px 12px rgb(71 45 47 / .06);display:flex;flex-direction:column;gap:16px;padding:20px;position:relative}@media (min-width:900px){#td-control-panel{display:flex!important}}.td-panel__header{align-items:center;display:flex;justify-content:space-between}.td-panel__title{color:#472d2f;font-family:'Fraunces',Georgia,serif;font-size:1.05rem;font-weight:600}.td-panel__count{background:#fbe1a8;border-radius:12px;color:#472d2f;font-size:.78rem;font-weight:600;padding:2px 10px}.td-panel__sets{display:flex;flex-direction:column;gap:6px;list-style:none;max-height:150px;overflow-y:auto}.td-panel__set-item{align-items:center;background:#f8f8f8;border-radius:6px;display:flex;font-size:.84rem;gap:8px;justify-content:space-between;padding:5px 10px}.td-panel__set-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-panel__set-remove{background:none;border:none;color:#7a6a6a;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:2px 4px;transition:color 0.15s}.td-panel__set-remove:hover{color:#e26d5c}.td-panel__divider{border:none;border-top:1px solid #e8e2e2}.td-panel__field{display:flex;flex-direction:column;gap:8px}.td-panel__label{color:#472d2f;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.td-option-group{display:flex;flex-wrap:wrap;gap:6px}.td-option-btn{background:#f8f8f8;border:1.5px solid #e8e2e2;border-radius:6px;color:#2a2020;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:500;padding:5px 10px;transition:background 0.12s,border-color 0.12s}.td-option-btn:hover{border-color:#c9cba3}.td-option-btn--active{background:#c9cba3;border-color:#c9cba3;font-weight:600}.td-custom-input{border:1.5px solid #e8e2e2;border-radius:6px;font-family:inherit;font-size:.9rem;padding:6px 10px;width:100%}.td-custom-input:focus{border-color:#e26d5c;outline:none}.td-custom-hint{color:#7a6a6a;font-size:.76rem}.td-btn--start{background:#e26d5c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:12px;transition:background 0.15s;width:100%}.td-btn--start:hover:not(:disabled){background:#723d47}.td-btn--start:disabled{background:#e8e2e2;color:#7a6a6a;cursor:not-allowed}.td-session__header{align-items:center;display:flex;justify-content:space-between;padding:12px 20px;z-index:10}.td-session__progress{color:rgb(255 255 255 / .6);font-size:.85rem;letter-spacing:.04em}.td-session__prog-num{color:#fff;font-weight:600}.td-session__prog-sep{margin:0 4px}.td-session__end-btn{background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .2);border-radius:6px;color:rgb(255 255 255 / .8);cursor:pointer;font-family:inherit;font-size:.8rem;padding:6px 14px;transition:background 0.15s,border-color 0.15s}.td-session__end-btn:hover{background:rgb(226 109 92 / .3);border-color:#e26d5c;color:#fff}.td-session__image-wrap{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;min-width:0;overflow:hidden;padding-bottom:70px;position:relative}.td-session__image{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;transition:filter 0.2s,transform 0.2s;width:100%}.td-session__image--flipped{transform:scaleX(-1)}.td-session__image--gray{filter:grayscale(100%)}.td-session__image--flipped.td-session__image--gray{filter:grayscale(100%);transform:scaleX(-1)}.td-grid-overlay{left:0;top:0;width:100%;height:100%;opacity:0;pointer-events:none;position:absolute;transition:opacity 0.2s}.td-grid--white,.td-grid--black,.td-grid--gray,.td-grid--red,.td-grid--yellow{background-size:33.333% 33.333%;opacity:1}.td-grid--white{background-image:linear-gradient(rgb(255 255 255 / .75) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .75) 1px,transparent 1px)}.td-grid--black{background-image:linear-gradient(rgb(0 0 0 / .65) 1px,transparent 1px),linear-gradient(90deg,rgb(0 0 0 / .65) 1px,transparent 1px)}.td-grid--gray{background-image:linear-gradient(rgb(160 160 160 / .75) 1px,transparent 1px),linear-gradient(90deg,rgb(160 160 160 / .75) 1px,transparent 1px)}.td-grid--red{background-image:linear-gradient(rgb(220 60 60 / .75) 1px,transparent 1px),linear-gradient(90deg,rgb(220 60 60 / .75) 1px,transparent 1px)}.td-grid--yellow{background-image:linear-gradient(rgb(251 225 80 / .75) 1px,transparent 1px),linear-gradient(90deg,rgb(251 225 80 / .75) 1px,transparent 1px)}.td-app #td-screen-session .td-timer{bottom:70px;position:absolute;right:16px;z-index:20}.td-app #td-screen-session .td-timer__svg{display:block;height:80px;transform:rotate(-90deg);width:80px}.td-timer__track{fill:none;stroke:rgb(255 255 255 / .2);stroke-width:5}.td-timer__ring{fill:none;stroke:#e26d5c;stroke-dasharray:213.628;stroke-dashoffset:0;stroke-linecap:round;stroke-width:5;transition:stroke-dashoffset 1s linear}.td-timer__text{align-items:center;bottom:0;left:0;right:0;top:0;display:flex;justify-content:center;position:absolute}.td-timer__digits{color:#fff;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600}.td-toolbar{align-items:center;backdrop-filter:blur(8px);background:rgb(17 17 17 / .88);border-top:1px solid rgb(255 255 255 / .08);bottom:0;left:0;right:0;display:flex;gap:4px;justify-content:center;opacity:0;padding:10px 16px;pointer-events:none;position:absolute;transition:opacity 0.25s;z-index:20}.td-toolbar--visible{opacity:1;pointer-events:auto}#td-end-btn{pointer-events:auto}.td-toolbar__divider{background:rgb(255 255 255 / .15);height:24px;margin:0 6px;width:1px}.td-tool-btn{align-items:center;background:#fff0;border:1px solid rgb(255 255 255 / .15);border-radius:7px;color:rgb(255 255 255 / .7);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background 0.12s,border-color 0.12s,color 0.12s;width:40px}.td-tool-btn svg{height:18px;width:18px}.td-tool-btn:hover{background:rgb(255 255 255 / .1);color:#fff}.td-tool-btn--active{background:rgb(226 109 92 / .25);border-color:rgb(226 109 92 / .6);color:#e26d5c}#td-screen-end.td-screen--active{align-items:center;background:#111;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.td-end-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px;text-align:center}.td-end-title{color:#fff;font-family:'Fraunces',Georgia,serif;font-size:3rem;font-weight:600}.td-end-msg{color:rgb(255 255 255 / .55);font-size:1rem}.td-end-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:100%;max-width:320px}.td-btn-redo-new{background:#e26d5c;border:2px solid #e26d5c;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 24px;transition:background 0.15s,border-color 0.15s;width:100%}.td-btn-redo-new:hover{background:#723d47;border-color:#723d47}.td-btn-redo-same{background:#fff0;border:2px solid #e26d5c;border-radius:8px;color:#e26d5c;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:14px 24px;transition:background 0.15s,color 0.15s;width:100%}.td-btn-redo-same:hover{background:rgb(226 109 92 / .12)}.td-btn-back-setup{background:#fff0;border:2px solid rgb(255 255 255 / .25);border-radius:8px;color:rgb(255 255 255 / .6);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:12px 24px;transition:border-color 0.15s,color 0.15s;width:100%}.td-btn-back-setup:hover{border-color:rgb(255 255 255 / .5);color:#fff}[hidden]{display:none!important}.td-is-hidden{display:none!important}