@font-face{font-family:Oracle;src:url('assets/oracle.woff2');font-display:swap}@font-face{font-family:Exposure;src:url('assets/exposure.ttf');font-display:swap}@font-face{font-family:Editorial;src:url('assets/serif.woff2');font-display:swap}@font-face{font-family:EditorialItalic;src:url('assets/italic.woff2');font-display:swap}@font-face{font-family:Mono;src:url('assets/mono.woff2');font-display:swap}@font-face{font-family:Triple;src:url('assets/triple.woff2');font-display:swap}
:root{font:16px/1.6 Oracle,Arial,sans-serif;color:#292c28;background:#f8f7f3;--paper:#fffefb;--muted:#656960;--line:#d8d9cf;--green:#355143}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:120px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #52735a;outline-offset:5px}button{touch-action:manipulation}button:disabled{cursor:default}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:12px;left:12px;background:white;padding:12px;z-index:100}h1,h2,h3,p{margin:0}.wash{position:fixed;inset:auto 0 0;height:330px;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#d6b79466,#e3cede44 48%,#f8f7f300)}header{margin:0 28px;height:106px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative}.header-note,.header-count,.eyebrow{font:12px/1.5 Mono,monospace;letter-spacing:1.5px}.header-note{color:var(--muted)}.header-count{display:flex;align-items:center;gap:14px;letter-spacing:0}.header-count b{border:1px solid #a2a59b;padding:2px 9px;font-weight:400;letter-spacing:3px}.brand{text-decoration:none;position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:baseline;line-height:1;white-space:nowrap}.brand>span{font:58px/1 Exposure,Georgia,serif;font-variation-settings:'EXPO' -78;letter-spacing:-3px}.brand i{font:44px/1 Triple,Arial,sans-serif;color:transparent;-webkit-text-stroke:1px #292c28;transform:rotate(3deg);letter-spacing:-2px}.brand small{position:absolute;right:0;bottom:-16px;font:8px/1.5 Mono,monospace;letter-spacing:1px;background:#292c28;color:white;padding:3px 5px}main{max-width:1216px;margin:auto;padding:0 36px}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:49px 0 34px;gap:32px}.eyebrow{color:var(--muted)}h1{font:clamp(34px,4.4vw,57px)/1.13 Editorial,Georgia,serif;letter-spacing:-1.5px;margin-top:17px}h1 em{font-family:EditorialItalic,Georgia,serif;font-style:normal;color:var(--green)}.intro-note{font:18px/1.65 Editorial,Georgia,serif;color:var(--muted);padding-bottom:5px}.toolbar{display:flex;gap:12px}.search{display:flex;align-items:center;gap:12px;flex:1;border:1px solid #cbcec3;background:#fffefbb3;border-radius:8px;padding:0 17px;min-width:0}.search>span{font-size:29px;line-height:1}.search input{border:none;outline:none;background:transparent;padding:15px 0;min-width:0;width:100%;font-size:16px}.search:focus-within{outline:2px solid #52735a;outline-offset:2px}.search kbd{font:13px Mono;border:1px solid var(--line);padding:0 6px;border-radius:3px;color:#787d72}.sort select{height:100%;border:1px solid #cbcec3;background:#fffefbb3;padding:0 16px;border-radius:8px;font-size:14px;min-width:165px}.collection-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:21px 0 15px}.collection-bar nav{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid transparent;border-radius:30px;background:transparent;padding:7px 14px;font-size:14px}.filter[aria-pressed=true]{background:#354e3f;color:#fffefb}.filter:not([aria-pressed=true]):hover{border-color:#c4ccbb}.collection-bar p{font-size:13px;color:var(--muted);white-space:nowrap}.coverage{font-size:14px;color:#62665d;margin-bottom:25px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.word-card{min-width:0;perspective:1800px;position:relative}.flip{display:grid;grid-template-columns:1fr;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,.7,.2,1);height:100%;min-height:355px}.word-card.flipped .flip{transform:rotateY(180deg)}.face{grid-area:1/1;padding:25px 27px 19px;border:1px solid #d9d9cf;border-radius:9px;background:var(--paper);box-shadow:0 7px 24px #25252508;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;min-width:0}.front{background:linear-gradient(145deg,#fffefb,#f1f3e9)}.word-card:nth-child(3n+2) .front{background:linear-gradient(145deg,#fffefb,#f2eae3)}.word-card:nth-child(3n) .front{background:linear-gradient(145deg,#fffefb,#ebeaf2)}.card-top{display:flex;justify-content:space-between;gap:10px;font:12px/1.5 Mono,monospace;color:#687063}.card-no{border-bottom:1px solid #bbbfb1;padding-bottom:3px}.front .word-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0}.front h2{font:clamp(30px,3vw,44px)/1.13 Editorial,Georgia,serif;letter-spacing:-1px;overflow-wrap:anywhere}.front .long{font-size:29px}.pronunciation{color:#676d60;font:16px/1.4 EditorialItalic,Georgia,serif;margin-top:16px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9cdbd;padding-top:13px;gap:12px}.card-bottom span{font:12px/1.4 Mono,monospace;color:#666c60}.face{position:relative}.flip-target{position:absolute;inset:0;z-index:1;width:100%;height:100%;border:0;padding:0;border-radius:8px;background:transparent;cursor:pointer}.source{position:relative;z-index:2}.back{transform:rotateY(180deg);background:#fffdf7}.back h2{font:29px/1.16 Editorial,Georgia,serif;margin:13px 0 15px;overflow-wrap:anywhere}.definition{font-size:16px;line-height:1.55}.example{font:17px/1.55 EditorialItalic,Georgia,serif;color:var(--green);border-left:2px solid #adb9a0;margin:17px 0 20px;padding-left:13px}.back .card-bottom{margin-top:auto}.source{font-size:13px;color:#59694e;text-underline-offset:3px}.sense{font-size:13px;color:var(--muted);margin-top:10px}.empty{padding:70px 20px;text-align:center;background:#fffefb66;border:1px dashed #c6cbbf;border-radius:9px}.empty h2{font:32px Editorial,Georgia,serif}.empty p{margin:15px 0}.empty button{border:1px solid #bfc7b6;border-radius:30px;padding:10px 20px;background:#fffefb}.update-note{margin-top:68px;border-top:1px solid var(--line);padding:33px 0 25px;display:flex;justify-content:space-between;gap:30px}.update-note h2{font:30px/1.3 Editorial,Georgia,serif;max-width:330px;margin-top:12px}.update-note>div:last-child{max-width:390px;font-size:14px}.muted{color:var(--muted)}.text-button{border:none;border-bottom:1px solid #b8bfaf;background:transparent;padding:0;margin-top:10px;font-size:14px}.update-note .muted{margin-top:6px}footer{max-width:1144px;margin:22px auto 0;padding:22px 0 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font:12px/1.7 Mono,monospace;color:#64675e}footer a{text-decoration:none}footer span{letter-spacing:1px}dialog{max-width:560px;width:calc(100% - 40px);padding:40px;border:1px solid #d8d9cf;border-radius:12px;background:var(--paper);color:#292c28;box-shadow:0 25px 100px #0002}dialog::backdrop{background:#20271e66;backdrop-filter:blur(5px)}dialog h2{font:36px/1.2 Editorial,Georgia,serif;margin:20px 0}dialog p{margin-top:16px}dialog .muted{font-size:14px}.close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:28px;width:40px;height:40px}[hidden]{display:none!important}
@media(min-width:1500px){main{padding-top:10px}.flip{min-height:380px}}@media(max-width:950px){.header-note{display:none}.header-count{margin-left:auto}.brand{left:0;transform:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.front h2{font-size:38px}.intro-note{display:none}footer{margin-left:36px;margin-right:36px}footer>span{display:none}}@media(max-width:580px){header{height:112px;margin:0 20px;align-items:flex-start}.brand{top:15px;left:50%;transform:translateX(-50%)}.brand>span{font-size:48px}.brand i{font-size:38px}.brand small{font-size:7px;bottom:-13px}.header-count{position:absolute;bottom:8px;left:0;font-size:12px;gap:8px}.header-count b{padding:0 5px}main{padding:0 20px}.intro{padding:32px 0 26px}h1{font-size:38px}.eyebrow{font-size:12px;letter-spacing:1px}.toolbar{gap:8px}.search{padding:0 11px;gap:7px}.search input{font-size:16px}.search kbd{display:none}.sort select{min-width:0;width:112px;padding:0 8px;font-size:13px}.collection-bar{align-items:flex-start;flex-direction:column;gap:10px}.filter{padding:7px 12px}.coverage{font-size:14px}.grid{grid-template-columns:1fr;gap:20px}.flip{min-height:335px}.face{padding:24px}.front h2{font-size:44px}.front .long{font-size:32px}.update-note{margin-top:43px;flex-direction:column;gap:21px}.update-note h2{max-width:none}footer{margin:16px 20px 0;flex-wrap:wrap;gap:12px;font-size:12px}dialog{padding:35px 25px}.brand{gap:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flip{transition:none}}

.delete-word{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:4px 10px;margin:-10px -10px -6px 8px;border:0;border-radius:5px;background:transparent;color:#8b4539;font:14px/1.4 Oracle,Arial,sans-serif;text-decoration:none}.delete-word:hover{background:#f3e7e2}.delete-word:disabled{opacity:.6;cursor:wait}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);width:max-content;display:flex;align-items:center;gap:20px;padding:12px 16px 12px 22px;background:#293f32;color:#fffefb;border-radius:9px;box-shadow:0 8px 30px #0003;font:15px/1.5 Oracle,Arial,sans-serif}.notice button{border:0;background:transparent;color:#fffefb;padding:6px;font:inherit;text-decoration:underline;min-height:40px;white-space:nowrap}.notice .notice-close{font-size:24px;line-height:1;text-decoration:none}.notice button:disabled{opacity:.6}.notice button:focus-visible{outline-color:white}@media(max-width:580px){.notice{gap:9px;padding:10px 12px;bottom:16px;font-size:14px}}
