:root{--game-width:728px;--header-height:72px;--link-color:#0645ad;--primary-color:#48c78e;--yellow:#e9ba3a;--easing:cubic-bezier(0.19,1,0.22,1);--vowel-background-color:var(--color-tone-7);--consonant-background-color:var(--color-tone-4);--title-font:"Nunito",sans-serif;--title-font-weight:900;--font-size:20px;--color-tone-1:#1a1a1b;--color-tone-2:#454747;--color-tone-3:#a9abad;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#fff;--safe-area-inset-top:0;--vertical-spacing:0.7rem}@media screen and (max-width:380px){:root{--font-size:16px;--header-height:60px}}:root[data-theme=dark]{--color-tone-7:#1a1a1b;--color-tone-6:#292b2b;--color-tone-5:#323434;--color-tone-4:#323434;--color-tone-3:#666;--color-tone-2:#f6f7f8;--color-tone-1:#f6f7f8}:root[data-contrast=high]{--primary-color:#f5793a;--yellow:#509ce5}:root[data-theme=dark][data-contrast=high]{--primary-color:#f5793a;--vowel-background-color:rgba(245,121,58,0.2)}*,:after,:before{box-sizing:border-box}body,html{overscroll-behavior:none;overflow-x:clip;-webkit-user-select:none;-moz-user-select:none;user-select:none}html{font-family:var(--title-font);color:var(--color-tone-1);background-color:var(--color-tone-7);height:100%;color-scheme:light dark}body,html{font-size:var(--font-size);overflow:hidden}body{color:var(--color-tone-1);margin:0;height:100vh;height:100svh}@supports(height:100dvh){body{height:100dvh}}main{background-color:var(--color-tone-5)}.title h1{letter-spacing:2px}h1,h2,h3,h4{font-family:var(--title-font);font-weight:var(--title-font-weight);text-align:center}h2,h3{letter-spacing:1px;font-size:1rem}header{display:flex;justify-content:space-between;align-items:center;padding:5px 1vh;flex-shrink:0;background-color:var(--color-tone-7);height:var(--header-height)}@media(max-width:420px){header{padding:5px 10px;height:calc(var(--header-height) - 12px)}}label{text-transform:uppercase;letter-spacing:1px}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.title{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin:0;display:flex;font-size:14px}@media(max-width:420px){.main{padding:10px}.word{padding-inline:8px}.title{font-size:10px}}.subtitle{letter-spacing:2px;font-size:16px;line-height:24px;font-weight:500;color:var(--color-tone-3)}.container{background-color:var(--color-tone-7);max-width:min(var(--game-width),100vw);margin:0 auto;display:flex;flex-direction:column;position:relative;height:100vh;height:100svh}@supports(height:100dvh){.container{height:100dvh}}footer{display:flex;justify-content:center;align-items:center;font-size:15px;padding:7px;border-top:1px solid var(--color-tone-4);flex-shrink:0}a{text-decoration:none;color:var(--link-color);background:none}button{cursor:pointer;color:var(--color-tone-1);border-radius:4px;border:none;font-size:120%;display:flex;align-items:center;justify-content:center;font:inherit;border-radius:1.5rem;padding:10px 15px;font-weight:600}button.icon{background:none;border:none;cursor:pointer}.menu-left{display:flex}:focus{outline:none}@media(max-width:420px){.keyboard-button{height:52px;font-size:1.1em}}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;min-height:0;overflow-y:auto;overflow-x:clip;gap:10px;overscroll-behavior:contain;padding:20px 20px 72px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100vw;touch-action:pan-y;-webkit-overflow-scrolling:touch}.main-home{background-color:#48c78e;color:#000}@media(max-width:420px){.main{padding:10px}}.words-container{display:flex;flex-direction:column;gap:10px;width:min(100%,100vw);align-items:center;flex-shrink:0}.word{padding-inline:12px;max-width:100%;overflow-x:clip}.letter,.word{display:flex;justify-content:center}.letter{border:1px solid var(--color-tone-4);border-radius:6px;align-items:center;font-weight:500;background:var(--color-tone-7);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1 1;position:relative;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:clamp(45px,9vw,40px);height:clamp(45px,9vw,40px);aspect-ratio:1;font-size:clamp(26px,5.2vw,25px)}.letter.vowel{background-color:var(--vowel-background-color);cursor:-webkit-grab;cursor:grab}.letter.consonant{background-color:var(--consonant-background-color);cursor:not-allowed}.letter.vowel:after{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:-8px}.slot{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:width .18s cubic-bezier(.4,0,.2,1),min-width .18s cubic-bezier(.4,0,.2,1);background:rgba(0,0,0,0);border:none;margin:0;height:clamp(45px,9vw,40px);min-width:clamp(.28ch,.8vw,.5ch);width:clamp(.28ch,.8vw,.5ch);pointer-events:auto;vertical-align:baseline}.slot.slot-hot{min-width:clamp(30px,6.5vw,30px);width:clamp(30px,6.5vw,30px)}.slot.slot-hot+.letter{transform:translateX(4px)}.letter+.slot.slot-hot{padding-left:6px}.letter{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background-color .18s cubic-bezier(.4,0,.2,1)}.word{transition:gap .18s cubic-bezier(.4,0,.2,1);align-items:center}.slot.slot-hot:after{content:"";width:2px;height:80%;border-radius:2px;background:rgba(0,0,0,.18)}.completed{background-color:var(--primary-color)!important;opacity:.9;color:#fff;touch-action:pan-y;cursor:default}.letter.vowel-correct{background:var(--primary-color);color:#fff}.letter.vowel-present{background:var(--yellow);color:#fff}.letter-box.space{border-style:dashed;color:#9ca3af}.letter-box.clickable{cursor:pointer}.word-row.completed .letter-box{background-color:#48c78e;color:#fff}@keyframes letter-pop{0%{transform:scale(.94)}60%{transform:scale(1.06)}to{transform:scale(1)}}.letter.letter-pulse{animation:letter-pop .18s ease-out}@keyframes letter-snap{0%{transform:translateY(-3px)}to{transform:translateY(0)}}.letter.letter-snap{animation:letter-snap .18s ease-out}.icon-button{background-color:var(--color-tone-4);cursor:pointer;border:none;border-radius:8px;width:2.4rem;height:2.4rem;margin:0 .5rem;transition:background-color .2s ease;color:var(--color-tone-1);padding:.6rem}@media screen and (max-width:420px){.icon-button{width:2.4rem;height:2.4rem;margin:0 .25rem;padding:.6rem}}.icon-button:hover{background-color:var(--color-tone-3)}.share-button{background-color:var(--primary-color);color:var(--color-tone-7);fill:var(--color-tone-7)}.share-button-prominent{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-size:18px;font-weight:700;letter-spacing:.5px;border-radius:50px;background:linear-gradient(135deg,var(--primary-color) 0,#ff6b35 100%);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .2s ease;animation:pulse-glow 2s ease-in-out infinite}.share-button-prominent:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.25)}.share-button-prominent:active{transform:translateY(0) scale(.98)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px rgba(0,0,0,.2)}50%{box-shadow:0 4px 25px rgba(255,107,53,.4)}}.share-preview{background:var(--color-tone-6);border:1px solid var(--color-tone-4);border-radius:12px;padding:12px 16px;max-width:280px;width:100%}.share-preview-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:8px}.share-preview-text{font-family:ui-monospace,SF Mono,Monaco,Andale Mono,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0;color:var(--color-tone-1)}.share-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--color-tone-1);color:var(--color-tone-7);padding:12px 24px;border-radius:50px;font-size:15px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1000;animation:toast-in .3s ease,toast-out .3s ease 2.2s forwards}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.secondary-button{background:rgba(0,0,0,0);border:1.5px solid var(--color-tone-3);color:var(--color-tone-1);padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.secondary-button:hover{background:var(--color-tone-5);border-color:var(--color-tone-2)}.close-button{background-color:rgba(0,0,0,0)}.icon-button svg{width:100%;height:100%;display:block}.icon-button path,.icon-button svg{fill:currentColor}.theme{width:min(315px,100vw - 32px);height:-moz-fit-content;height:fit-content;border-radius:8px;border:1px solid #dfdfdf;display:flex;flex-direction:column;position:relative;flex-shrink:0;overflow-wrap:normal}.theme-title{font-feature-settings:"clig" off,"liga" off;font-size:12px;font-style:normal;font-weight:600;line-height:18px;letter-spacing:.96px;text-transform:uppercase;text-align:center;align-self:flex-start;z-index:10;position:absolute;top:-2px;left:-1px;width:100.5%;height:16px;border-radius:7px 7px 0 0;background:var(--primary-color)}.today-theme{font-weight:700;font-size:20px;margin-top:20px;margin-bottom:7px;text-align:center}.letter,.main,.slot,.word,.words-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.is-dragging .letter{pointer-events:none!important}.is-dragging .slot{pointer-events:auto!important}.letter,.letter *,.slot{-webkit-user-drag:none;user-drag:none}.letter-pulse{animation:pulse .18s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.letter-snap{animation:snapShake .2s ease}@keyframes snapShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.word.celebrate{animation:pop .45s ease}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.03)}to{transform:scale(1)}}.moves-bump{animation:bump .2s ease;display:inline-block}@keyframes bump{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.modal{z-index:-99999999;pointer-events:none;opacity:0;transition:opacity .3s var(--easing);background:rgba(0,0,0,.5);width:100%;min-height:100%;max-height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden;padding:5px}.modal.modal-show{pointer-events:all;opacity:1;z-index:99999999}.modal-header{border-bottom:none;z-index:1;background:var(--color-tone-7);margin:-.5rem -1rem 1rem;padding:0 1vh;position:-webkit-sticky;position:sticky;top:-.5rem;height:var(--header-height);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.modal-content{margin:auto;transition:transform .1s var(--easing),opacity .1s var(--easing);background-color:var(--color-tone-7);max-width:100%;height:auto;max-height:90vh;position:relative;overflow-x:hidden;overflow-y:auto;width:var(--game-width);border-radius:4px;padding:5px;opacity:0;transform:translateY(-20px) scale(.98)}.modal-content>:not(header){margin:var(--vertical-spacing)}.modal-content h1{flex-grow:1;font-size:1.4rem}.modal.modal-show .modal-content{transform:translateY(0) scale(1);opacity:1}.modal-body{padding:5px;overflow-y:auto;overflow-x:hidden}.modal-body>:not(header){margin:var(--vertical-spacing)}.help{font-size:16px;line-height:1.6}.help h3{margin:16px 0 8px;font-size:1.05rem}.help .help-intro p{margin-top:0}.help .help-footer{margin-top:16px;opacity:.85}.diagram{margin:14px 0;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:rgba(0,0,0,.03)}.diagram .label{font-weight:700;font-size:.9rem;margin-bottom:6px;opacity:.75}.diagram .caption{margin-top:8px;opacity:.9}.word-diagram{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:22px;letter-spacing:.06em}.word-diagram.faint{opacity:.6}.word-stack{display:grid;grid-gap:8px;gap:8px}.caption-inline{font-size:12px;font-weight:600;margin-left:8px;opacity:.8}.vowel-inline{display:inline-block;padding:2px 6px;border-radius:8px;background:var(--vowel-background-color);border:1px solid var(--primary-color)}.menu{background-color:var(--color-tone-6);z-index:100;left:0;top:0;padding-top:0;bottom:0;padding-bottom:0;flex-direction:column;justify-content:flex-start;width:350px;max-width:100%;display:flex;position:absolute;overflow:auto;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 500px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s .1s var(--easing),transform .5s var(--easing);transform:translate(-100%)}.menu.menu-open{opacity:1;pointer-events:auto;transition:opacity .3s var(--easing),transform .5s var(--easing);transform:translate(0)}.menu h2{text-align:left;flex-grow:1;height:4rem;margin:0 0 0 1rem;font-size:1.3rem;line-height:4rem;text-transform:uppercase;letter-spacing:1px}.row{flex-direction:row;justify-content:center;align-items:center;display:flex}.menu>div:first-child{background-color:var(--color-tone-6);z-index:101;padding-top:var(--safe-area-inset-top);margin-top:calc(var(--safe-area-inset-top)*-1);transform:translateY(calc(var(--safe-area-inset-top) * -1));position:-webkit-sticky;position:sticky;top:0}.menu-item{cursor:pointer;justify-content:flex-start;align-items:center;width:100%;height:3.2rem;min-height:2.8rem;padding:5px;display:flex}.menu-item:hover{background-color:var(--color-tone-7)}.menu-item-label{font-family:var(--title-font);font-weight:var(--title-font-weight);letter-spacing:.1rem;text-transform:uppercase;font-size:.9rem;margin-left:1rem}.stats-grid{width:100%}.stats-grid .stat-row:first-child{border-top:1px solid var(--color-tone-4)}.stat-row{border-bottom:1px solid var(--color-tone-4);letter-spacing:1px;text-transform:uppercase;flex-shrink:0;width:100%;height:2rem;margin:0;font-size:.9rem;line-height:2rem;display:flex}.stat-row-label{background-color:var(--color-tone-6);text-align:right;justify-content:flex-end;align-items:center;width:50%;padding-right:.5rem;display:flex}.stat-row-value{width:50%;padding-left:.5rem;font-weight:700}.stars-chart{display:grid;grid-template-columns:28px 1fr 40px 44px;align-items:center;grid-gap:8px;gap:8px;padding:6px 0}.background-bar{height:22px;border-radius:6px;background:var(--color-tone-7);position:relative;overflow:hidden}.star-bar{height:100%;position:absolute;inset:0;width:0;background:var(--primary-color);border-radius:6px;transition:width .4s ease}.switch{width:60px;height:34px;display:inline-block;position:relative}.slider{cursor:pointer;background-color:var(--color-tone-4);border-radius:6px;top:0;bottom:0;left:0;right:0}.slider,.slider:before{transition:all .4s;position:absolute}.slider:before{content:"";background-color:#fff;border-radius:5px;width:26px;height:26px;bottom:4px;left:4px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}.end-star-distribution{width:70%}@media(max-width:420px){.end-star-distribution{width:100%}}.highlight-section{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;background-color:var(--color-tone-6);padding:20px;margin-top:10px;margin-bottom:10px}.donate-button{background-color:var(--primary-color);color:#000;text-transform:uppercase;padding:15px;width:275px}.archive-container{width:100%;display:flex;flex-direction:column;gap:12px;margin:0!important}.archive-stats{justify-content:center;gap:16px;padding:12px 16px;background:linear-gradient(135deg,var(--primary-color) 0,#3aa876 100%);border-radius:12px;color:#fff}.archive-stat,.archive-stats{display:flex;align-items:center}.archive-stat{flex-direction:column;gap:2px}.archive-stat-value{font-size:1.3rem;font-weight:900;letter-spacing:.5px}.archive-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.8px;opacity:.9}.archive-stat-divider{width:1px;height:28px;background:hsla(0,0%,100%,.3)}.archive-controls{display:flex;gap:10px;align-items:stretch}.archive-search-wrapper{flex:1 1;position:relative;display:flex;align-items:center}.archive-search-icon{position:absolute;left:12px;color:var(--color-tone-3);pointer-events:none}.archive-search-input{width:100%;height:42px;border-radius:10px;border:1px solid var(--color-tone-4);padding:0 36px 0 40px;font:inherit;font-size:.9rem;background:var(--color-tone-7);color:var(--color-tone-1);transition:border-color .2s ease,box-shadow .2s ease}.archive-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(72,199,142,.15)}.archive-search-input::placeholder{color:var(--color-tone-3)}.archive-search-clear{position:absolute;right:10px;width:24px;height:24px;border-radius:50%;background:var(--color-tone-4);border:none;color:var(--color-tone-2);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease}.archive-search-clear:hover{background:var(--color-tone-3)}.archive-today-button{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:10px;background:var(--primary-color);color:#fff;font-weight:700;font-size:.85rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.archive-today-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(72,199,142,.35)}.archive-today-button:active{transform:translateY(0)}.archive-list-container{border-radius:10px;overflow:hidden;background:var(--color-tone-6)}.archive-list{scrollbar-width:thin;scrollbar-color:var(--color-tone-4) rgba(0,0,0,0)}.archive-list::-webkit-scrollbar{width:6px}.archive-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.archive-list::-webkit-scrollbar-thumb{background:var(--color-tone-4);border-radius:3px}.archive-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin:4px 6px;background:var(--color-tone-7);border-radius:10px;border:1px solid var(--color-tone-4);transition:all .2s ease;height:72px;box-sizing:border-box}.archive-row:hover{border-color:var(--color-tone-3);box-shadow:0 2px 8px rgba(0,0,0,.06)}.archive-row-selected{border-color:var(--primary-color)!important;background:rgba(72,199,142,.08)}.archive-row-today{border-left:3px solid var(--primary-color)}.archive-row-left{display:flex;flex-direction:column;gap:2px}.archive-row-number{font-weight:900;font-size:1rem;letter-spacing:.5px;color:var(--color-tone-1)}.archive-row-date{font-size:.75rem;color:var(--color-tone-3);letter-spacing:.3px}.archive-row-right{display:flex;align-items:center;gap:12px}.archive-stars{display:flex;gap:1px;font-size:.95rem}.archive-star{transition:transform .15s ease}.archive-star-filled{color:#f5b800;text-shadow:0 1px 3px rgba(245,184,0,.3)}.archive-star-empty{color:var(--color-tone-4)}.archive-stars-empty{color:var(--color-tone-3);font-size:1.2rem}.archive-stars-none{color:var(--color-tone-3);font-size:1rem}.archive-badge{font-size:.55rem;font-weight:800;letter-spacing:.6px;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-top:2px;display:inline-block;width:-moz-fit-content;width:fit-content}.archive-badge-new{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.archive-badge-perfect{background:linear-gradient(135deg,#f5b800,#ff9500);color:#fff}.archive-badge-played{background:var(--color-tone-5);color:var(--color-tone-2)}.archive-badge-incomplete{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.archive-play-button{padding:8px 14px;border-radius:8px;background:var(--primary-color);color:#fff;font-weight:700;font-size:.8rem;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.archive-play-button:hover{opacity:.9;box-shadow:0 2px 8px rgba(72,199,142,.3)}.archive-play-button:active{transform:scale(.98)}.archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.archive-empty-icon{font-size:3rem;margin-bottom:12px;opacity:.7}.archive-empty-text{font-size:1.1rem;font-weight:700;color:var(--color-tone-2);margin-bottom:6px}.archive-empty-hint{font-size:.9rem;color:var(--color-tone-3)}.archive-results-count{text-align:center;font-size:.8rem;color:var(--color-tone-3);padding-top:4px}@media(max-width:420px){.archive-stats{gap:10px;padding:10px 12px}.archive-stat-value{font-size:1.1rem}.archive-stat-label{font-size:.55rem}.archive-controls{flex-direction:column;gap:8px}.archive-today-button{justify-content:center}.archive-row{padding:8px 10px;margin:3px 4px;height:66px}.archive-row-number{font-size:.9rem}.archive-row-right{gap:8px}.archive-play-button{padding:6px 12px;font-size:.75rem}.archive-stars{font-size:.85rem}.archive-badge{font-size:.5rem;padding:2px 5px}}.archive-page{flex:1 1;display:flex;flex-direction:column;padding:20px;gap:16px;overflow-y:auto}.archive-page-title{font-size:1.5rem;font-weight:900;text-align:center;margin:0 0 8px;letter-spacing:1px;text-transform:uppercase}.archive-game-home{flex:1 1;justify-content:center;padding:40px 20px;gap:24px}.archive-game-home,.archive-game-info{display:flex;flex-direction:column;align-items:center}.archive-game-info{text-align:center;gap:8px}.archive-game-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:20px}.archive-game-title{font-size:2rem;font-weight:900;margin:8px 0 0;letter-spacing:1px}.archive-game-date{font-size:1rem;color:var(--color-tone-3);margin:0}.archive-play-btn{background:var(--primary-color);color:#fff;height:3em;width:155px;border-radius:24px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.archive-play-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(72,199,142,.4)}.archive-browse-btn{background:rgba(0,0,0,0);color:var(--color-tone-2);border:1px solid var(--color-tone-4);height:2.5em;width:155px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease}.archive-browse-btn:hover{background:var(--color-tone-6);border-color:var(--color-tone-3)}.archive-error{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:16px}.archive-error h2{font-size:1.5rem;margin:0}.archive-error p{color:var(--color-tone-3);margin:0}.archive-back-button{background:var(--primary-color);color:#fff;padding:12px 24px;border-radius:20px;font-weight:700;border:none;cursor:pointer;transition:transform .15s ease}.archive-back-button:hover{transform:translateY(-2px)}