:root{--bg-canvas: #f5f5f7;--card-bg: #ffffff;--card-bg-subtle: #fafafc;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--text-quaternary: #d2d2d7;--border-subtle: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12);--border-popover: rgba(0, 0, 0, .08);--shadow-card: 0 4px 14px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--shadow-card-hover: 0 12px 30px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--shadow-popover: 0 20px 48px -8px rgba(0, 0, 0, .14), 0 4px 12px rgba(0, 0, 0, .04);--ease-apple-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--radius-card: 22px;--radius-button: 9999px;--radius-popover: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;height:100dvh;width:100%;overflow:hidden;background-color:var(--bg-canvas);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{background:none;border:none;font:inherit;cursor:pointer}::selection{background:#1d1d1f1f;color:inherit}#app{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(20px,4.5vh,48px) clamp(20px,5vw,48px);position:relative;z-index:1}.viewport-top-spacer{flex:.8;min-height:10px}.viewport-main{flex:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:900px;gap:clamp(32px,6vh,56px)}.viewport-bottom{flex:.8;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:16px;min-height:40px}.hero-slogan-wrapper{position:relative;text-align:center;-webkit-user-select:none;user-select:none}.hero-slogan{font-size:clamp(2.2rem,5.4vw,4rem);font-weight:600;letter-spacing:-.012em;word-spacing:.05em;line-height:1.25;color:var(--text-primary);display:inline-block;margin:0 auto}.keyword-hexing{position:relative;display:inline-flex;align-items:baseline;color:var(--text-primary);text-decoration:underline dotted 1.5px rgba(29,29,31,.28);text-underline-offset:.2em;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='15.2' y2='15.2'%3E%3C/line%3E%3C/svg%3E") 10 10,zoom-in;transition:color .25s ease,text-decoration-color .25s ease}.keyword-hexing:hover,.keyword-hexing.is-active{color:#006972d9;text-decoration-color:#006972d9}.keyword-badge{position:absolute;top:0;right:-.28em;width:.38em;height:.38em;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;opacity:.72;transition:opacity .25s ease,transform .25s var(--ease-apple-spring)}.keyword-hexing:hover .keyword-badge,.keyword-hexing.is-active .keyword-badge{opacity:1;transform:scale(1.08)}.dict-popover{position:fixed;top:var(--popover-top, 40%);left:var(--popover-left, 50%);transform:translate(-50%) translateY(-100%) scale(.96);width:min(400px,92vw);background:#fffffff5;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--border-popover);border-radius:var(--radius-popover);box-shadow:var(--shadow-popover);padding:20px 24px;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s cubic-bezier(.16,1,.3,1),transform .28s var(--ease-apple-spring),visibility .24s;z-index:9999;cursor:default;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif!important;font-size:13.5px!important;font-weight:400!important;letter-spacing:.015em!important;word-spacing:.08em!important;line-height:1.65!important;text-decoration:none!important;text-transform:none!important;color:#1d1d1f!important;user-select:text!important;-webkit-user-select:text!important;overflow:visible!important}.dict-popover:before{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:30px;background:transparent;pointer-events:auto}.keyword-hexing:hover .dict-popover.popover-above,.keyword-hexing.is-active .dict-popover.popover-above{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(-100%) scale(1)}.keyword-hexing:hover .dict-popover:not(.popover-below):not(.popover-above),.keyword-hexing.is-active .dict-popover:not(.popover-below):not(.popover-above){opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(-100%) scale(1)}.dict-popover.popover-above:before{top:100%;bottom:auto;height:30px}.dict-popover.popover-below{transform:translate(-50%) translateY(8px) scale(.96)}.keyword-hexing:hover .dict-popover.popover-below,.keyword-hexing.is-active .dict-popover.popover-below{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.dict-popover.popover-below:before{top:auto;bottom:100%;height:20px}.dict-popover:after{content:"";position:absolute;top:100%;bottom:auto;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid rgba(255,255,255,.96);border-bottom:none;pointer-events:none;z-index:101}.dict-popover.popover-below:after{top:auto;bottom:100%;border-top:none;border-bottom:9px solid rgba(255,255,255,.96);border-left:9px solid transparent;border-right:9px solid transparent}.dict-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:10px}.dict-title-group{display:flex;align-items:baseline;gap:12px}.dict-word{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:19px!important;font-weight:600!important;color:#1d1d1f!important;letter-spacing:.01em!important;line-height:1.2!important}.dict-phonetic{font-size:13.5px!important;font-weight:400!important;color:#86868b!important;letter-spacing:.04em!important}.dict-source-badge{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#86868b!important;background:#0000000d;padding:3px 7px;border-radius:5px;line-height:1!important}.dict-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px!important;line-height:1.4!important}.dict-pos{font-style:italic!important;font-weight:600!important;color:#1d1d1f!important}.dict-labels{color:#86868b!important;font-weight:400!important;letter-spacing:.02em!important}.dict-meanings{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.dict-meanings li{font-size:13.5px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:.015em!important;word-spacing:.08em!important;color:#38383a!important;display:flex;align-items:flex-start;gap:10px}.dict-meanings li .item-num{font-weight:600!important;color:#86868b!important;flex-shrink:0;font-size:13px!important;line-height:1.65!important}.dict-meanings li .item-text{flex:1;word-break:normal;overflow-wrap:break-word}@media(max-height:600px){.hero-slogan{font-size:clamp(1.8rem,4.2vw,2.4rem)}.dict-popover{padding:14px 18px;width:min(380px,90vw);max-height:calc(100dvh - 100px);overflow:visible!important}.dict-meanings{max-height:calc(100dvh - 190px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}}@media(max-width:640px){.dict-popover{width:min(330px,calc(100vw - 32px))}.dict-popover:after{left:auto!important;right:48px!important;transform:none!important}}.portal-matrix{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.8vw,24px);-webkit-user-select:none;user-select:none}.portal-card{position:relative;width:clamp(96px,27vw,118px);height:clamp(96px,27vw,118px);background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s cubic-bezier(.2,.8,.2,1)}.portal-card:active{transform:scale(.96)}.card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:1}.card-arrow,.card-details{display:none}@media(min-width:769px)and (hover:hover){.portal-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .4s cubic-bezier(.2,.8,.2,1)}.portal-card:hover,.portal-card:focus-visible{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.card-arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-3px,3px) scale(.85);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1);color:var(--text-primary);pointer-events:none;z-index:2}.card-arrow svg{width:12px;height:12px}.portal-card:hover .card-arrow,.portal-card:focus-visible .card-arrow{opacity:.75;transform:translate(0) scale(1)}.card-icon{transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease;will-change:transform,opacity}.portal-card:hover .card-icon,.portal-card:focus-visible .card-icon{transform:translate(-50%,-24px) scale(.84);opacity:.9}.card-details{position:absolute;bottom:12px;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 6px;text-align:center;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .35s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity;z-index:1}.portal-card:hover .card-details,.portal-card:focus-visible .card-details{opacity:1;transform:translateY(0);transition:opacity .4s ease .04s,transform .45s cubic-bezier(.2,.8,.2,1) .04s}.card-details .card-title{font-size:clamp(.82rem,2.1vw,.94rem);font-weight:600;letter-spacing:-.025em;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:visible;width:100%;text-align:center}.card-details .card-subtitle{font-size:clamp(.6rem,1.5vw,.66rem);color:var(--text-secondary);font-weight:400;white-space:nowrap;letter-spacing:-.01em;line-height:1.2;overflow:visible;width:100%;text-align:center}}.social-links{display:flex;align-items:center;justify-content:center;gap:16px;-webkit-user-select:none;user-select:none}.social-item{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-button);background-color:var(--card-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);box-shadow:0 2px 8px #00000008;transition:transform .3s var(--ease-apple-spring),color .25s ease,border-color .25s ease,box-shadow .3s ease}.social-item:hover,.social-item:focus-visible{color:var(--text-primary);transform:translateY(-2px) scale(1.08);border-color:var(--border-hover);box-shadow:0 6px 16px #0000000f}.social-item:active{transform:translateY(0) scale(.96)}.site-footer{text-align:center;font-size:.76rem;letter-spacing:-.01em;color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.site-footer a{color:var(--text-secondary);transition:color .2s ease}.site-footer a:hover{color:var(--text-primary)}@media(max-height:600px){#app{padding:12px 16px}.viewport-main{gap:20px}.portal-card{width:80px;height:80px}.hero-slogan{font-size:1.8rem}}