:root{--bg:#f5ebd7;--bg-soft:#f8f2e8;--paper:#fffaf0;--ink:#231f16;--ink-soft:#655f4f;--line:#d8c8aa;--primary:#0e7a6a;--primary-strong:#095f53;--secondary:#f2dfbf;--warning:#7f3a1d;--shadow:0 18px 50px #31241029;--radius-lg:22px;--radius-md:14px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 16% 18%, #ffffffb8, transparent 48%), radial-gradient(circle at 88% 8%, #ffffff8c, transparent 40%), linear-gradient(155deg, #e8d7b9 0%, var(--bg) 40%, #efe0c8 100%);margin:0}button,input,textarea{font:inherit}.app-shell{flex-direction:column;gap:1rem;width:min(1250px,100% - 2rem);margin:1.2rem auto 1.8rem;display:flex}.app-header{border:1px solid color-mix(in srgb, var(--line) 84%, #fff);border-radius:var(--radius-lg);background:radial-gradient(circle at 14% 12%,#ffffffd1,#0000 46%),radial-gradient(circle at 86% 110%,#ffffff85,#0000 44%),linear-gradient(132deg,#f8f0e0f2,#fcf8eefa);justify-content:space-between;align-items:center;gap:1.5rem;padding:.65rem 1.45rem;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #2b1e0e24}.app-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#cfab7429,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-90px}.app-header:after{content:"";border-radius:inherit;pointer-events:none;border-top:1px solid #ffffffc2;position:absolute;inset:0}.header-identity{flex-direction:column;gap:0;display:flex}.header-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;display:flex}.app-header h1{letter-spacing:-.04em;text-wrap:balance;margin:.1rem 0 0;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1;position:relative}.subtitle{color:color-mix(in srgb, var(--ink-soft) 90%, #463d2f);margin:.2rem 0 0;font-size:clamp(.82rem,1.2vw,.97rem);font-weight:600}.trust-pill{border:1px solid color-mix(in srgb, var(--line) 82%, #fff);background:color-mix(in srgb, #fff 76%, var(--secondary));color:var(--primary-strong);letter-spacing:.02em;border-radius:999px;margin:0;padding:.26rem .58rem;font-size:.76rem;font-weight:700}.header-tags{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;margin-top:0;display:flex}.header-tags span{background:color-mix(in srgb, var(--secondary) 66%, #fff);border:1px solid color-mix(in srgb, var(--line) 72%, #fff);color:color-mix(in srgb, var(--ink-soft) 90%, #2d2a22);letter-spacing:.01em;border-radius:999px;padding:.28rem .56rem;font-size:.78rem;font-weight:700}.warning{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--warning) 40%, #fff);background:color-mix(in srgb, var(--warning) 10%, #fff6eb);color:var(--warning);margin:0;padding:.85rem 1rem;font-weight:600}.workspace-grid{grid-template-columns:minmax(260px,1.1fr) minmax(280px,1.4fr) minmax(240px,1fr);align-items:stretch;gap:1rem;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);min-height:0;padding:1rem;box-shadow:0 10px 26px #2a1f1214}.panel h2{letter-spacing:-.01em;margin:0;font-size:1.08rem}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.entry-panel{height:var(--synced-side-panel-height,auto);flex-direction:column;gap:.9rem;min-height:0;display:flex;overflow:hidden}.add-row{grid-template-columns:1fr auto;gap:.55rem;display:grid}.bulk-import{gap:.45rem;display:grid}.bulk-import label{color:var(--ink-soft);font-size:.89rem}.entry-list{flex:auto;align-content:start;gap:.44rem;min-height:0;max-height:none;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.entry-list li{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:.55rem;padding:.5rem .55rem;display:grid}.row-actions{gap:.3rem;display:inline-flex}.wheel-panel{align-content:start;align-self:start;gap:.85rem;display:grid}.wheel-frame{place-items:center;width:100%;padding-top:8px;display:grid;position:relative}.wheel-spin-layer{will-change:transform;place-items:center;width:100%;display:grid}.wheel-idle{animation:6.8s ease-in-out infinite wheelIdleDrift}.wheel-pointer{border-left:13px solid #0000;border-right:13px solid #0000;border-top:23px solid var(--primary-strong);z-index:3;width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-actions{flex-wrap:wrap;gap:.55rem;display:flex}.settings{border-top:1px solid var(--line);gap:.5rem;padding-top:.7rem;display:grid}.settings label{color:var(--ink-soft);grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;font-size:.95rem;display:grid}.settings label input[type=range]{grid-column:span 2}.history-panel{height:var(--synced-side-panel-height,auto);flex-direction:column;gap:.8rem;min-height:0;display:flex;overflow:hidden}.history-panel ol{flex:auto;align-content:start;gap:.65rem;min-height:0;max-height:none;margin:0;padding-left:1rem;display:grid;overflow:auto}.history-item{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;padding:.55rem}.history-item p{margin:0}.meta,.muted{color:var(--ink-soft);font-size:.86rem}.dev-panel{gap:.6rem;margin-top:.15rem;display:grid}.dev-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.6rem;display:grid}.dev-controls label{color:var(--ink-soft);gap:.25rem;display:grid}.simulation-result{border:1px dashed var(--line);background:#f9f2e5;border-radius:10px;padding:.6rem}.simulation-result pre{max-height:120px;margin:0;font-size:.76rem;overflow:auto}.modal-backdrop{z-index:20;background:#1c181380;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#fffef8;border-radius:16px;gap:.7rem;padding:1rem;display:grid}.modal-card h2,.modal-card p{margin:0}.winner-modal h2{color:var(--primary-strong);font-size:clamp(1.8rem,6vw,2.6rem);line-height:1}.modal-actions{flex-wrap:wrap;gap:.5rem;display:flex}button{cursor:pointer;border:1px solid #0000;border-radius:11px;padding:.58rem .82rem;font-weight:700;transition:transform .15s,filter .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:var(--primary);color:#f8fff9}.secondary{background:var(--secondary);color:#2a261c;border-color:#d6c5a6}.ghost{color:var(--ink-soft);border-color:var(--line);background:0 0}.spin-button{min-width:130px;font-size:1.03rem}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffef9;border-radius:10px;padding:.55rem .62rem}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 38%, #fff);outline-offset:1px}.trust-footer{border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;color:var(--ink-soft);background:#faf3e7;padding:.8rem}.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}@keyframes wheelIdleDrift{0%{transform:rotate(-1.8deg)scale(.998)}50%{transform:rotate(1.8deg)scale(1.002)}to{transform:rotate(-1.8deg)scale(.998)}}@media (width<=1080px){.workspace-grid{grid-template-columns:1fr 1fr}.history-panel{grid-column:span 2}}@media (width<=780px){.app-shell{width:min(100% - 1rem,780px)}.app-header{padding:1rem}.header-topline{flex-direction:column;align-items:flex-start;gap:.35rem}.header-tags span{font-size:.75rem}.workspace-grid{grid-template-columns:1fr}.history-panel{grid-column:auto}.entry-panel,.history-panel{height:auto;overflow:visible}.entry-list,.history-panel ol{flex:none;min-height:auto;max-height:340px}.dev-controls{grid-template-columns:1fr}.wheel-actions,.modal-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.wheel-idle{animation:none!important}}