@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--paper:#f4f1e9;--ink:#282d33;--muted:#777972;--line:#d7d5cb;--orange:#d95332;--orange-soft:#f7e2d7;--blue:#506c92;--blue-soft:#e7edf3;--green:#52735e;--green-soft:#e5eee4;--card:#fcfaf5;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans','Microsoft YaHei','PingFang SC',sans-serif;--mono:'Space Grotesk',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}button,input[type=range]{touch-action:manipulation}svg{display:block}h1,h2,p{margin:0}button,button:before{transition:background .18s,color .18s,box-shadow .18s}button:hover{color:var(--orange)}[hidden]{display:none!important}.page-shell{max-width:1440px;margin:0 auto;padding:0 60px}.topbar{height:105px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-family:var(--mono);font-size:15px;font-weight:700;line-height:1.12;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:47px;height:47px;background:var(--orange);color:var(--paper);font-family:var(--serif);font-style:italic;font-size:49px;line-height:1;border-radius:50%;padding-bottom:7px;padding-right:3px;letter-spacing:-8px}.brand-cn{display:block;font-family:var(--sans);font-size:9px;font-weight:400;letter-spacing:3px;margin-top:6px}.edition{font-size:10px;letter-spacing:2px;color:#66695f;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.edition-no{font-family:var(--mono);font-size:9px;letter-spacing:1px;border-left:1px solid var(--line);padding-left:16px;margin-left:7px}.jelly-switch{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:12px;font-weight:600}.jelly-switch b{font:10px var(--mono);margin-left:4px;color:var(--muted)}.switch-track{width:34px;height:19px;border:1px solid #aaa99f;border-radius:30px;display:flex;align-items:center;padding:3px;background:#e7e5dc;transition:.2s}.switch-track span{display:block;width:11px;height:11px;border-radius:50%;background:#777970;transition:transform .25s}.jelly-switch[aria-checked=true] .switch-track{background:var(--orange);border-color:var(--orange)}.jelly-switch[aria-checked=true] .switch-track span{background:var(--paper);transform:translateX(14px)}.jelly-switch[aria-checked=true] b{color:var(--orange)}.sparkle{font-size:26px;margin-left:7px;line-height:1}
.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:337px;padding:41px 0 33px;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{font:10px var(--mono);font-weight:500;letter-spacing:1.6px}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:16px}.tiny-star{color:var(--orange);font-size:19px}h1{font-family:var(--serif);font-size:75px;font-weight:400;line-height:.96;letter-spacing:-4px}h1 em{color:var(--orange);font-weight:400}.hero-bottom{display:flex;gap:13px;align-items:center;margin-top:23px}.orange-line{display:block;width:28px;height:2px;background:var(--orange)}.hero-bottom p{font-size:11px;line-height:1.9;color:#71736b;letter-spacing:1px}.hero-note{position:relative;z-index:1;width:260px;margin-right:89px;padding-top:8px}.note-number{font:9px var(--mono);letter-spacing:1.5px;color:var(--muted)}.hero-note p{font-size:23px;line-height:1.65;font-weight:500;letter-spacing:1px;margin:15px 0}.hero-note strong{font:italic 31px var(--serif);color:var(--orange);letter-spacing:-1px}.note-caption{font-size:10px;color:var(--muted)}.hero-doodle{position:absolute;width:104px;height:65px;right:-85px;bottom:-7px;transform:rotate(-11deg);color:var(--orange)}.hero-watermark{position:absolute;font-family:var(--serif);font-style:italic;font-size:350px;line-height:1;right:-3px;top:-12px;color:#e9e6dc;z-index:0;pointer-events:none}
.generator{border:1px solid var(--ink);padding:21px 24px;margin-bottom:24px;background:#efede4;position:relative}.generator form{display:flex;align-items:center;gap:22px}.input-label{display:flex;flex-direction:column;gap:7px;min-width:200px}.input-label>span{font-size:14px;font-weight:600;letter-spacing:.5px}.input-label small{font:9px var(--mono);letter-spacing:1.3px;color:var(--muted)}.stepper{display:flex;align-items:center;border:1px solid #c6c5bb;height:49px;background:var(--card)}.stepper button{width:37px;height:47px;font-size:20px}.stepper button:hover{background:#ede9df}.stepper input{appearance:textfield;-moz-appearance:textfield;width:60px;background:none;border:0;text-align:center;font:27px var(--mono);color:var(--ink);padding:0}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.generate-button{display:flex;justify-content:space-between;align-items:center;gap:28px;height:49px;padding:0 22px;background:var(--orange);color:#fff9ef;font-weight:600;font-size:13px}.generate-button span{font-size:25px;font-weight:400}.generate-button:hover{background:#be4225;color:white;box-shadow:3px 3px 0 var(--ink)}.presets{margin-left:auto;display:flex;align-items:center;gap:7px}.presets>span{font-size:10px;color:var(--muted);margin-right:5px;white-space:nowrap}.presets button{border:1px solid transparent;height:34px;min-width:33px;padding:0 8px;font:12px var(--mono)}.presets button.active{border-color:#adb0a5;background:var(--card)}.presets button small{font-family:var(--sans);font-size:9px;margin-left:3px}.presets button:hover{background:var(--card)}#random-count{font-size:23px;line-height:1}.input-error{margin:13px 0 0;font-size:12px;color:#a13920}
.sentence-card{background:var(--card);border:1px solid var(--line);padding:19px 24px 16px;margin-bottom:24px}.section-meta{display:flex;justify-content:space-between;align-items:center}.section-meta h2{font-size:11px;font-weight:500;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.sentence-tools{display:flex;gap:13px;align-items:center}.sentence-tools>span{font:9px var(--mono);letter-spacing:.8px;color:var(--muted)}#copy-sentence{padding:4px;border-left:1px solid var(--line);padding-left:13px}#copy-sentence svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.3}.sentence{display:flex;align-items:flex-start;flex-wrap:wrap;gap:9px 13px;padding:20px 0 21px;max-height:300px;overflow:auto}.word{position:relative;padding:16px 3px 7px;font:35px var(--serif);font-weight:400;letter-spacing:-1px;line-height:1.1;border-bottom:2px solid transparent;flex-shrink:0}.word.city{color:var(--blue);border-color:#b3c3d3}.word.noun{color:var(--green);border-color:#b5c8b5}.word.verb{color:var(--orange);border-color:#e8ac97}.word-index{position:absolute;top:1px;left:4px;font:8px var(--mono);color:#92948a;letter-spacing:0}.word.active{background:#f0ebdf;box-shadow:0 0 0 4px #f0ebdf;border-color:currentColor}.word:hover{background:#f0ebdf}.sentence-period{font:35px var(--serif);padding-top:16px;margin-left:-9px}.sentence-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #e4e1d8;padding-top:14px}.legend{display:flex;align-items:center;gap:24px;font-size:9px;color:#71736b}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%}.legend .city{background:var(--blue)}.legend .noun{background:var(--green)}.legend .verb{background:var(--orange)}.click-hint{font-size:9px;color:#8b8c81;letter-spacing:.4px}
.workspace{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:24px;align-items:stretch}.arena-card{border:1px solid var(--line);background:#eeeee5;min-width:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 17px;gap:10px}.panel-header .eyebrow,.analysis-top .eyebrow{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.panel-header h2{font-size:20px;letter-spacing:.4px;font-weight:600;display:flex;align-items:center;gap:10px}.heading-star{font-size:31px;line-height:1;color:var(--orange)}.round-tag{font:8px var(--mono);letter-spacing:1px;border:1px solid #c4c6b8;padding:6px 9px;text-align:center;line-height:1.3;background:#f7f6ed;transform:rotate(5deg)}.round-tag b{display:block;font-weight:500;font-size:23px;letter-spacing:0}.arena-subline{padding:0 24px;display:flex;justify-content:space-between;font-size:9px;color:#808272;gap:10px}.arena-subline>span:first-child{display:flex;align-items:center;gap:6px}.arena-subline i{width:5px;height:5px;border-radius:50%;background:#8e9c75}.arena-viewport{width:100%;overflow:auto;max-height:490px;min-height:305px;background-image:radial-gradient(#c9cbbd .7px,transparent .7px);background-size:18px 18px;margin-top:16px;scrollbar-width:thin;scrollbar-color:#bfc1b2 transparent}.arena-viewport svg{width:100%;height:auto;min-height:305px}.arena-viewport.many svg{width:100%;min-width:660px}.fight-edge{stroke:#c96542;stroke-width:2;fill:none;transition:opacity .2s,stroke-width .2s;stroke-dasharray:7 5}.fight-edge.main{stroke:#333d45;stroke-dasharray:none}.fight-edge.selected{stroke-width:3.5;stroke-dasharray:none}.edge-label{font-family:var(--sans);font-size:12px;font-weight:600;fill:#a94d30}.edge-caption{font-family:var(--mono);font-size:9px;fill:#909081}.edge-label-bg{fill:#eeeee5}.edge-wrap{cursor:pointer}.fighter{cursor:pointer;outline:none}.fighter-halo{fill:#e5e7d8;stroke:transparent;stroke-width:1.5;transition:.2s}.fighter.selected .fighter-halo{stroke:#9fa98b;stroke-dasharray:4 4;fill:#e1e5d2}.fighter.related .fighter-halo{stroke:#b6bc9e}.fighter.implicit .fighter-halo{fill:none;stroke:#a7a995;stroke-dasharray:5 5}.fighter:focus-visible .fighter-halo{stroke:var(--blue);stroke-width:3}.fighter-id{font-family:var(--mono);font-size:11px;font-weight:600;fill:#4d5646}.fighter-location{font-family:var(--sans);font-size:10px;fill:#7e826e}.fighter-badge{font-family:var(--sans);font-size:9px;fill:#737768}.fighter-ribbon{fill:#f8f6ed;stroke:#c9ccba;stroke-width:.7}.implicit-text{font-family:var(--sans);font-size:12px;fill:#898b7b}.arena-key{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:.3px;color:#898c7b;margin:1px 24px 16px}.arrow-sample{font-size:22px;vertical-align:middle;color:var(--orange);margin-right:5px}.fighter-detail{border-top:1px solid #d5d8c8;margin:0 24px;padding:15px 0 16px;display:grid;grid-template-columns:92px 1fr 1fr;gap:10px;align-items:start;min-height:79px}.detail-group{font-size:12px;font-weight:600}.detail-group small{font-size:8px;font-weight:400;color:var(--muted);display:block;margin-top:6px;line-height:1.6}.fight-stat{font-size:9px;line-height:1.8;color:#727966}.fight-stat span{display:block;font:8px var(--mono);letter-spacing:.7px;color:#898d7d;margin-bottom:3px}.fight-stat b{font-weight:500;color:#4b5e48}.fight-stat button{padding:0;color:inherit;text-decoration:underline;text-decoration-color:#bbc1ad;text-underline-offset:3px;font-size:9px}
.analysis-card{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:100%}.analysis-top{display:flex;justify-content:space-between;align-items:center;padding:24px 23px 22px}.analysis-top h2{font-size:20px;font-weight:600;letter-spacing:.7px}.analysis-icon{font-family:var(--serif);font-size:39px;font-style:italic;color:#8a9786}.tabs{display:flex;gap:22px;padding:0 23px;border-bottom:1px solid var(--line)}.tabs button{font-size:11px;padding:0 0 13px;position:relative;color:#919289}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.tabs button span{font:9px var(--mono);margin-left:6px;color:var(--orange)}.table-scroll{max-height:372px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d1d3c7 transparent;padding:0 16px}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px}thead{position:sticky;top:0;z-index:1;background:var(--card)}th{padding:12px 7px;font-size:8px;letter-spacing:.4px;color:#8a8d80;font-weight:400;border-bottom:1px solid #e3e4d9}td{padding:12px 7px;border-bottom:1px solid #ecece2;vertical-align:middle}.token-row{cursor:pointer;transition:background .15s}.token-row:hover,.token-row.active{background:#f0f0e6}.token-row:last-child td{border-bottom:0}.table-word{display:flex;align-items:center;gap:8px;padding:0;text-align:left;color:inherit;white-space:nowrap}.table-word .number{font:8px var(--mono);color:#9b9c8f}.table-word .token-lexeme{font:17px var(--serif)}.pos-badge{display:inline-block;font-size:8px;white-space:nowrap;padding:4px 6px;border-radius:2px}.pos-badge.city{background:var(--blue-soft);color:var(--blue)}.pos-badge.noun{background:var(--green-soft);color:var(--green)}.pos-badge.verb{background:var(--orange-soft);color:#b85839}.relation-text{font-size:9px;color:#73776d;line-height:1.7}.relation-text b{font-family:var(--mono);font-size:10px;color:#4d594e;font-weight:500}.token-detail{margin:auto 23px 0;padding:14px 0 17px;border-top:1px solid var(--line);min-height:85px}.token-detail .detail-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:8px;margin-bottom:6px}.token-detail .detail-top b{font-weight:500}.token-detail .detail-top span{font:8px var(--mono);color:var(--orange)}.token-detail p{font-size:9px;line-height:1.9;color:#83867a}#structure-panel{padding:19px 23px;max-height:372px;overflow:auto;scrollbar-width:thin}.syntax-intro{font-size:10px;line-height:1.9;color:#828678;margin-bottom:14px}.syntax-line{border-left:2px solid #d0d5c4;padding:8px 12px;margin:5px 0;background:#f2f3eb;font-size:10px;color:#63705a;line-height:1.8}.syntax-line b{font-weight:600}.syntax-line small{display:block;color:#939787;font-size:8px}.syntax-main{border-color:var(--orange);background:#f7ebe1;color:#ad583c}
.translation{margin-top:24px;border:1px solid var(--line);display:flex;gap:24px;align-items:flex-start;padding:23px 28px;background:#e7eadf}.translation-mark{font:70px var(--serif);color:#8f9b7c;line-height:.8;margin-top:4px}.translation>div{flex:1}.translation h2{font-size:10px;color:#7c8471;font-weight:500;margin-bottom:10px;letter-spacing:1px}.translation p{font-size:15px;line-height:1.9;color:#495543;font-weight:500}.translation-aside{font-size:9px;color:#929785;line-height:1.8;text-align:right;padding-left:25px;white-space:nowrap;border-left:1px solid #c9cebb;align-self:center}details{margin-top:9px}summary{font-size:9px;color:#7c856e;cursor:pointer;list-style:none}summary:before{content:'+ ';font-size:11px}details[open] summary:before{content:'− '}#relation-list{list-style:none;margin:10px 0 0;padding:0;font-size:11px;line-height:2;max-height:230px;overflow:auto}#relation-list button{padding:0;color:#67765a;text-decoration:underline;text-underline-offset:3px}#relation-list small{font:9px var(--mono);color:#8d967e;margin-left:8px}
.sound-studio{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:37px;padding:0 0 30px;border-bottom:1px solid var(--line)}.sound-title{display:flex;align-items:center;gap:16px}.record{display:grid;place-items:center;width:43px;height:43px;border:1px solid #888e7d;border-radius:50%;background:repeating-radial-gradient(circle at center,#353d33 0px,#353d33 3px,#53604b 4px,#353d33 5px)}.record i{width:15px;height:15px;border-radius:50%;background:var(--orange);position:relative}.record i:after{content:'';position:absolute;width:3px;height:3px;top:6px;left:6px;border-radius:50%;background:var(--paper)}.sound-title h2{font-size:13px;font-weight:500;margin-bottom:7px}.sound-title p{font-size:9px;color:#8b8d80;line-height:1.8;max-width:480px;overflow-wrap:anywhere}.audio-controls{display:flex;align-items:center;gap:20px}.upload-button{border:1px solid #a3a794;padding:11px 15px;font-size:10px;white-space:nowrap;display:flex;gap:12px;align-items:center}.upload-button:hover{background:#e7eadf}.upload-button>span:first-child{font-size:15px}.volume-control{display:flex;gap:8px;align-items:center;font-size:10px;color:#7c8271}.volume-control input{width:69px;height:3px;accent-color:#747f61}.volume-control>span:last-child{font:8px var(--mono);min-width:26px}.fine-print{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:20px 0 32px}.fine-print p{font-size:8px;color:#97988c;line-height:2;max-width:850px}.fine-print b{font-weight:500;color:#777d6b}.fine-print a{font-size:9px;color:#747d69;white-space:nowrap;text-decoration:none;border-bottom:1px solid #bfc4b2;padding-bottom:3px}footer{border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:22px 0 29px;font:8px var(--mono);letter-spacing:.5px;color:#8a8d80;gap:15px}footer>span:last-child{font-family:var(--sans);font-size:9px;letter-spacing:1px}footer b{margin-left:7px;font-size:16px;font-weight:400;color:var(--orange)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;font-size:12px;border-radius:3px;z-index:20;max-width:90vw;box-shadow:0 4px 20px #282d3322}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes spin-record{to{transform:rotate(360deg)}}
@media(min-width:1440px){.hero{min-height:365px}h1{font-size:86px}.hero-note{margin-right:135px}.generator form{gap:28px}.word{font-size:39px}.sentence{gap:9px 19px}}
@media(max-width:1180px){.page-shell{padding:0 35px}.edition{font-size:9px;letter-spacing:1px}.edition-no{display:none}.hero-note{margin-right:70px;width:235px}h1{font-size:68px}.hero{min-height:315px}.input-label{min-width:170px}.generator{padding:18px}.generator form{gap:15px}.generate-button{padding:0 15px;gap:15px}.presets{gap:3px}.workspace{gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.panel-header h2,.analysis-top h2{font-size:17px}.panel-header,.analysis-top{padding-left:18px;padding-right:18px}.panel-header h2{gap:5px}.heading-star{font-size:25px}.word{font-size:31px}.sentence{gap:9px 10px}.click-hint{font-size:8px}.legend{gap:16px}.fighter-detail{grid-template-columns:75px 1fr 1fr;margin:0 18px;gap:7px}.audio-controls{gap:12px}.sound-title{gap:12px}.sound-title h2{font-size:12px}.sound-title p{max-width:380px}.table-scroll{padding:0 10px}th,td{padding-left:5px;padding-right:5px}.relation-text{font-size:8px}.table-word{gap:6px}}
@media(max-width:960px){.page-shell{padding:0 25px}.edition{display:none}.hero-note{margin-right:35px;width:210px}.hero-note p{font-size:20px}.hero-note strong{font-size:28px}.hero-doodle{right:-40px;width:75px}.hero-watermark{right:-20px}.generator form{flex-wrap:wrap;gap:14px}.input-label{flex:1}.presets{width:100%;margin-left:0;padding-top:12px;border-top:1px solid var(--line);justify-content:flex-end}.presets>span{margin-right:auto}.workspace{grid-template-columns:1fr 1fr;gap:16px}.panel-header h2{font-size:15px}.round-tag{font-size:7px;padding:5px}.round-tag b{font-size:20px}.heading-star{font-size:22px}.panel-header .eyebrow,.analysis-top .eyebrow{font-size:7px;letter-spacing:.7px}.analysis-top h2{font-size:17px}.arena-subline{padding:0 18px;font-size:8px}.arena-viewport{min-height:300px;display:flex;align-items:center}.arena-key{margin-left:18px;margin-right:18px;display:block;font-size:8px;line-height:1.8}.arena-key>span:last-child{display:none}.fighter-detail{grid-template-columns:1fr 1fr}.detail-group{grid-column:1/-1;display:flex;gap:10px;align-items:center}.detail-group small{margin-top:0}.table-scroll{max-height:385px}.token-detail{margin-left:18px;margin-right:18px}.sound-studio{align-items:flex-start}.sound-title p{max-width:300px}.volume-control{display:none}.translation{gap:15px;padding:23px}.translation p{font-size:13px}.translation-aside{font-size:8px;padding-left:15px}footer{font-size:7px}footer>span:nth-child(2){display:none}.fine-print p{font-size:8px}.fine-print{align-items:flex-end}.legend{gap:15px}.click-hint{display:none}}
@media(max-width:720px){.page-shell{padding:0 19px}.topbar{height:84px;gap:10px}.brand{font-size:12px;gap:9px}.brand-mark{width:38px;height:38px;font-size:40px;padding-bottom:5px;letter-spacing:-6px}.brand-cn{font-size:7px;letter-spacing:2px}.jelly-switch{font-size:10px;gap:7px}.sparkle{font-size:21px;margin-left:0}.jelly-switch b{font-size:8px;margin-left:3px}.hero{min-height:300px;padding-top:34px;padding-bottom:29px}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:17px}h1{font-size:clamp(42px,8.8vw,63px);letter-spacing:-2.5px;line-height:1.02}.hero-note{display:none}.hero-watermark{font-size:290px;right:-2px;top:-3px}.hero-bottom{margin-top:23px}.hero-bottom p{font-size:10px}.generator{padding:16px;margin-bottom:18px}.generator form{gap:12px}.input-label{flex-basis:100%;gap:5px}.input-label>span{font-size:12px}.input-label small{font-size:8px}.stepper{height:44px;flex:1;max-width:150px}.stepper button{width:34px;height:42px}.stepper input{width:50px;flex:1;font-size:24px}.generate-button{flex:1;height:44px;gap:10px;padding:0 16px;font-size:12px}.presets{padding-top:11px;gap:7px}.presets button{height:30px;min-width:32px}.sentence-card{padding:16px;margin-bottom:18px}.sentence-tools>span{font-size:7px;letter-spacing:.1px}.section-meta h2{font-size:10px}.sentence-tools{gap:7px}.sentence{padding-top:19px;padding-bottom:20px;gap:9px 12px;max-height:290px}.word{font-size:31px}.word-index{font-size:7px}.sentence-period{font-size:31px}.legend{flex-wrap:wrap;gap:9px 15px;font-size:8px}.sentence-foot{padding-top:12px}.workspace{display:flex;flex-direction:column;gap:18px}.panel-header{padding:21px 20px 16px}.panel-header h2{font-size:20px}.panel-header .eyebrow,.analysis-top .eyebrow{font-size:8px;letter-spacing:1px}.heading-star{font-size:28px}.round-tag{padding:6px 8px;font-size:8px}.round-tag b{font-size:23px}.arena-subline{font-size:8px;padding:0 20px}.arena-viewport{min-height:280px;margin-top:12px}.arena-viewport svg{min-height:280px}.arena-key{font-size:8px;margin:0 20px 15px;display:flex}.fighter-detail{grid-template-columns:85px 1fr 1fr;margin:0 20px;min-height:79px}.detail-group{grid-column:auto;display:block}.detail-group small{margin-top:5px}.analysis-top{padding:21px 20px}.analysis-top h2{font-size:20px}.tabs{padding:0 20px}.table-scroll{padding:0 13px;max-height:390px}td{padding-top:13px;padding-bottom:13px}th{font-size:9px}.relation-text{font-size:10px}.table-word .token-lexeme{font-size:19px}.pos-badge{font-size:9px}.token-detail{margin:0 20px;min-height:80px;padding:16px 0}.token-detail p{font-size:10px}.translation{margin-top:18px;padding:21px 19px;gap:13px}.translation-mark{font-size:58px}.translation h2{font-size:9px}.translation p{font-size:13px}.translation-aside{display:none}.sound-studio{margin-top:27px;flex-direction:column;gap:20px;padding-bottom:25px}.sound-title h2{font-size:12px}.sound-title p{max-width:100%;font-size:9px}.audio-controls{width:100%;justify-content:space-between}.volume-control{display:flex}.volume-control input{width:95px}.upload-button{padding:10px 15px}.record{width:39px;height:39px;flex-shrink:0}.fine-print{margin-bottom:25px;flex-direction:column;align-items:flex-start;gap:10px}.fine-print p{font-size:8px}.fine-print a{font-size:8px}footer{font-size:6px;padding:18px 0;letter-spacing:0;gap:10px}footer>span:last-child{font-size:8px;letter-spacing:0}.toast{font-size:11px;text-align:center}.fighter-detail .fight-stat{font-size:9px}body.jelly-on .spring-item{animation-duration:1.4s}}
.edge-label{font-size:16px}.edge-caption{font-size:11px}.fighter-id{font-size:14px}.fighter-location{font-size:12px}.fighter-badge{font-size:11px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.jelly-on) *{transition:none!important}}

/* v2: visible grammatical scope, an explorable tree, and actual takeoff. */
body{overflow-x:clip}.word{font-size:31px;padding:17px 5px 8px}.word-job{display:block;font:9px var(--sans);letter-spacing:0;margin-top:8px;line-height:1.5;white-space:nowrap}.word.scope-active{background:#fbe9d5;border-radius:4px 4px 0 0}.word.modifier-target{outline:2px solid #7e9472;outline-offset:3px;background:#e8eedf}.word.active{box-shadow:none}.word.city.active{background:#e2eaf5}.sentence{gap:15px 12px;padding-bottom:24px}.scope-explanation{font-size:11px;line-height:1.9;color:#7d5d3a;border-left:3px solid #d8a563;padding:9px 12px;margin-top:15px;background:#f7f0e1}.token-row.scope-active{background:#f8f0e3}.token-row.active{background:#e8eddf}.syntax-lab{border:1px solid var(--line);background:var(--card);padding:23px;margin-bottom:24px}.syntax-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.syntax-toolbar .eyebrow{font-size:8px;color:var(--muted)}.syntax-toolbar h2{font-size:18px;margin-top:8px;font-weight:500}.syntax-actions{display:flex;gap:8px}.syntax-actions button{font-size:10px;border:1px solid var(--line);padding:8px 12px;background:var(--paper)}.syntax-help{font-size:10px;line-height:1.9;color:#868876;margin:14px 0 18px}.syntax-map{display:grid;grid-template-columns:minmax(0,1fr) 93px minmax(0,1fr);gap:16px;align-items:start;max-height:475px;overflow:auto;scrollbar-width:thin;padding:3px}.syntax-slot{display:block;font-size:10px;color:#838973;margin:0 0 10px;letter-spacing:.5px}.np-box{border:1px solid #cbd4c0;background:#f0f3e8;border-radius:5px;min-width:0;transition:box-shadow .15s}.np-head{padding:10px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.np-group{font:10px var(--mono);background:#5c7151;color:white;padding:5px;border-radius:3px}.syntax-token{font:19px var(--serif);padding:6px 8px;background:#f9fcf3;border:1px solid #b9c8aa;border-radius:3px;color:var(--green);text-align:left;white-space:nowrap}.syntax-token small{display:block;font:8px var(--sans);margin-top:5px;color:#7b876f}.syntax-token.city{background:#e9eff8;color:var(--blue);border-color:#c6d4e5}.syntax-token.city small{color:#6e87a4}.syntax-token.verb{background:#f9e5d8;color:var(--orange);border-color:#e7b59e}.syntax-token.verb small{color:#b47458}.syntax-token.active{outline:2px solid #9e7754;outline-offset:2px}.syntax-token.modifier-target{border:2px solid #56724a}.city-pair{display:flex;gap:6px;align-items:center;flex-wrap:wrap;border:1px dashed #abc0d9;padding:5px;border-radius:4px;background:#eef3f9}.city-pointer{font-size:8px;color:#6d88a7;white-space:nowrap}.np-range{font:8px var(--mono);color:#8c9580;margin-left:auto}.no-modifier{display:block;font-size:8px;color:#99a18d;padding:0 11px 10px}.np-children{padding:0 8px 7px}.relative-box{border-left:2px solid #d69b75;background:#fcf2e7;margin:7px 0 0;border-radius:0 5px 5px 0;min-width:0}.relative-box>summary{padding:8px;display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}.relative-box>summary:before{display:none}.relative-box>summary::-webkit-details-marker{display:none}.clause-branch{font-size:19px;color:#bf784e;align-self:flex-start;line-height:1.1}.clause-caption{text-align:left;color:#ad714e;line-height:1.6;font-size:9px;padding:0;flex:1}.clause-caption b{display:block;color:#9a5936;font-size:9px;font-weight:500}.clause-caption:hover{color:#b3542f;text-decoration:underline}.clause-disclosure{font-size:17px;color:#be9e81}.relative-box:not([open]) .clause-disclosure{transform:rotate(-90deg)}.relative-body{padding:2px 8px 9px}.relative-predicate{display:flex;align-items:center;gap:9px;margin-top:8px;flex-wrap:wrap}.relative-predicate>span{font-size:10px;line-height:1.8;color:#ad6e46}.relative-predicate small{font-size:8px;color:#b39479}.relative-predicate b{font-weight:600}.clause-selected{box-shadow:0 0 0 2px #d87f46;background:#ffeddb}.np-selected{box-shadow:0 0 0 2px #8eaa79}.np-implicit{border:1px dashed #bdc4ac;border-radius:5px;padding:23px 14px;font-size:12px;color:#818c70}.np-implicit small{display:block;font-size:9px;margin-top:7px}.syntax-main-verb{display:flex;flex-direction:column;align-items:center;padding-top:0;gap:6px}.syntax-main-verb>.syntax-slot{font-size:9px;margin-bottom:3px}.main-direction{font-size:36px;color:var(--orange);line-height:1.1}.bracket-read{font:13px/2.4 var(--serif);overflow-wrap:anywhere}.bracket-np{border:1px solid #bac9b0;background:#f0f4e9;border-radius:3px;display:inline-block;padding:3px 5px;margin:4px 2px;max-width:100%;vertical-align:middle}.bracket-np>b{font:10px var(--mono);color:var(--green);margin-right:3px}.bracket-relative{display:inline-block;border-left:2px solid #d5986e;background:#fff1e4;color:#ab6e47;margin:4px;padding:3px;max-width:100%}.bracket-read sup{font:7px var(--mono);color:#9c9e90;margin-left:1px}.bracket-read button{font-family:var(--serif);font-size:14px;padding:2px;color:var(--orange)}.bracket-read .bracket-main{border-bottom:2px solid var(--orange)}
.arena-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin:15px 20px 0}.arena-controls>button{padding:6px 8px;font-size:9px;border:1px solid #c1c7b2;background:#f8f8ee;border-radius:3px}.camera-controls{display:flex;align-items:center;background:#f8f8ef;border:1px solid #c1c7b2;border-radius:4px;overflow:hidden}.camera-controls button{font-size:10px;height:28px;min-width:29px;padding:0 6px;border-right:1px solid #e0e3d4}.camera-controls button:first-child,.camera-controls #zoom-in{font-size:17px}.camera-controls button:hover{background:#e2e9d7}.camera-controls button:last-child{border:0;font-size:17px}.camera-controls output{font:9px var(--mono);min-width:45px;text-align:center;padding:0 5px}.arena-viewport{display:block;position:relative;width:100%;height:430px;max-height:none;min-height:0;overflow:hidden;margin-top:11px;cursor:grab;touch-action:none;background-color:#eeeee5}.arena-viewport svg{display:block;width:100%;height:100%;min-width:0;min-height:0;user-select:none;touch-action:none}.arena-viewport.is-panning{cursor:grabbing}.arena-viewport:fullscreen{width:100vw;height:100vh;background-color:#eeeee5}.pan-hint{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:8px;color:#8e927e;white-space:nowrap;pointer-events:none;background:#eeeeE5dd;padding:4px 9px;border-radius:10px}.edge-label{font-size:12px}.edge-caption{font-size:9px}.fight-edge{stroke-width:1.6;stroke-dasharray:5 4}.fight-edge.main{stroke-width:2;stroke-dasharray:none}.fight-edge.selected{stroke-width:3}.edge-label-bg{fill:#f4f4ea;stroke:#d5d8c5;stroke-width:.6}.fighter-id{font-size:11px}.fighter-location{font-size:9px}.fighter-badge{font-size:9px}.fighter-halo{fill:#e3e7d3;stroke:#c2c9af;stroke-width:1}.fighter.selected .fighter-halo{fill:#dee8c9;stroke:#829c65;stroke-width:2;stroke-dasharray:none}.fighter-ribbon{fill:#f9faf1}.comic-bubble{opacity:0;pointer-events:none;transition:opacity .15s}.comic-bubble text{font-size:10px;font-family:var(--sans);fill:#826543}.fighter:hover .comic-bubble,.fighter.selected .comic-bubble{opacity:1}.fighter-art{transform-box:fill-box;transform-origin:center bottom}.arena-key{margin-top:5px}.arena-key>span:last-child{display:inline}.workspace{align-items:start}.analysis-card{min-height:0}.fighter-detail{grid-template-columns:85px minmax(0,1fr) minmax(0,1fr)}.fight-stat b{overflow-wrap:anywhere}
body.jelly-on .spring-item,body.jelly-on button,body.jelly-on .brand-mark,body.jelly-on .hero-doodle,body.jelly-on .fighter-art{animation:none;will-change:transform}body.jelly-on .spring-item{position:relative;z-index:2;transform-origin:center bottom}body.jelly-on .spring-item:hover{z-index:3}body.jelly-on .record{animation:spin-record 1.2s linear infinite}body.jelly-on .sparkle{color:var(--orange)}#jelly-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}#jelly-overlay>span{position:absolute;font-family:var(--mono);font-weight:700;color:#d65c35;text-shadow:2px 2px 0 #f4f1e9;transform-origin:center bottom}#jelly-land{position:fixed;right:20px;bottom:20px;z-index:1000;background:#292f30;color:#fff7de;border:2px solid #f8e4ba;border-radius:30px;padding:13px 18px;font-size:12px;box-shadow:0 3px 15px #20241044}#jelly-land kbd{font:9px var(--mono);margin-left:8px;color:#e8bd79}.jelly-on .topbar{position:relative;z-index:20}.jelly-on .jelly-switch{position:relative;z-index:30}
@media(max-width:1100px){.arena-controls{margin-left:17px;margin-right:17px}.camera-controls{margin-left:auto}.arena-viewport{height:410px}.syntax-map{gap:12px;grid-template-columns:minmax(0,1fr) 77px minmax(0,1fr)}.syntax-token{font-size:17px;padding:5px}.np-head{padding:8px}.syntax-lab{padding:19px}.fighter-detail{grid-template-columns:1fr 1fr}.detail-group{grid-column:1/-1;display:flex;gap:12px;align-items:center}.detail-group small{margin:0}}
@media(max-width:720px){.syntax-lab{padding:16px;margin-bottom:18px}.syntax-toolbar{align-items:flex-start;gap:10px}.syntax-toolbar h2{font-size:15px;line-height:1.5;max-width:190px}.syntax-actions{gap:6px;flex-direction:column;flex-shrink:0}.syntax-actions button{font-size:9px;padding:7px 8px}.syntax-help{font-size:9px;margin:12px 0}.syntax-map{display:flex;flex-direction:column;max-height:580px;gap:14px}.syntax-subject,.syntax-object{width:100%}.syntax-main-verb{flex-direction:row;width:100%;justify-content:center;align-items:center}.syntax-main-verb .syntax-slot{margin:0}.main-direction{transform:rotate(90deg);font-size:29px;margin:0 12px}.np-head{padding:9px}.np-children{padding:0 6px 7px}.syntax-token{font-size:18px}.np-range{font-size:7px}.relative-body{padding-left:6px;padding-right:6px}.clause-caption,.clause-caption b{font-size:8px}.word{font-size:28px}.word-job{font-size:8px}.sentence{gap:13px 10px}.scope-explanation{font-size:10px;padding:8px 10px}.arena-controls{margin:14px 16px 0;gap:10px}.camera-controls{margin-left:auto}.arena-controls>button{font-size:9px}.arena-viewport{height:430px}.pan-hint{font-size:8px}.arena-key{display:flex;font-size:7px;gap:5px;margin:8px 16px 15px}.arena-key>span:last-child{display:inline}.fighter-detail{grid-template-columns:76px 1fr 1fr;margin:0 16px}.detail-group{grid-column:auto;display:block}.detail-group small{margin-top:6px}.camera-controls button{font-size:9px;min-width:26px;padding:0 5px}.camera-controls output{min-width:39px;font-size:8px}.syntax-token small{font-size:8px}#jelly-land{right:12px;bottom:12px;font-size:11px;padding:12px 15px}}
@media(min-width:721px) and (max-width:1100px){.workspace{grid-template-columns:1fr}.analysis-card{width:100%}.table-scroll{max-height:350px}.arena-viewport{height:470px}.fighter-detail{grid-template-columns:100px 1fr 1fr}.detail-group{grid-column:auto;display:block}.detail-group small{margin-top:5px}}
@media(max-width:720px){.arena-viewport{height:340px}}