:root{--serif: "DM Serif Display", "Noto Serif SC", serif;--sans: "DM Sans", "Noto Serif SC", sans-serif;--mono: "Fira Code", monospace;--bg: #F2F2F2;--bg-deep: #E8E8E8;--green: #B8D8BE;--pink: #E91E63;--ink: #2D2926;--ink-light: #5C5350;--white: #FAFAF8;--radius-lg: 2.5rem;--radius-md: 1.25rem;--radius-sm: .75rem;--shadow-soft: 0 20px 40px -15px rgba(0,0,0,.05);--shadow-card: 0 8px 32px rgba(0,0,0,.08);--transition: .3s cubic-bezier(.4, 0, .2, 1);--paper-line: rgba(45, 41, 38, .1)}[data-mood=contemplative]{--bg: #F5F2ED;--green: #C4B5A0;--pink: #8B5E3C}[data-mood=sharp]{--bg: #EDEDF0;--green: #6E6E80;--pink: #D93025}[data-mood=warm]{--bg: #F7F4EF;--green: #C8B898;--pink: #C17F4E}[data-mood=technical]{--bg: #F0F3F7;--green: #8EAAB8;--pink: #1A936F}[data-mood=research]{--bg: #F2F6F4;--green: #7DAE96;--pink: #D68C45}[data-mood=creative]{--bg: #F6F3F2;--green: #C0A89C;--pink: #B8432F}[data-mood=business]{--bg: #F4F3F0;--green: #A8A498;--pink: #2D6A4F}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--sans);color:var(--ink);background:var(--bg);min-height:100vh;overflow-x:hidden}.view{display:none;min-height:100vh}.view.active{display:block}#landing{position:relative;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 35%),radial-gradient(circle at bottom right,rgba(196,181,160,.25),transparent 30%),linear-gradient(168deg,#f7f5f2,#ede9e3,#e4dfd8);overflow:hidden}#landing.active{display:flex}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-glyph{position:absolute;font-family:var(--serif);color:#2d292608;font-weight:900;line-height:1;-webkit-user-select:none;user-select:none}.bg-glyph-1{font-size:40vw;top:-8%;right:-5%;animation:float-slow 20s ease-in-out infinite}.bg-glyph-2{font-size:25vw;bottom:-5%;left:-3%;animation:float-slow 25s ease-in-out infinite reverse}.bg-glyph-3{font-size:18vw;top:20%;left:15%;animation:float-slow 18s ease-in-out infinite 5s}@keyframes float-slow{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(1vw,-1vh) rotate(1deg)}66%{transform:translate(-.5vw,.5vh) rotate(-.5deg)}}.landing-content{position:relative;z-index:1;text-align:center;padding:3rem 2rem;max-width:760px;width:100%}.landing-content:before,.landing-content:after{content:"";position:absolute;pointer-events:none;border-radius:999px;opacity:.4}.landing-content:before{width:180px;height:180px;top:6%;left:8%;background:radial-gradient(circle,rgba(233,30,99,.08),transparent 72%)}.landing-content:after{width:240px;height:240px;right:5%;bottom:8%;background:radial-gradient(circle,rgba(184,216,190,.18),transparent 72%)}.landing-content>*{position:relative;z-index:1}.site-title{font-size:1rem;margin-bottom:1.75rem;letter-spacing:-.02em;line-height:1}.title-char{font-family:var(--serif);font-size:clamp(4.5rem,10vw,7rem);font-weight:900;color:var(--ink);display:block;margin-bottom:.25rem}.title-dot{font-size:2rem;color:var(--ink-light);opacity:.4;display:block;margin-bottom:.25rem}.title-sub{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.2rem);color:var(--ink-light);font-weight:400;letter-spacing:.18em}.site-desc{font-size:1.05rem;color:var(--ink-light);line-height:1.9;margin-bottom:2rem;letter-spacing:.02em}.search-box{position:relative;max-width:480px;margin:0 auto 1rem}.search-box input{width:100%;padding:1.2rem 3.5rem 1.2rem 1.5rem;font-size:1.0625rem;font-family:var(--sans);color:var(--ink);background:#fafaf8db;border:1px solid rgba(45,41,38,.12);border-radius:var(--radius-lg);outline:none;transition:var(--transition);box-shadow:0 25px 60px -30px #2d292640;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.search-box input::placeholder{color:#b0a89e;font-size:.9375rem}.search-box input:focus{border-color:#2d292633;box-shadow:0 25px 60px -30px #2d292640,0 0 0 3px #2d29260a}.search-box button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:3;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink) 0%,#433d38 100%);color:var(--white);border:none;border-radius:50%;cursor:pointer;transition:var(--transition)}.search-box button svg{pointer-events:none}.search-box button:hover{background:linear-gradient(135deg,#433d38 0%,var(--ink-light) 100%);transform:translateY(-50%) scale(1.05)}.search-box button:active{transform:translateY(-50%) scale(.95)}.search-rules{margin-bottom:2rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#2d292685}.suggestions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.suggestion-label{font-size:.8125rem;color:#b0a89e;letter-spacing:.04em}.suggestion-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.suggestion-tag{padding:.375rem 1rem;font-size:.875rem;font-family:var(--sans);color:var(--ink-light);background:#ffffff85;border:1px solid rgba(45,41,38,.08);border-radius:2rem;cursor:pointer;transition:var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.suggestion-tag:hover{background:var(--white);color:var(--ink);border-color:#2d292626;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}#card-view{background:var(--bg);padding:0;transition:background var(--transition)}#card-view.active{display:flex;flex-direction:column;min-height:100vh}.card-nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fafaf8d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(45,41,38,.05)}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-family:var(--sans);font-weight:500;color:var(--ink-light);background:#ffffff47;border:1px solid rgba(45,41,38,.1);border-radius:2rem;cursor:pointer;transition:var(--transition)}.nav-btn:hover{color:var(--ink);border-color:#2d292640;background:#ffffff80}.download-btn{color:var(--white);background:var(--ink);border-color:var(--ink)}.download-btn:hover{background:var(--ink-light);border-color:var(--ink-light);color:var(--white)}.card-container{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.5rem 3rem}.word-card{width:min(960px,100%);max-width:100%;background:var(--bg);border-radius:2rem;border:1px solid rgba(45,41,38,.08);position:relative;overflow:hidden;font-family:var(--sans);box-shadow:0 30px 80px -40px #2d292659;align-self:flex-start}.word-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.card-header{padding:56px 56px 0;position:relative;z-index:2}.card-ref{font-family:var(--mono);font-size:13px;color:var(--ink-light);opacity:.6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.card-meta-row{display:flex;gap:.75rem;align-items:center;margin-bottom:20px}.card-badge{display:inline-flex;align-items:center;padding:.38rem .8rem;border-radius:999px;background:#2d292614;border:1px solid rgba(45,41,38,.08);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.card-badge-soft{background:#fff6}.card-word{font-family:var(--serif);font-weight:900;line-height:.92;letter-spacing:-.03em;color:var(--ink);margin-bottom:10px;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.card-word-cn{font-size:clamp(8rem,18vw,12rem)}.card-word-en{font-size:clamp(4.2rem,10vw,6.3rem)}.card-phonetic{font-family:var(--mono);font-size:clamp(1rem,2vw,1.25rem);color:var(--ink-light);margin-bottom:6px}.card-translation{font-family:var(--sans);font-size:clamp(1.1rem,2.6vw,1.5rem);color:var(--ink-light);font-weight:500;max-width:20ch;line-height:1.45;text-wrap:balance}.card-body{padding:40px 56px;position:relative;z-index:2}.card-original-image{background:var(--green);border-radius:var(--radius-md);padding:26px 28px;margin-bottom:28px;border:1px solid rgba(45,41,38,.08)}.card-original-image .section-label{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink);opacity:.5;margin-bottom:12px}.card-original-image .section-content{font-family:var(--serif);font-size:clamp(1.5rem,3.5vw,2rem);line-height:1.55;color:var(--ink);font-weight:600;text-wrap:balance}.card-core-symbol{position:relative;padding:26px 18px 30px;margin-bottom:30px;text-align:center;background:#ffffff42;border:1px solid rgba(45,41,38,.05);border-radius:1.35rem}.card-core-symbol:before,.card-core-symbol:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ink-light),transparent);opacity:.15}.card-core-symbol:before{top:0}.card-core-symbol:after{bottom:0}.card-formula{display:grid;gap:1rem;justify-items:center;font-family:var(--serif);color:var(--ink);width:min(100%,34rem);margin:0 auto}.formula-parts{display:grid;gap:.7rem;width:100%}.formula-parts-1{grid-template-columns:minmax(0,1fr)}.formula-parts-2{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-parts-3{grid-template-columns:repeat(3,minmax(0,1fr))}.formula-part-card{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem .9rem;border-radius:.95rem;background:#ffffffd6;border:1px solid rgba(45,41,38,.07);box-shadow:0 10px 20px #2d29260a}.formula-token{display:inline-block;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.2;font-weight:700;overflow-wrap:anywhere}.formula-result-wrap{display:grid;gap:.6rem;justify-items:center;width:100%}.formula-arrow{font-family:var(--mono);font-size:.72rem;color:#2d292666;letter-spacing:.18em;text-transform:uppercase}.formula-result-card{width:min(100%,18rem);padding:.9rem 1rem;border-radius:1.05rem;background:linear-gradient(135deg,#e91e6314,#c4b5a02e);border:1px solid rgba(139,94,60,.16);color:var(--pink);font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:700;line-height:1.22;text-wrap:balance;overflow-wrap:anywhere}.card-explanation{display:grid;gap:.9rem;margin-bottom:36px}.card-explanation .section-label{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink);opacity:.5;margin-bottom:20px}.card-explanation p{font-size:clamp(1.02rem,1.8vw,1.16rem);line-height:1.82;color:#4a4a4a;max-width:none;margin-bottom:0;padding:1rem 1.05rem;background:#ffffff80;border:1px solid rgba(45,41,38,.05);border-left:3px solid rgba(139,94,60,.28);border-radius:.9rem;box-shadow:0 12px 28px #2d29260a;text-wrap:pretty}.card-explanation strong{color:var(--ink);font-weight:700}.card-epiphany{background:var(--ink);margin:0 -56px;padding:42px 56px;position:relative;z-index:2;display:grid;gap:.9rem;justify-items:center;text-align:center}.section-label-invert{color:#fafaf88f;margin-bottom:0}.card-epiphany .epiphany-text{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.6;color:var(--white);font-weight:400;width:min(100%,30ch);position:relative;padding-top:.95rem;margin-inline:auto;text-wrap:pretty}.card-epiphany .epiphany-text:not(.epiphany-secondary):before{content:"";position:absolute;left:50%;top:0;width:2.5rem;height:3px;border-radius:999px;background:#e91e63e6;transform:translate(-50%)}.card-epiphany .epiphany-secondary{margin-top:-.1rem;width:min(100%,28ch);opacity:.82;font-size:clamp(1.02rem,1.85vw,1.18rem);line-height:1.7}.card-colophon{display:flex;justify-content:space-between;align-items:center;padding:22px 56px;position:relative;z-index:2}.colophon-left{font-family:var(--mono);font-size:12px;color:var(--ink-light);opacity:.4;letter-spacing:.08em}.colophon-right{font-family:var(--mono);font-size:12px;color:var(--ink-light);opacity:.4}.not-found{text-align:center;padding:4rem 2rem}.not-found.hidden{display:none}.not-found-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.not-found h2{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:.75rem}.not-found p{color:var(--ink-light);font-size:1rem;margin-bottom:2rem}.go-back-btn{padding:.75rem 2rem;font-size:.9375rem;font-family:var(--sans);font-weight:500;color:var(--white);background:var(--ink);border:none;border-radius:2rem;cursor:pointer;transition:var(--transition)}.go-back-btn:hover{background:var(--ink-light)}.card-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.loading-spinner{width:40px;height:40px;border:3px solid rgba(45,41,38,.1);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--serif);font-size:1.125rem;color:var(--ink-light)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fade-up .6s ease-out forwards}.animate-delay-1{animation-delay:.1s;opacity:0}.animate-delay-2{animation-delay:.2s;opacity:0}.animate-delay-3{animation-delay:.35s;opacity:0}.animate-delay-4{animation-delay:.5s;opacity:0}.animate-delay-5{animation-delay:.65s;opacity:0}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(20px);padding:.875rem 1.75rem;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:.875rem;border-radius:2rem;box-shadow:0 8px 24px #00000026;opacity:0;transition:all .3s ease;z-index:1000;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.landing-content{padding:1.5rem}.title-char{font-size:3.5rem}.title-sub{font-size:1.25rem}.search-box input{font-size:1rem;padding:1rem 3rem 1rem 1.25rem}.search-rules{font-size:.72rem;line-height:1.8;padding:0 1rem}.search-box input::placeholder{font-size:.8125rem}.card-nav{padding:.75rem 1rem}.nav-btn span{display:none}.card-container{padding:.85rem}.word-card{width:100%;border-radius:1.5rem}.card-header{padding:28px 22px 0}.card-meta-row{margin-bottom:20px;gap:.5rem;flex-wrap:wrap}.card-word-cn{font-size:96px}.card-word-en{font-size:52px}.card-translation{font-size:1.125rem}.card-body{padding:24px 22px 22px}.card-original-image{padding:20px 18px}.card-original-image .section-content{font-size:1.35rem}.card-formula{max-width:100%;gap:.7rem}.formula-parts{gap:.5rem}.formula-parts-2,.formula-parts-3{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-parts-3 .formula-part-card:last-child{grid-column:1 / -1}.formula-part-card{min-height:auto;padding:.78rem .8rem}.formula-token{font-size:1rem}.formula-result-card{width:100%;max-width:100%;font-size:1.15rem;padding:.85rem .9rem}.card-explanation p{font-size:.98rem;line-height:1.76;padding:.9rem .95rem}.card-epiphany{margin:0 -22px;padding:30px 22px;gap:.75rem}.card-epiphany .epiphany-text{font-size:1.12rem;width:min(100%,22ch);padding-top:.8rem}.card-epiphany .epiphany-text:not(.epiphany-secondary):before{width:2rem;height:2px}.card-epiphany .epiphany-secondary{width:min(100%,20ch);font-size:.98rem}.card-colophon{padding:16px 22px}}