:root{--deep-navy:#0e2238;--royal-blue:#12396b;--gold:#d49a2a;--gold-dark:#8a5518;--parchment:#f4e3be;--parchment-light:#fff2d3;--ink:#2b1a0b}.ttp-panel{isolation:isolate;width:min(100%,1360px);color:var(--ink);background:radial-gradient(140% 100% at 50% 6%,#fff8e1cc,#fff8e100 42%),radial-gradient(120% 100% at 30% 92%,#ae722214,#ae722200 54%),radial-gradient(100% 80% at 92% 28%,#80541717,#80541700 56%),linear-gradient(#f9ebc9 0%,#f3deb2 48%,#ecd5a7 100%);border:1px solid #8a551859;border-radius:24px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe8b0b3,inset 0 0 0 3px #b477274d,0 10px 28px #11192852,inset 0 2px #fff4dbb3,inset 0 -2px 10px #72420f2e}.ttp-panel:before,.ttp-panel:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0}.ttp-panel:before{border:1px solid #ffe9b7bf;box-shadow:inset 0 0 0 1px #7f4e1559,inset 0 0 0 4px #d89a2a40}.ttp-panel:after{mix-blend-mode:multiply;opacity:.55;background:radial-gradient(130% 90% at 50% 0,#82531800,#5e340b2e 100%),radial-gradient(100% 60% at 100% 100%,#5e340b00,#5e340b26 100%)}.ttp-panel-inner{pointer-events:none;border:1px solid #ce93302e;border-radius:18px;position:absolute;inset:10px;box-shadow:inset 0 1px #fff2ce8c,inset 0 0 18px #fcedc71f}.ttp-panel-grain,.ttp-panel-weather{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.ttp-panel-grain{opacity:.38;mix-blend-mode:multiply;background-image:radial-gradient(circle at 18% 30%,#2f1f0a0f 0 .7px,#0000 1px),radial-gradient(circle at 82% 62%,#2f1f0a0d 0 .7px,#0000 1px),radial-gradient(circle at 42% 80%,#2f1f0a0d 0 .8px,#0000 1.1px),radial-gradient(circle at 70% 20%,#ffecb866 0 .6px,#0000 1px);background-size:7px 7px,9px 9px,11px 11px,13px 13px}.ttp-panel-weather{opacity:.55;background:radial-gradient(24px 10px at 23% 16%,#76481324,#0000 72%),radial-gradient(20px 9px at 64% 77%,#7c4b131f,#0000 72%),radial-gradient(26px 12px at 86% 44%,#9059181a,#0000 75%)}.ttp-corner{pointer-events:none;filter:drop-shadow(0 1px #ffe6b0b8)drop-shadow(0 0 10px #fff3ca2e);width:clamp(34px,4.2vw,56px);height:clamp(34px,4.2vw,56px);position:absolute}.ttp-corner--tl{top:8px;left:8px}.ttp-corner--tr{top:8px;right:8px;transform:scaleX(-1)}.ttp-corner--br{bottom:8px;right:8px;transform:scale(-1)}.ttp-corner--bl{bottom:8px;left:8px;transform:scaleY(-1)}.ttp-panel-header,.ttp-panel-content{z-index:1;position:relative}.ttp-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:clamp(1rem,2.3vw,1.75rem) clamp(1rem,2.6vw,2rem) 0;display:flex}.ttp-panel-title{color:#442714;text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:clamp(1rem,1.55vw,1.35rem)}.ttp-panel-subtitle{color:#422714db;max-width:70ch;margin:.4rem 0 0;font-size:clamp(.9rem,1.2vw,1rem)}.ttp-panel-content{padding:clamp(.9rem,2.1vw,1.5rem)}.ttp-input,.ttp-output{box-sizing:border-box;color:#5b4227;width:100%;max-width:100%;font:inherit;background:linear-gradient(#fff7e7eb,#f9eac9d6),linear-gradient(90deg,#ffffff1f,#fff5d805);border:1px solid #9c6a263d;border-radius:10px;display:block;box-shadow:inset 0 1px #ffffffb8,inset 0 0 0 1px #e0b56514,0 4px 12px #5a36100d}.ttp-input{resize:vertical;min-height:96px;padding:.85rem 1rem}.ttp-counter-row{justify-content:space-between;align-items:center;margin-top:.35rem;padding:0 .25rem;font-size:.78rem;display:flex}.ttp-counter-hint{color:#8a5518;font-style:italic}.ttp-counter-text{color:#7c6a4f;margin-left:auto}.ttp-output{min-height:96px;padding:.85rem 1rem;position:relative;overflow:hidden}.ttp-output-text{z-index:1;transition:opacity .18s;position:relative}.ttp-section-label{text-transform:uppercase;letter-spacing:.03em;color:#482c16;margin:0 0 .6rem;font-size:.98rem;font-weight:700;line-height:1.2}.ttp-style-row{flex-wrap:wrap;gap:.7rem;display:flex}.ttp-style-pill{color:#3e2814;cursor:pointer;background:linear-gradient(#fff6df,#f7e7c4);border:1px solid #9a672173;border-radius:999px;min-height:48px;padding:.6rem 1.1rem;font-size:1.04rem;font-weight:700;box-shadow:inset 0 1px #ffffffb3}.ttp-style-pill:focus-visible{outline-offset:2px;outline:3px solid #12396b59}.ttp-style-pill.is-active{color:#fff;border-color:var(--gold);background:linear-gradient(#2a5f97,#1d4472);box-shadow:inset 0 0 0 1px #f7cf766b,0 2px 5px #12284f59}.ttp-style-pill.is-disabled{opacity:.78;cursor:pointer}.ttp-stack{gap:1rem;display:grid}.ttp-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.1rem;display:grid}.ttp-action-button{cursor:pointer;letter-spacing:.01em;border:1px solid #0000;border-radius:14px;min-height:52px;font-size:1rem;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s}.ttp-action-button:hover{transform:translateY(-1px)}.ttp-action-button:focus-visible{outline-offset:2px;outline:3px solid #12396b59}.ttp-action-button--primary{color:#f8f0de;background:linear-gradient(#223a58 0%,#0e2238 100%);border-color:#dab46559;box-shadow:inset 0 1px #ffffff1f,0 8px 16px #17223a2e}.ttp-action-button--secondary{color:#2f1f11;background:linear-gradient(#f7ecd0 0%,#ead6a9 100%);border-color:#9a672159;box-shadow:inset 0 1px #ffffff8c,0 8px 16px #7b541d1a}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1280px){.ttp-panel{width:min(100%,90vw);max-width:1400px}.ttp-style-row{flex-wrap:nowrap}}@media (width>=768px) and (width<=1279px){.ttp-panel{border-radius:20px;width:min(100%,92vw);max-width:1120px}.ttp-panel-content{padding:1rem 1.05rem 1.1rem}.ttp-style-pill{min-width:180px}}@media (width<=767px){.ttp-panel{border-radius:18px;width:100%}.ttp-panel-header{padding:.95rem .95rem 0}.ttp-panel-content{padding:.85rem .9rem 1rem}.ttp-stack{gap:.85rem}.ttp-style-row{flex-direction:column}.ttp-style-pill{text-align:left;justify-content:flex-start;width:100%;min-height:44px}.ttp-input,.ttp-output{min-height:88px}.ttp-action-row{grid-template-columns:1fr}}