@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--marrow: #15120f;--ink: #221b18;--claret: #77293b;--peacock: #18564e;--blue-steel: #334b5f;--candle: #d7b05d;--rose: #d98b83;--paper: #f6efe1;--paper-soft: #eadfc9;--line: rgba(246, 239, 225, .18);--shadow: 0 28px 70px rgba(0, 0, 0, .36);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--marrow)}body{min-height:100vh;margin:0;color:var(--paper);background:radial-gradient(circle at 10% 12%,rgba(215,176,93,.14),transparent 28rem),linear-gradient(120deg,rgba(119,41,59,.44),transparent 36%),linear-gradient(150deg,var(--marrow),#221715 48%,#0f2421 100%)}body:has(.app-shell.mode-chat),body:has(.app-shell.mode-duel){background:radial-gradient(circle at 10% 12%,rgba(215,176,93,.14),transparent 28rem),linear-gradient(120deg,rgba(77,47,31,.52),transparent 38%),linear-gradient(150deg,var(--marrow),#221715 48%,#2d2119 100%)}body:has(.app-shell.mode-sonnets){background:radial-gradient(circle at 10% 12%,rgba(215,176,93,.12),transparent 28rem),linear-gradient(120deg,rgba(79,18,3,.78),transparent 40%),linear-gradient(150deg,var(--marrow),#2b1008 46%,#4f1203 100%)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled,input:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(215,176,93,.55);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:100%;min-height:100vh;margin:0 auto}.app-shell.mode-chat,.app-shell.mode-duel{background:radial-gradient(circle at 10% 12%,rgba(215,176,93,.14),transparent 28rem),linear-gradient(120deg,rgba(77,47,31,.52),transparent 38%),linear-gradient(150deg,var(--marrow),#221715 48%,#2d2119 100%)}.app-shell.mode-sonnets{background:radial-gradient(circle at 10% 12%,rgba(215,176,93,.12),transparent 28rem),linear-gradient(120deg,rgba(79,18,3,.78),transparent 40%),linear-gradient(150deg,var(--marrow),#2b1008 46%,#4f1203 100%)}.app-shell.portrait-shell{width:min(1480px,100%);display:grid;grid-template-columns:minmax(280px,31vw) minmax(0,1fr)}.portrait-rail{height:100vh;padding:clamp(1rem,2vw,2rem);display:grid;grid-template-rows:minmax(0,1fr);align-content:start;border-right:1px solid var(--line);background:linear-gradient(180deg,#15120f2e,#15120fd1),linear-gradient(90deg,rgba(215,176,93,.08),transparent)}.portrait-frame{position:relative;height:100%;min-height:0;overflow:hidden;border:1px solid rgba(215,176,93,.34);box-shadow:var(--shadow);background:#241b17}.portrait-frame:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#15120f0f,#15120fad),repeating-linear-gradient(90deg,rgba(246,239,225,.05) 0 1px,transparent 1px 8px);pointer-events:none}.portrait-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 20%;filter:saturate(.82) contrast(1.08)}.workspace{min-width:0;min-height:100vh;padding:clamp(1rem,2.4vw,2.6rem);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:1rem}.topline{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}.eyebrow{margin:0 0 .35rem;color:var(--candle);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;font-family:IM Fell English,Georgia,serif;font-weight:400}h1{max-width:none;color:var(--paper);font-size:clamp(2rem,3.8vw,4.3rem);line-height:.92;white-space:nowrap}h2{color:var(--paper);font-size:clamp(1.55rem,2.2vw,2.6rem)}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.35rem;border:1px solid rgba(246,239,225,.16);background:#15120f85}.mode-tabs button{min-width:0;min-height:3.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0;background:transparent;color:#f6efe1ad;font-weight:700}.mode-tabs button.active{color:var(--marrow);background:var(--candle)}.tool-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:1rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(246,239,225,.18);background:linear-gradient(135deg,#f6efe11a,#f6efe10a),#15120fa8;box-shadow:var(--shadow)}.mode-chat .tool-panel,.mode-duel .tool-panel{height:calc(100vh - 10.5rem);min-height:38rem;background:linear-gradient(135deg,#d7b05d17,#221b183d),#221b18b8}.mode-sonnets .tool-panel{background:linear-gradient(135deg,#4f120357,#f6efe109),#15120fa8}.mode-sonnets .mode-tabs button.active{background:#4f1203;color:var(--paper)}.library-panel{grid-template-rows:auto auto minmax(0,1fr);height:calc(100vh - 10.5rem);min-height:38rem}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto}.panel-heading,.duel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.icon-button{width:2.8rem;height:2.8rem;display:inline-grid;place-items:center;border:1px solid rgba(246,239,225,.24);border-radius:0;background:#f6efe114;color:var(--paper)}.library-count{min-width:6rem;min-height:3rem;display:grid;place-items:center;align-content:center;border:1px solid rgba(215,176,93,.3);background:#d7b05d1a;text-align:center}.mode-sonnets .library-count{border-color:#d98b8366;background:#4f120352}.library-count strong{color:var(--paper);font-size:1.3rem;line-height:1}.library-count span{color:#f6efe1a3;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.library-search{min-height:3.2rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:0 .85rem;border:1px solid rgba(246,239,225,.18);background:#f6efe114;color:var(--candle)}.mode-sonnets .library-search{background:#4f120333}.library-search input{min-height:3rem;border:0;padding:0;background:transparent;color:var(--paper)}.library-search input::placeholder{color:#f6efe180}.search-clear{width:2.1rem;height:2.1rem}.library-layout{min-height:0;display:grid;grid-template-columns:minmax(22rem,.9fr) minmax(0,1.6fr);gap:1rem}.sonnet-results,.sonnet-reader{min-height:0;overflow:auto;scrollbar-color:var(--candle) transparent}.sonnet-results{padding-right:.25rem}.result-stack{display:grid;gap:.55rem}.sonnet-result{width:100%;min-height:5.8rem;display:grid;gap:.35rem;border:1px solid rgba(246,239,225,.14);border-radius:0;padding:.85rem;background:#f6efe10f;color:var(--paper);text-align:left}.sonnet-result.active{border-color:#d7b05d8c;background:#d7b05d26}.mode-sonnets .sonnet-result.active{border-color:#d98b837a;background:#4f12035c}.result-kicker{color:var(--candle);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sonnet-result strong{color:var(--paper);font-family:IM Fell English,Georgia,serif;font-size:1.12rem;font-weight:400;line-height:1.2}.sonnet-result small{color:#f6efe1a3;font-size:.78rem;line-height:1.35}mark{padding:0 .08em;background:#d7b05d52;color:var(--paper)}.mode-sonnets mark{background:#4f12039e}.sonnet-reader{border:1px solid rgba(246,239,225,.16);background:linear-gradient(180deg,#f6efe114,#f6efe109),#15120f75}.mode-sonnets .sonnet-reader{background:linear-gradient(180deg,#4f12033d,#f6efe108),#15120f80}.reader-head{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(246,239,225,.13)}.reader-head h3{margin:0;color:var(--paper);font-family:IM Fell English,Georgia,serif;font-size:clamp(1.7rem,2.3vw,2.55rem);font-weight:400;line-height:1}.reader-head p:last-child{margin:.55rem 0 0;color:#f6efe1bd;line-height:1.45}.poem-lines{margin:0;padding:1rem;list-style:none;counter-reset:poem-line}.poem-lines li{counter-increment:poem-line;display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;color:#f6efe1eb;font-family:IM Fell English,Georgia,serif;font-size:clamp(1.08rem,1.55vw,1.44rem);line-height:1.42}.poem-lines li:before{content:counter(poem-line);color:#d7b05da3;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:900;line-height:2}.poem-lines li+li{margin-top:.42rem}.poem-lines li:nth-child(4),.poem-lines li:nth-child(8),.poem-lines li:nth-child(12){margin-bottom:.75rem}.library-empty,.reader-empty{min-height:100%;display:grid;place-items:center;align-content:center;gap:.7rem;padding:1.5rem;border:1px solid rgba(246,239,225,.12);color:#f6efe1a3;text-align:center}.reader-empty{border:0}.library-empty p,.reader-empty p{margin:0}.message-list,.duel-stage{min-height:22rem;max-height:calc(100vh - 24rem);overflow:auto;padding:.35rem;border-top:1px solid rgba(246,239,225,.12);border-bottom:1px solid rgba(246,239,225,.12);scrollbar-color:var(--candle) transparent}.message,.verse-turn{width:min(82%,46rem);margin:.9rem 0;padding:1rem;border:1px solid rgba(246,239,225,.16);background:#f6efe114}.message.user,.verse-turn.you{margin-left:auto;border-color:#d7b05d5c;background:#d7b05d1f}.message span,.verse-turn span{display:block;margin-bottom:.45rem;color:var(--candle);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.message p,.verse-turn p{margin:0;color:#f6efe1e6;line-height:1.65;white-space:pre-wrap}.verse-turn p{font-family:IM Fell English,Georgia,serif;font-size:clamp(1.18rem,1.7vw,1.6rem);line-height:1.35}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(.8rem,2vw,2rem);background:#0f0c0ac7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-modal,.coin-modal{width:min(980px,100%);max-height:min(92vh,920px);overflow:auto;border:1px solid rgba(215,176,93,.36);background:linear-gradient(135deg,#f6efe11a,#18564e29),#201815;box-shadow:var(--shadow)}.guide-modal{padding:clamp(1rem,2.4vw,1.8rem);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem}.guide-speaker{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;align-items:start}.guide-speaker img{width:8rem;aspect-ratio:1;object-fit:cover;object-position:50% 18%;border:1px solid rgba(215,176,93,.38)}.speech-bubble{position:relative;padding:1rem;border:1px solid rgba(246,239,225,.16);background:#f6efe114}.speech-bubble:before{content:"";position:absolute;left:-.58rem;top:1.1rem;width:1rem;height:1rem;border-left:1px solid rgba(246,239,225,.16);border-bottom:1px solid rgba(246,239,225,.16);background:#2d2521;transform:rotate(45deg)}.speech-bubble ul{margin:.9rem 0 0;padding-left:1.1rem;color:#f6efe1d1;line-height:1.55}.speech-bubble li+li{margin-top:.35rem}.sonnet-example{min-height:0;overflow:hidden;border:1px solid rgba(246,239,225,.15);background:#15120f73}.example-title{display:flex;gap:.65rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid rgba(246,239,225,.12);color:var(--candle);font-weight:800}.example-title p{margin:0}.sonnet-example pre{margin:0;padding:1rem;max-height:min(34vh,19rem);overflow:auto;color:#f6efe1e6;font-family:IM Fell English,Georgia,serif;font-size:clamp(1rem,1.25vw,1.24rem);line-height:1.35;white-space:pre-wrap}.guide-button{justify-self:end;position:sticky;bottom:0;min-height:3rem;border:1px solid rgba(215,176,93,.5);border-radius:0;padding:0 1.1rem;background:var(--candle);color:var(--marrow);font-weight:900}.coin-backdrop{z-index:30}.coin-modal{position:relative;width:min(560px,100%);padding:clamp(1rem,2.2vw,1.5rem);text-align:center}.coin-close{position:absolute;right:1rem;top:1rem}.coin-rule,.coin-result{color:#f6efe1c2;line-height:1.55}.coin-toss-stage{height:12rem;display:grid;place-items:center;perspective:900px}.coin{position:relative;width:5.7rem;height:5.7rem;transform-style:preserve-3d;transition:transform .45s ease}.coin[data-face=tails]{transform:rotateY(180deg)}.coin.tossing{animation:coinToss 3s cubic-bezier(.25,.72,.25,1) forwards}.coin-face{position:absolute;inset:0;display:grid;place-items:center;border:.32rem solid #9c7130;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffe4a3,#d7b05d 54%,#8e672d);color:var(--marrow);font-size:2.45rem;font-weight:900;backface-visibility:hidden;box-shadow:0 18px 40px #00000057}.coin-tails{transform:rotateY(180deg)}@keyframes coinToss{0%{transform:translateY(2rem) rotateY(0) rotate(0)}45%{transform:translateY(-5.8rem) rotateY(900deg) rotate(18deg)}to{transform:translateY(1.4rem) rotateY(1800deg) rotate(0)}}.coin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.coin-actions button{min-height:3rem;border:1px solid rgba(215,176,93,.5);border-radius:0;background:var(--candle);color:var(--marrow);font-weight:900}.thinking:after{content:"";display:inline-block;width:1.5em;text-align:left;animation:ellipsis 1.2s steps(4,end) infinite}.flowing-text:after{content:"";display:inline-block;width:.08em;height:1em;margin-left:.12em;background:var(--candle);vertical-align:-.12em;animation:caretBlink .9s steps(2,start) infinite}@keyframes caretBlink{50%{opacity:0}}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}.composer,.duel-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}textarea,input{width:100%;border:1px solid rgba(246,239,225,.2);border-radius:0;background:#f6efe1eb;color:var(--ink);resize:vertical}textarea{min-height:4rem;max-height:11rem;padding:.9rem 1rem;line-height:1.5}input{min-height:2.9rem;padding:0 .9rem}.send-button,.topic-form button,.duel-actions button{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid rgba(215,176,93,.5);border-radius:0;padding:0 1rem;background:var(--candle);color:var(--marrow);font-weight:800}.error-line{margin:0;padding:.75rem .9rem;border-left:3px solid var(--rose);background:#d98b831f;color:#ffd9d6}.duel-panel{grid-template-rows:auto auto minmax(0,1fr) auto}.duel-header{align-items:stretch}.hourglass-rig{flex:0 0 13rem;min-height:7rem;display:grid;grid-template-columns:auto .6rem 1fr;grid-template-rows:1fr auto;gap:.35rem .75rem;align-items:center;padding:1rem;border:1px solid rgba(215,176,93,.34);background:#18564e52}.hourglass-rig svg{grid-row:1 / 3;color:var(--candle);transform-origin:center}.hourglass-rig[data-active=true] svg{animation:turnGlass 4s ease-in-out infinite}.sand-meter{grid-row:1 / 3;width:.5rem;height:4.8rem;display:flex;align-items:end;overflow:hidden;border:1px solid rgba(246,239,225,.2);background:#15120f80}.sand-meter span{width:100%;background:linear-gradient(180deg,var(--candle),var(--rose));transition:height .4s linear}.hourglass-rig strong{color:var(--paper);font-size:1.55rem}.hourglass-rig>span{color:#f6efe1ad;font-size:.82rem}@keyframes turnGlass{0%,46%,to{transform:rotate(0)}52%,58%{transform:rotate(180deg)}}.topic-form{flex:1;display:grid;align-content:end;gap:.45rem}.topic-form label{color:var(--candle);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topic-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.duel-header-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr;gap:.5rem;align-content:end}.utility-button{min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(246,239,225,.22);border-radius:0;padding:0 .9rem;background:#f6efe114;color:var(--paper);font-weight:800}.sonnet-progress{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:.28rem}.sonnet-progress span{min-height:2.4rem;display:grid;place-items:center;align-content:center;border:1px solid rgba(246,239,225,.14);background:#f6efe10d;color:#f6efe18a;font-size:.78rem;font-weight:800}.sonnet-progress span.filled{border-color:#d7b05d6b;background:#d7b05d2e;color:var(--paper)}.sonnet-progress span.current{border-color:var(--candle);color:var(--candle)}.sonnet-progress em,.round-mark em{font-style:normal;font-size:.68rem;color:var(--candle)}.duel-stage{max-height:calc(100vh - 30rem)}.empty-stage{min-height:100%;display:grid;place-items:center;align-content:center;gap:.8rem;color:#f6efe19e;text-align:center}.empty-stage p{margin:0}.duel-controls{grid-template-columns:8rem minmax(0,1fr) auto;min-height:6.45rem;align-items:stretch}.round-mark{min-height:4rem;display:grid;align-items:center;justify-content:center;gap:.15rem;border:1px solid rgba(246,239,225,.18);color:#f6efe1c7;font-weight:800;text-align:center}.round-mark svg{justify-self:center}.line-input{min-height:4rem}.duel-actions{display:flex;gap:.55rem;align-items:center}.duel-actions .icon-button{border-color:#f6efe13d;background:#f6efe114;color:var(--paper);padding:0}@media(max-width:980px){.app-shell{display:block}.app-shell.portrait-shell{display:flex;flex-direction:column}.portrait-rail{order:2;height:auto;min-height:16rem;grid-template-columns:minmax(9rem,.38fr) 1fr;grid-template-rows:auto;gap:1rem;border-right:0;border-bottom:1px solid var(--line)}.portrait-frame{height:auto}.portrait-frame img{min-height:14rem}.workspace{order:1;min-height:auto}.library-panel,.mode-chat .tool-panel,.mode-duel .tool-panel{height:auto;min-height:0}.message-list,.duel-stage,.sonnet-results,.sonnet-reader{max-height:34rem}.library-layout{grid-template-columns:1fr}.sonnet-results{max-height:20rem}}@media(max-width:720px){.portrait-rail{grid-template-columns:1fr}.topline,.panel-heading,.duel-header{align-items:stretch;flex-direction:column}h1{max-width:none;font-size:clamp(1.55rem,7vw,2.2rem)}.composer,.topic-form>div,.duel-controls{grid-template-columns:1fr}.mode-tabs{grid-template-columns:1fr}.hourglass-rig{flex-basis:auto}.message,.verse-turn{width:100%}.duel-actions{display:grid;grid-template-columns:1fr auto}.duel-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-speaker{grid-template-columns:1fr}.guide-speaker img{width:5.5rem}.speech-bubble:before{display:none}.sonnet-progress{grid-template-columns:repeat(7,minmax(0,1fr))}.reader-head{flex-direction:column}.poem-lines li{grid-template-columns:2rem minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}