@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{background:#edf4f2;color:#263a3b;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 8%,rgba(255,244,230,.9),transparent 27rem),radial-gradient(circle at 92% 12%,rgba(202,232,232,.75),transparent 30rem),radial-gradient(circle at 28% 88%,rgba(225,217,246,.55),transparent 31rem),linear-gradient(135deg,#f8faf8,#edf5f4 52%,#eef0fa);margin:0;min-height:100vh}button,input,select{font:inherit}main{margin:auto;max-width:1240px;min-height:100vh;padding:.8rem 2rem 0}header{align-items:center;background:#fff6;border:1px solid rgba(255,255,255,.8);border-radius:999px;display:flex;font:.75rem DM Mono,monospace;gap:1.45rem;justify-content:flex-end;letter-spacing:.04em;padding:.82rem 1.05rem}.brand{color:inherit;font-weight:700;letter-spacing:.13em;margin-right:auto;text-decoration:none}.header-links{align-items:center;display:flex;gap:1.45rem}.header-links a{color:#647f7c;text-decoration:none;transition:color .18s ease}.header-links a:hover{color:#3e746e}.intro{max-width:59rem;padding:2.6rem 1rem 3.5rem}.eyebrow{color:#6b8d88;font:.68rem DM Mono,monospace;letter-spacing:.14em;margin:0 0 1rem}h1,h2,h3,p{margin-top:0}.intro h1{font-size:clamp(2.65rem,5.35vw,4.75rem);font-weight:500;letter-spacing:-.07em;line-height:1.22;margin-bottom:1.3rem}.intro em{background:linear-gradient(110deg,#d78274,#a17599 55%,#6d9d98);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.intro>p:last-child{color:#58706f;font-size:1rem;line-height:2;max-width:42rem}.workspace{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff75;border:1px solid rgba(255,255,255,.82);border-radius:28px;box-shadow:0 22px 55px #4365641a;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.workspace form{padding:2.35rem}.mobile-matrix{display:none}.mode-switch{background:#5b89831a;border-radius:999px;display:inline-flex;gap:.2rem;margin-bottom:1.45rem;padding:.22rem}.mode-switch button{background:transparent;box-shadow:none;color:#73908c;font-size:.7rem;padding:.52rem .82rem}.mode-switch button:hover{box-shadow:none;transform:none}.mode-switch button.active{background:#ffffffe0;box-shadow:0 3px 10px #4068631f;color:#41746e}.mode-switch span{color:#b2788d;font-size:.58rem;margin-left:.18rem}.matrix-inspector{background:#e1f2ef57;border-left:1px solid rgba(121,160,154,.18);color:#4c6665;line-height:1.8;padding:2.6rem}.matrix-inspector h2{color:#385b58;font-size:1.25rem;font-weight:600;letter-spacing:-.03em;margin:0 0 .75rem}.matrix-inspector>p:not(.eyebrow){font-size:.84rem;margin-bottom:1.5rem}.matrix-unavailable{align-items:center;background:#ffffff6b;border:1px solid rgba(109,153,147,.18);border-radius:12px;color:#63807c;display:flex;font-size:.8rem;gap:.75rem;justify-content:space-between;line-height:1.6;margin:1.1rem 0;padding:.8rem .9rem}.matrix-unavailable button{background:#ffffffc7;border:1px solid rgba(86,138,131,.28);border-radius:999px;box-shadow:none;color:#39746e;font-size:.7rem;padding:.42rem .7rem;white-space:nowrap}.matrix-unavailable button:hover{box-shadow:none;transform:none}.matrix-inspector small{color:#78908d;display:block;font:.63rem DM Mono,monospace;line-height:1.6;margin-top:1.15rem}.matrix-source{color:#4a887f;display:block;font:.63rem DM Mono,monospace;line-height:1.6;margin-top:1.15rem;text-decoration:underline;text-decoration-color:#4a887f59;text-underline-offset:.22rem}.matrix-source:hover{color:#2e7169}.matrix-figure{margin:1.1rem 0 0}.matrix-heatmap{background:#58847e14;display:grid;gap:1px;padding:4px}.matrix-heatmap span{aspect-ratio:1;background:#4d9b90;border-radius:1px;min-width:0}.matrix-axis{color:#78908d;display:flex;font:.59rem DM Mono,monospace;justify-content:space-between;margin-top:.45rem}.matrix-legend{color:#6b8581;display:flex;flex-wrap:wrap;font:.58rem DM Mono,monospace;gap:.8rem;margin-top:.7rem}.matrix-legend span{align-items:center;display:inline-flex;gap:.3rem}.matrix-legend i{border-radius:2px;display:inline-block;height:.62rem;width:.62rem}.matrix-legend .identity{background:#6a9f97}.matrix-legend .confusion{background:#237e72}.matrix-tooltip{align-items:center;background:#ffffff8c;border:1px solid rgba(109,153,147,.2);border-radius:10px;color:#6c8581;display:flex;font:.64rem DM Mono,monospace;justify-content:space-between;line-height:1.5;margin-top:.75rem;min-height:2.3rem;padding:.45rem .6rem}.matrix-tooltip b{color:#397b72}.matrix-tooltip strong{color:#3f716b;font-weight:500;white-space:nowrap}.workspace label{color:#405757;display:block;font-size:.84rem;font-weight:600;margin:0 0 1.25rem}.workspace input[type=text],select{background:#ffffffa8;border:1px solid rgba(89,126,123,.28);border-radius:13px;color:#304646;display:block;font-size:.98rem;margin-top:.55rem;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.workspace textarea{background:#ffffffa8;border:1px solid rgba(89,126,123,.28);border-radius:13px;color:#304646;display:block;font:inherit;font-size:.98rem;line-height:1.7;margin-top:.55rem;min-height:7rem;outline:none;padding:.85rem 1rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.workspace input[type=text]:focus,select:focus{border-color:#67a59cd9;box-shadow:0 0 0 4px #78beb424}.workspace textarea:focus{border-color:#67a59cd9;box-shadow:0 0 0 4px #78beb424}.workspace input[type=text]::placeholder{color:#4057576e;opacity:1}.workspace textarea::placeholder{color:#4057576e;opacity:1}.matrix-picker{margin-top:.55rem;position:relative}.matrix-trigger{align-items:center;background:#ffffffa8;border:1px solid rgba(89,126,123,.28);border-radius:13px;box-shadow:none;color:#304646;display:flex;font-family:inherit;font-size:.98rem;justify-content:space-between;letter-spacing:0;padding:.85rem 1rem;text-align:left;width:100%}.matrix-trigger:hover{box-shadow:0 0 0 4px #78beb41a;transform:none}.matrix-trigger i{color:#6d9992;font-size:1.1rem;font-style:normal;line-height:1}.matrix-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f9fdfcf0;border:1px solid rgba(255,255,255,.95);border-radius:16px;box-shadow:0 16px 32px #4165622b;left:0;overflow:hidden;padding:.35rem;position:absolute;right:0;top:calc(100% + .45rem);z-index:5}.matrix-options button{align-items:center;background:transparent;border-radius:11px;box-shadow:none;color:#42605f;display:flex;font-family:inherit;font-size:.86rem;font-weight:500;justify-content:space-between;letter-spacing:0;padding:.68rem .75rem;text-align:left;width:100%}.matrix-options button:hover,.matrix-options button.selected{background:#b1ded761;box-shadow:none;color:#39746e;transform:none}.matrix-options button i{color:#5c9a90;font-size:.85rem;font-style:normal}.relation-control{border-top:1px solid rgba(103,143,138,.2);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:1.5rem 0;padding-top:1.2rem}.relation-control>div>p{color:#79918e;font:.64rem DM Mono,monospace;margin:0 0 .5rem}.relation-control label{align-items:center;display:flex;font-size:.76rem!important;gap:.38rem;margin:.28rem 0!important}.relation-control input{accent-color:#70a79d;height:.9rem;margin:0;width:.9rem}.relation-control aside{background:#ffffff59;border-left:2px solid rgba(112,167,157,.52);grid-column:1 / -1;padding:.7rem .8rem}.relation-control aside b{color:#416b67;display:block;font-size:.78rem}.relation-control aside span{color:#7c9692;display:block;font-size:.7rem;line-height:1.7;margin-top:.2rem}.weight-settings{border-top:1px solid rgba(103,143,138,.2);margin:1.8rem 0;padding-top:1rem}.weight-settings>p{color:#47605f;font-size:.87rem;margin:0}.weight-settings>p span{color:#819a97;font-weight:400;margin-left:.45rem}.weight-layout{align-items:center;display:grid;gap:1.6rem;grid-template-columns:minmax(11rem,.9fr) minmax(12rem,1.1fr);margin-top:.8rem}.simplex-control{justify-self:center;margin:0;max-width:16rem;width:clamp(11rem,100%,16rem);-webkit-user-select:none;user-select:none}.simplex{cursor:crosshair;display:block;overflow:visible;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.simplex:focus{outline:none}.simplex:focus .simplex-outline{stroke:#5b9a91;stroke-width:1.5}.simplex-shape{fill:url(#simplex-fill);opacity:.72}.simplex-outline{fill:none;stroke:#4c7c7770;stroke-width:.7}.simplex-point{fill:#fdfdf9;stroke:#4f9087;stroke-width:.35;filter:drop-shadow(0 1px 2px rgba(58,100,95,.16))}.simplex-label{fill:#607d79;font-family:DM Mono,monospace;font-size:4px;letter-spacing:.4px}.simplex-values{display:flex;justify-content:space-between;margin-top:.55rem}.simplex-values span{color:#748d89;font:.65rem DM Mono,monospace}.simplex-values b{color:#416f69;margin-left:.2rem}.simplex-control p{color:#829a97;font-size:.7rem;line-height:1.7;margin:.8rem 0 0}.weight-explanation{border-left:1px solid rgba(103,143,138,.22);color:#718a86;padding-left:1.25rem}.weight-explanation .eyebrow{font-size:.58rem;margin-bottom:.55rem}.weight-explanation h3{color:#4d6f6b;font-size:.9rem;font-weight:600;letter-spacing:-.02em;margin:0 0 .55rem}.weight-explanation p:not(.eyebrow){font-size:.72rem;line-height:1.8;margin:.55rem 0 0}button{background:linear-gradient(110deg,#447b76,#6fa69b);border:0;border-radius:999px;box-shadow:0 9px 20px #356f6833;color:#fff;cursor:pointer;font:.76rem DM Mono,monospace;letter-spacing:.05em;padding:.92rem 1.35rem;transition:box-shadow .2s,transform .2s}button:hover{box-shadow:0 13px 25px #356f6845;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.65;transform:none}.error{color:#b5555c;font-size:.84rem;line-height:1.8;margin-top:1rem}.error a{color:#a24d57;font-weight:600;text-decoration-color:#a24d575c;text-underline-offset:.18rem}.legend{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.8rem}.legend span{background:#ffffff7a;border-radius:999px;color:#61817c;font:.65rem DM Mono,monospace;padding:.38rem .65rem}.results{padding:6rem 0 4.5rem}.results-title{align-items:end;display:flex;justify-content:space-between;padding:0 .7rem 1.25rem}.results h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;letter-spacing:-.06em;margin:0}.results-title>p{color:#748c89;font:.72rem DM Mono,monospace;margin:0}.result,.empty{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff7a;border:1px solid rgba(255,255,255,.78);box-shadow:0 13px 30px #4e6f6d12}.result{align-items:center;border-radius:18px;display:grid;gap:1rem;grid-template-columns:54px 1fr 1.55fr 78px;margin:.7rem 0;padding:1.1rem 1.2rem}.rank{color:#c4858a;font:.82rem DM Mono,monospace}.word h3{font-size:1.25rem;font-weight:600;margin:0}.word p{color:#849693;font:.74rem DM Mono,monospace;margin:.28rem 0 0}.score-detail{min-width:0}.metrics{display:flex;justify-content:space-around}.metric{display:grid;text-align:center}.metric i{align-items:center;color:#849693;display:flex;font:.68rem DM Mono,monospace;font-style:normal;gap:.25rem;justify-content:center}.metric i:before{background:currentColor;border-radius:50%;content:"";height:.32rem;width:.32rem}.metric.semantic i{color:#bd7d96}.metric.frequency i{color:#6fa78f}.metric.phoneme i{color:#5798ae}.metric b{color:#54716e;font:.88rem DM Mono,monospace;margin-top:.25rem}.metric b small{color:#819a97;font-size:.62em;font-weight:400;margin-left:.08rem}.contribution-bar{background:#4d736f1a;border-radius:999px;display:flex;height:.42rem;margin:.7rem .45rem 0;overflow:hidden}.contribution-bar span{display:block;min-width:0}.contribution-bar .semantic{background:#c7879e}.contribution-bar .frequency{background:#79ad96}.contribution-bar .phoneme{background:#65a9be}.result>strong{color:#3e7770;font:1.16rem DM Mono,monospace;text-align:right}.empty{border-radius:18px;color:#748c89;padding:3.8rem 1rem;text-align:center}.sentence-tokens{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.1rem;padding:.9rem .7rem}.sentence-tokens button,.sentence-tokens a,.sentence-tokens>span{border-radius:999px;font:.78rem DM Mono,monospace;padding:.5rem .68rem;text-decoration:none}.sentence-tokens button{background:rgba(97,150,141,calc(.1 + var(--prediction-strength, 0) * .65));box-shadow:none;color:rgba(36,82,77,calc(.46 + var(--prediction-strength, 0) * .54))}.sentence-tokens button.selected{box-shadow:0 0 0 1px #3d777047,0 5px 13px #3a6f6729}.sentence-tokens button:hover{box-shadow:none;transform:none}.sentence-tokens button small,.sentence-tokens a small{font-size:.58rem;margin-left:.28rem;opacity:.74}.sentence-tokens .missing{background:#e5b3bb3d;color:#a25d6e}.sentence-tokens>span{color:#8a9d9a}.sentence-context{background:#def1ec66;border-left:2px solid rgba(104,166,156,.6);color:#65827e;margin:0 0 1.35rem;padding:.75rem .9rem}.sentence-context p{display:flex;font-size:.78rem;justify-content:space-between;margin:0 0 .36rem}.sentence-context p span,.sentence-context>div{color:#7b9692;font:.66rem DM Mono,monospace}.sentence-result-title{align-items:end;display:flex;justify-content:space-between;margin:0 .7rem 1rem}.sentence-result-title h2{font-size:1.55rem;font-weight:500;letter-spacing:-.05em;margin:0}.sentence-result-title p{color:#748c89;font:.7rem DM Mono,monospace;margin:0}footer{color:#708783;font-size:.72rem;padding:2rem .5rem}@media(max-width:700px){main{padding:.8rem 1rem 0}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:.9rem;padding:.76rem .85rem;position:sticky;top:.5rem;z-index:10}.header-links{gap:.9rem}.intro{padding:2.2rem .35rem 2.7rem}.intro h1{font-size:clamp(2.45rem,12vw,3.8rem);text-wrap:initial;word-break:auto-phrase}.workspace{grid-template-columns:1fr}.workspace form{padding:1.6rem}.workspace>.matrix-inspector{display:none}.mobile-matrix{display:block;margin:-.35rem 0 1.65rem}.mobile-matrix .matrix-inspector{border:1px solid rgba(121,160,154,.18);border-radius:18px;padding:1.35rem}.results{padding-top:4rem}.weight-layout{grid-template-columns:1fr;gap:1.15rem}.simplex-control{max-width:min(16rem,100%)}.weight-explanation{border-left:0;border-top:1px solid rgba(103,143,138,.2);padding:1rem 0 0}.results-title{align-items:start;flex-direction:column;gap:.9rem}.sentence-tokens{flex-wrap:nowrap;margin-left:-.2rem;margin-right:-.2rem;overflow-x:auto;padding-left:.2rem}.sentence-tokens button,.sentence-tokens a,.sentence-tokens>span{flex:0 0 auto}.sentence-result-title{align-items:start;flex-direction:column;gap:.5rem;margin-left:.1rem}.result{align-items:start;gap:.8rem;grid-template-areas:"rank word score" "rank detail detail";grid-template-columns:36px minmax(0,1fr) auto;padding:1.05rem}.rank{grid-area:rank;padding-top:.2rem}.word{grid-area:word}.word h3{font-size:1.2rem}.word p{font-size:.72rem}.score-detail{grid-area:detail}.result>strong{grid-area:score;padding-top:.1rem}.metrics{display:flex;justify-content:space-between;padding:0 .05rem}.metric i{font-size:.64rem}.metric b{font-size:.82rem}.contribution-bar{height:.4rem;margin:.6rem .05rem 0}}