:root{color-scheme:light;--bg: #f0b98e;--bg-soft: rgba(242, 140, 40, .16);--bg-strong: rgba(222, 94, 19, .24);--panel: rgba(246, 237, 219, .96);--panel-solid: #f7ecd8;--panel-border: rgba(117, 67, 28, .46);--text: #4c2007;--muted: #d16533;--accent: #f28c28;--accent-strong: #de5e13;--accent-soft: rgba(242, 140, 40, .16);--success: #2f8f56;--danger: #c6462c;--shadow: 7px 8px 0 rgba(109, 61, 24, .18), 0 18px 28px rgba(109, 61, 24, .12);--button-shadow: 4px 5px 0 rgba(122, 67, 27, .22);--button-shadow-hover: 6px 7px 0 rgba(122, 67, 27, .28);--panel-radius: 0;--tile-radius: 0;--control-radius: 0;--app-font-size: 15px;--dashboard-gap: 1.7rem;--dashboard-left: minmax(0, 1.7fr);--dashboard-right: minmax(250px, .82fr);font-family:Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-size:var(--app-font-size);color:var(--text);overflow:hidden;background:radial-gradient(circle at top left,rgba(255,245,231,.62),transparent 22%),radial-gradient(circle at 86% 10%,var(--bg-strong),transparent 20%),radial-gradient(circle at 10% 82%,rgba(255,234,207,.48),transparent 24%),repeating-linear-gradient(-12deg,rgba(132,77,31,.08) 0,rgba(132,77,31,.08) 2px,transparent 2px,transparent 26px),linear-gradient(180deg,color-mix(in srgb,var(--bg) 24%,white) 0%,var(--bg) 44%,color-mix(in srgb,var(--bg) 86%,white) 100%)}button,input{font:inherit}button,.route-link,.note-box{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}button{border:2px solid color-mix(in srgb,var(--accent-strong) 30%,transparent);border-radius:var(--control-radius);padding:.95rem 1.15rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 45%,white),color-mix(in srgb,var(--accent-strong) 88%,#9e4d17));color:#fff9f3;font-weight:800;cursor:pointer;box-shadow:var(--button-shadow)}button:hover:not(:disabled),.route-link:hover{transform:translate(-2px,-2px);box-shadow:var(--button-shadow-hover)}button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}input[type=text],input:not([type]){width:100%}input,label{display:block}input[type=file]{width:100%;padding:.8rem 0;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--accent-strong)}input{margin-top:.45rem;padding:.9rem 1rem;border-radius:var(--control-radius);border:2px solid color-mix(in srgb,var(--panel-border) 90%,#8e5a31);background:color-mix(in srgb,var(--panel-solid) 92%,white);color:var(--text)}input:focus{outline:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-color:color-mix(in srgb,var(--accent-strong) 40%,transparent)}.app-shell{position:relative;height:100dvh;padding:1.4rem 1.8rem 1.7rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:1.7rem;overflow:hidden}.marginalia-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.marginalia{position:absolute;fill:none;stroke:var(--muted);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.4}.marginalia-top{top:1.5rem;left:2rem;width:14rem}.marginalia-right{top:7rem;right:1.25rem;width:5.5rem}.marginalia-bottom{right:4.5rem;bottom:1.5rem;width:14rem}.marginalia-left{bottom:6rem;left:1rem;width:5rem}.bg-orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.7;pointer-events:none}.orb-a{top:-80px;left:-40px;width:320px;height:320px;background:#ffb34d42}.orb-b{right:-80px;top:220px;width:360px;height:360px;background:#eb67162e}.hero,.workspace{position:relative}.hero{display:grid;grid-template-columns:var(--dashboard-left) var(--dashboard-right);gap:var(--dashboard-gap);align-items:start;padding-top:.8rem;z-index:3}.workspace{z-index:1}.paper-stack{position:relative;isolation:isolate;border:2px solid var(--panel-border);background:repeating-linear-gradient(0deg,rgba(128,78,35,.035) 0,rgba(128,78,35,.035) 2px,transparent 2px,transparent 18px),linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,white),color-mix(in srgb,var(--panel-solid) 94%,#ead7b6));box-shadow:var(--shadow)}.hero-copy,.hero-panel,.panel{border-radius:var(--panel-radius)}.hero-copy{display:flex;align-items:center;min-height:8.4rem;padding:1rem 1.35rem;transform:rotate(-4.2deg) translateY(.35rem);transform-origin:center;z-index:5}.hero-panel{min-height:7.2rem;width:min(100%,20rem);justify-self:end;align-self:start;padding:.65rem;z-index:1;transform:rotate(8deg) translateY(.35rem);transform-origin:center}.hero-copy-inner,.hero-panel-inner{position:relative;z-index:1;width:100%;margin:0;padding:0;transform:none}.hero-copy-inner{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:0;margin-bottom:0}.hero-panel-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.hero-panel .metric{padding:.52rem;gap:.1rem}.hero-panel .metric-label{font-size:.68rem}.hero-panel .metric-value{font-size:.82rem}.hero-brand,.hero-copy h1,.panel-header h2,.metric-value,.match-card h3,.result-summary strong{color:var(--text);font-weight:800}.hero-brand{margin:0;max-width:100%;font-size:clamp(1.48rem,2.25vw,2rem);line-height:.9;letter-spacing:-.04em;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.hero-details{min-width:0}.hero-copy h1{margin:0;max-width:none;font-size:clamp(.88rem,1.02vw,1rem);line-height:1.04}.hero-description{max-width:none;margin:.24rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.22}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.66rem;color:var(--accent-strong)}.route-nav{margin-top:0;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end;min-width:0}.route-link{display:inline-flex;align-items:center;justify-content:center;min-width:102px;max-width:100%;padding:.62rem .85rem;border-radius:0;border:2px solid color-mix(in srgb,var(--panel-border) 85%,#8c572b);background:color-mix(in srgb,var(--accent-soft) 30%,var(--panel-solid));color:var(--text);font-weight:800;font-size:.88rem;text-decoration:none;box-shadow:var(--button-shadow)}.route-link.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 35%,white),var(--accent));color:color-mix(in srgb,var(--accent-strong) 80%,black);border-color:color-mix(in srgb,var(--accent-strong) 22%,transparent)}.file-field span,.panel label span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.82rem}.workspace{display:grid;grid-template-columns:var(--dashboard-left) var(--dashboard-right);gap:var(--dashboard-gap);align-items:stretch;min-height:0}.left-column,.right-column{display:grid;gap:0;min-height:0}.left-column{position:relative;z-index:1}.right-column{position:relative;z-index:0}.page-stack{display:grid;gap:.7rem;grid-template-rows:minmax(0,1fr);min-height:0}.panel{padding:1rem;overflow:hidden}.panel-inner{position:relative;z-index:1;width:100%;margin:0;padding:0;transform:none}.activity-panel{height:100%;width:min(100%,22rem);justify-self:end;align-self:stretch;transform:rotate(-5deg) translateY(.4rem);transform-origin:center;min-width:0}.main-panel,.activity-panel{height:100%;overflow:hidden}.main-panel{width:min(100%,41rem);justify-self:start;margin-top:1.7rem;transform:rotate(2.2deg);transform-origin:center;z-index:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.main-panel::-webkit-scrollbar{width:0;height:0;display:none}.main-panel .panel-inner{padding-bottom:2.4rem}.note-launch-anchor{position:absolute;top:-.55rem;right:1.35rem;width:1px;height:1px;pointer-events:none}.panel-header{margin-bottom:.65rem}.panel-header h2{margin:.2rem 0 0;font-size:1.08rem}.page-copy{margin:0 0 .7rem;color:var(--muted);font-size:.88rem;line-height:1.45;overflow-wrap:anywhere;max-width:100%}.playground-copy,.playground-well,.playground-well *{-webkit-user-select:none;user-select:none}.playground-well{min-height:74px;border-radius:0;border:2px dashed color-mix(in srgb,var(--accent-strong) 32%,transparent);background:linear-gradient(180deg,#ffffffd1,#fff1e4f5),repeating-linear-gradient(0deg,transparent 0,transparent 24px,rgba(209,101,51,.08) 24px,rgba(209,101,51,.08) 26px);display:grid;place-items:center;padding:.8rem;text-align:center;color:var(--muted);font-weight:700;font-size:.82rem;overflow-wrap:anywhere;max-width:100%}.form-stack{display:grid;gap:.7rem}.file-field{padding:.8rem;border-radius:var(--tile-radius);border:2px dashed color-mix(in srgb,var(--accent-strong) 35%,transparent);background:color-mix(in srgb,var(--accent-soft) 18%,var(--panel-solid))}.file-field small,.empty-state,.metric-label,.match-text,.match-meta dt,.activity-item p{color:var(--muted)}.result-block,.progress-callout,.metric,.match-card,.activity-item{position:relative;border-radius:0;border:2px solid color-mix(in srgb,var(--accent-strong) 22%,transparent);background:repeating-linear-gradient(0deg,rgba(142,94,53,.03) 0,rgba(142,94,53,.03) 2px,transparent 2px,transparent 16px),color-mix(in srgb,var(--panel-solid) 82%,white)}.result-block:before,.progress-callout:before,.metric:before,.match-card:before,.activity-item:before{content:"";position:absolute;top:6px;right:-6px;bottom:-6px;left:6px;border-radius:inherit;border:1px solid color-mix(in srgb,var(--accent-strong) 10%,transparent);background:color-mix(in srgb,#cfb28a 72%,white);z-index:-1;transform:rotate(-.55deg)}.result-block,.progress-callout{margin-top:.8rem;padding:.8rem}.progress-callout.processing{background:color-mix(in srgb,var(--accent-soft) 22%,var(--panel-solid))}.progress-callout.complete{border-color:color-mix(in srgb,var(--success) 24%,transparent)}.progress-copy{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.progress-copy strong{color:var(--text);font-size:.92rem;min-width:0;overflow-wrap:anywhere}.progress-copy span{color:var(--muted);font-size:.82rem;min-width:0;overflow-wrap:anywhere}.progress-track{margin-top:.6rem;width:100%;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--accent-soft) 30%,white)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 50%,white),var(--accent-strong))}.progress-track.indeterminate span{width:38%;animation:progress-slide 1.3s ease-in-out infinite}.result-summary{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:.6rem}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.metric{padding:.7rem;display:grid;gap:.15rem}.metric.success{border-color:color-mix(in srgb,var(--success) 24%,transparent)}.metric.warm{border-color:color-mix(in srgb,var(--accent-strong) 22%,transparent);background:color-mix(in srgb,var(--accent-soft) 36%,var(--panel-solid))}.metric-value{font-size:.9rem;line-height:1.15;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.transcript-preview{margin:.65rem 0 0;color:var(--text);line-height:1.45}.matches-list{margin-top:.75rem;display:grid;gap:.55rem}.match-card{padding:.8rem}.match-card-top,.match-scores,.activity-item{display:flex;justify-content:space-between;gap:.75rem}.match-card h3{margin:.3rem 0 0;font-size:.98rem;overflow-wrap:anywhere;max-width:100%}.match-rank,.score-pill,.activity-kind{display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding:.35rem .65rem;font-size:.78rem;font-weight:800}.score-pill{background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel-solid));color:var(--accent-strong)}.match-scores{margin:.65rem 0;color:var(--accent-strong);font-size:.76rem}.match-text{font-size:.84rem;line-height:1.42;overflow-wrap:anywhere}.match-meta{margin:.65rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .85rem}.match-meta dt,.match-meta dd{margin:0}.match-meta dd{color:var(--text)}.activity-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.panel-note{margin:.8rem 0 0;padding-top:.7rem;border-top:1px dashed color-mix(in srgb,var(--accent-strong) 18%,transparent);color:var(--muted);font-size:.84rem;line-height:1.4;overflow-wrap:anywhere;max-width:100%}.activity-item{align-items:center;padding:.7rem;min-width:0}.activity-item strong{font-size:.9rem;overflow-wrap:anywhere}.activity-item p{font-size:.78rem;overflow-wrap:anywhere}.activity-item>div,.match-card-top>div,.result-summary>*{min-width:0}.activity-kind.upload{background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel-solid));color:var(--accent-strong)}.activity-kind.search{background:color-mix(in srgb,var(--accent-soft) 42%,var(--panel-solid));color:color-mix(in srgb,var(--accent-strong) 86%,black)}.error-text{margin:.9rem 0 0;color:var(--danger)}.empty-state{margin:0;line-height:1.45}.note-box{--note-lift-x: 0px;--note-lift-y: 0px;position:absolute;top:0;left:0;width:96px;height:96px;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;place-items:center;padding:0;cursor:grab;z-index:4;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}.note-box.ready{opacity:1;pointer-events:auto}.note-box:hover{--note-lift-x: -2px;--note-lift-y: -2px}.note-box.dragging{cursor:grabbing}.note-box img{width:96px;height:96px;display:block;filter:invert(19%) sepia(43%) saturate(2742%) hue-rotate(13deg) brightness(90%) contrast(88%) drop-shadow(0 12px 18px rgba(222,94,19,.24))}@media (max-width: 1024px){body{overflow:auto}.hero,.workspace{grid-template-columns:1fr}.hero-copy,.hero-panel,.main-panel,.activity-panel{margin:0;width:auto;max-width:none;transform:none}.hero-copy-inner{grid-template-columns:1fr;align-items:start}.hero-panel{grid-column:auto}.left-column,.right-column,.page-stack{gap:1rem}.app-shell{height:auto;min-height:100dvh}.note-launch-anchor{display:none}.main-panel,.activity-panel{overflow:hidden}.hero-panel,.result-grid{grid-template-columns:1fr}.marginalia-right,.marginalia-left{display:none}}@media (max-width: 640px){.app-shell{padding:1rem}.hero-brand{font-size:2.6rem;white-space:normal}.hero-copy h1{font-size:1.2rem;max-width:none}.route-nav,.progress-copy,.result-summary,.match-card-top,.activity-item{flex-direction:column}.marginalia-top{width:10rem;left:1rem}.marginalia-bottom{width:10rem;right:1.25rem}}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}