:root{font-family:Arial,Helvetica,sans-serif;color:#20352e;background:#f2f0e8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #c6c9b9;background:#f9f8f1;color:#20352e;padding:10px 14px;border-radius:5px;transition:background .15s}button:hover:not(:disabled){background:#e6eadc}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #bd5a35;outline-offset:3px}.app{min-height:100dvh;max-width:1800px;margin:auto;padding:0 40px}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9cbbd;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:21px;font-weight:700;letter-spacing:2px}.brand-mark{display:grid;place-items:center;background:#203d33;color:#caddab;font-size:34px;width:52px;height:52px;border-radius:50%}.brand-sub{display:block;font-size:9px;letter-spacing:1.6px;margin-top:5px}.header-right{display:flex;gap:10px;align-items:center}.local-dot{font-size:11px;margin-right:14px}.local-dot:before{content:"●";color:#6e8d53;margin-right:6px}.primary{background:#244a3b;color:#fff;border-color:#244a3b}.primary:hover:not(:disabled){background:#36664f}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 38px;gap:30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.2vw,64px);letter-spacing:-2px;line-height:1.03;margin:14px 0 16px}h1 em{font-weight:400;color:#73825e}.intro p{font-size:14px;line-height:1.7;color:#647060}.tally{background:#e4e8d7;border:1px solid #ccd4bb;border-radius:50% 50% 5px 5px;text-align:center;width:260px;padding:28px 20px 24px;margin-right:40px}.tally strong{display:block;font:76px/1 Georgia,serif}.tally span{font-size:12px;line-height:1.6;display:block;margin-top:10px}.tally-rule{height:1px;background:#c0c9af;margin:16px 0}.tally small{font-size:10px}main{display:grid;grid-template-columns:minmax(235px,.95fr) minmax(330px,1.4fr) minmax(260px,1fr);gap:18px;align-items:stretch}.panel{background:#fbfaf4;border:1px solid #cdd0c1;border-radius:8px;padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2,.panel-heading h3{font-size:12px;letter-spacing:.5px;margin:0}.panel-heading>span{font-size:10px;color:#7a826f}.hint{font-size:11px;line-height:1.6;color:#79806e;margin:12px 0 20px}.board-list{max-height:470px;overflow:auto;margin:0 -8px;padding:3px 8px}.board-item{display:flex;align-items:center;width:100%;gap:12px;text-align:left;padding:11px 8px;border-color:transparent;background:transparent;margin-bottom:7px}.board-item.selected{background:#e7eddc;border-color:#bdcba8}.board-item>span:not(.arrow){flex:1;min-width:0}.board-item strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.board-item small{display:block;font-size:10px;color:#74806a;margin-top:6px}.arrow{font-size:17px;color:#8f9f7b}.board-view{display:grid;aspect-ratio:1;gap:3px;width:100%;max-width:190px;margin:auto;background:#d4d9c8;padding:5px;border-radius:5px}.board-view.small{width:54px;min-width:54px;gap:1px;padding:2px;margin:0}.token{display:grid;place-items:center;background:#f8f6eb;aspect-ratio:1;font-size:clamp(14px,2.6vw,38px);line-height:1;border:0;padding:0;min-width:0;border-radius:2px}.small .token{font-size:10px;border-radius:0}.token-A{color:#bd653e}.token-B{color:#527464}.token-C{color:#c8a64b}.token-empty{color:#8d947c}.token-empty:empty:after{content:"·";color:#c9cbbd}.board-view:not(.small) .token{font-size:24px}.add-row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:18px}.add-row label{font-size:11px}.add-row select{border:0;background:transparent;color:inherit;font-size:11px}.add-row button{font-size:11px;padding:9px}.text-button{font-size:11px;border:0;background:transparent;color:#67775b;margin-top:12px}.name-label{display:block;font-size:10px;color:#7d8571;margin-top:22px}.name-label input{width:100%;border:0;border-bottom:1px solid #d4d9c8;background:transparent;font-family:Georgia,serif;font-size:23px;color:#2d4033;padding:7px 0 10px}.editor-frame{max-width:370px;margin:24px auto 0}.editor-grid{display:grid;gap:5px;background:#d9ddce;padding:8px;border-radius:8px;aspect-ratio:1}.editor-grid .token:hover{background:#e8ecd9}.grid-caption{display:block;text-align:center;font-size:9px;letter-spacing:1.8px;margin:12px 0 20px;color:#7b856e}.palette{display:flex;justify-content:center;gap:8px}.swatch{font-size:24px;min-width:58px;border:1px solid #d3d7c7;padding:8px}.swatch.active{outline:2px solid #496e50;outline-offset:2px;background:#eaf0dd}.swatch small{display:block;font-size:9px;color:#727b65;margin-top:5px}.centered{text-align:center;margin:15px 0 20px}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-actions button{flex:1;font-size:11px;white-space:nowrap}.presets{display:flex;gap:5px}.presets button{padding:8px;font-size:10px;flex:1}.presets button[aria-pressed=true]{background:#294d3c;color:#fff}.generators{border-bottom:1px solid #d4d9c8;padding:15px 0;font-size:11px}.generators summary,.privacy summary{cursor:pointer}.generators>div{display:grid;gap:6px;margin-top:12px}.generators label{display:flex;align-items:center;gap:8px}.closure{padding:16px 0}.closure .eyebrow{font-size:9px;color:#778268}.closure>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.closure>div span{font-size:10px;border:1px solid #c8d1b8;padding:5px 7px;border-radius:3px;background:#edf1e5}.witness{background:#eff1e7;border-radius:6px;padding:16px;text-align:center}.witness .board-view{margin:16px auto;max-width:150px}.witness .token{font-size:18px!important}.witness>strong{font-size:12px}.witness p{font-size:11px;line-height:1.6;color:#738067;min-height:34px}.witness-controls{display:flex;gap:8px}.witness-controls button{flex:1;font-size:11px;padding:8px}.witness>small{display:block;font-size:10px;color:#7b856f;margin-top:12px}.family-section{padding:38px 0 32px}.family-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.family-heading h2{font:28px Georgia,serif;margin:10px 0 0}.family-heading p{font-size:11px;line-height:1.7;color:#79816c;text-align:right;margin:0}.families{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.family{border:1px solid #cbd2bd;background:#e8eddc;border-radius:7px;padding:18px;min-width:0}.family-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:9px;letter-spacing:1px}.family-top b{font-weight:400;letter-spacing:0}.family .board-view{max-width:145px}.family .token{font-size:19px!important}.family ul{list-style:none;padding:0;margin:18px 0 0}.family li{border-top:1px solid #cbd4be}.family li button{border:0;background:transparent;text-align:left;padding:10px 0;width:100%;overflow-wrap:anywhere}.family li button span{font-size:11px;display:block}.family li button small{font-size:9px;display:block;color:#718161;margin-top:5px}.transfer{margin-bottom:24px}.transfer p{font-size:12px;line-height:1.7}.transfer textarea{width:100%;height:190px;margin:8px 0 16px;background:#f4f5ed;border:1px solid #bcc9aa;border-radius:5px;padding:12px;color:#20352e;resize:vertical}.status{font-size:12px;line-height:1.5;padding:14px 18px;border-left:3px solid #78945e;background:#e8eddc;margin-bottom:24px}footer{display:flex;justify-content:space-between;gap:36px;border-top:1px solid #c9cbbd;padding:24px 0 32px}footer strong{font-size:9px;letter-spacing:1.5px}footer p{font-size:11px;line-height:1.7;color:#727c66;margin:10px 0}.privacy{max-width:410px;font-size:11px}.privacy button{font-size:11px}input[type=checkbox]{accent-color:#31593f}@media(min-width:1600px){.editor-frame{max-width:420px}}@media(max-width:1050px){.app{padding:0 22px}main{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr)}.analysis{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.analysis>.panel-heading,.analysis>.hint,.analysis>.presets,.analysis>.generators,.analysis>.closure{grid-column:1}.witness{grid-column:2;grid-row:1/6}.tally{margin-right:0}.local-dot{display:none}}@media(max-width:640px){.app{padding:0 14px}header{min-height:84px;gap:10px}.brand{font-size:13px;letter-spacing:1px;gap:8px}.brand-sub{font-size:7px;letter-spacing:.5px}.brand-mark{width:35px;height:35px;font-size:26px}.header-right{gap:5px}.header-right button{font-size:10px;padding:9px 8px}.intro{padding:28px 0;gap:12px}.intro h1{font-size:36px}.intro p{font-size:11px}.eyebrow{font-size:8px}.tally{width:118px;padding:22px 10px 16px;flex-shrink:0}.tally strong{font-size:48px}.tally span{font-size:10px}.tally small{font-size:8px}.tally-rule{margin:10px 0}main{display:flex;flex-direction:column}.panel{padding:18px}.collection .board-list{display:flex;max-height:none;overflow-x:auto;gap:8px;padding:6px 8px}.board-item{min-width:160px;max-width:180px}.board-item .arrow{display:none}.board-item strong{font-size:10px}.board-item .small{width:42px;min-width:42px}.workspace{order:-1}.analysis{display:block}.witness{margin-top:8px}.witness .board-view{max-width:180px}.editor-grid .token{font-size:30px}.family-heading{display:block}.family-heading h2{font-size:24px}.family-heading p{text-align:left;margin-top:10px}.families{grid-template-columns:1fr}footer{display:block}.privacy{margin-top:20px}.family .board-view{max-width:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}