:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#172b34;background:#f4f6f4;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d89b55;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}a{color:#7a4a2e}.shell{max-width:1200px;margin:auto;padding:0 28px 70px}.top{background:#132c38;color:#fff}.top-inner{max-width:1200px;margin:auto;padding:20px 28px;justify-content:space-between;gap:20px}.brand,.top-inner{display:flex;align-items:center}.brand{gap:11px;font-weight:750;letter-spacing:-.04em}.brand,.mark{font-size:1.35rem}.mark{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid #e6bf88;border-radius:12px;color:#e6bf88;font-family:Georgia,serif;line-height:1}.top-note{font-size:.88rem;color:#c8d4d6;text-align:right}.top-note button{background:none;border:0;color:#c8d4d6;text-decoration:underline;padding:4px}.intro{padding:44px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:#a2673f;margin:0 0 12px}.intro h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,4vw,3.4rem);font-weight:500;letter-spacing:-.04em;line-height:1.07;margin:0}.intro p{color:#53676c;max-width:580px;margin:15px 0 0;font-size:1.04rem}.tabs{display:flex;gap:5px;border-bottom:1px solid #d6dfde;margin:0 0 25px}.tab{background:none;border:0;padding:14px 20px;color:#596c71;font-weight:650;border-bottom:3px solid transparent}.tab.active{color:#173b47;border-color:#bb7951;background:#e8eeea;border-radius:10px 10px 0 0}.grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-gap:22px;gap:22px}.card{background:#fff;border:1px solid #dce5e2;border-radius:19px;box-shadow:0 9px 36px rgba(24,53,60,.04);padding:26px}.card h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.025em;font-size:1.6rem;line-height:1.2;margin:0 0 7px}.card p.sub{margin:0 0 22px;color:#617276}.small{font-size:.88rem;color:#69797b}.status{font-size:.8rem;color:#667d7a}.field{margin:17px 0}.field label{display:block;font-size:.89rem;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd9d6;background:#fbfcfb;color:#173038;border-radius:10px;padding:12px 13px}.field textarea{min-height:93px;resize:vertical}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.primary{background:#163e4b;border:1px solid #163e4b;color:#fff;border-radius:10px;padding:11px 17px;font-weight:700}.primary:hover:not(:disabled){background:#285768}.secondary{background:#fff;border:1px solid #b8c9c5;color:#21434b;border-radius:10px;padding:10px 16px;font-weight:650}.secondary:hover:not(:disabled){background:#f1f6f3}.text-button{border:0;background:none;color:#845641;text-decoration:underline;padding:4px}.hint{background:#eaf2f0;border-left:3px solid #5e8c88;padding:13px 15px;border-radius:0 9px 9px 0;color:#405c61;margin-top:20px;font-size:.91rem}.notice{color:#526a6e;background:#f0f5f4;padding:12px 15px;border-radius:10px;font-size:.89rem}.warning{background:#fff2e8;border:1px solid #e9c2a5;border-radius:14px;padding:18px;color:#563e36;margin:16px 0}.warning strong{display:block;margin-bottom:5px}.danger{background:#fff2e8;border:1px solid #e0a98a;color:#6b3b2a;border-radius:10px;padding:10px 16px;font-weight:650}.suggestion{margin-top:20px;background:#f7f1e9;border:1px solid #ead8be;border-radius:14px;padding:20px}.suggestion textarea{width:100%;min-height:160px;resize:vertical;border:1px solid #d9c5a8;border-radius:10px;padding:14px;background:#fffcf7;font-family:Georgia,serif;font-size:1.08rem;color:#3e4141;line-height:1.6}.topic{border:1px solid #e0e8e4;border-radius:13px;padding:15px;margin:12px 0;background:#fff}.topic-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.topic p{margin:8px 0 0;color:#586d70}.pill{display:inline-flex;padding:4px 9px;background:#edf2f0;border-radius:50px;color:#526b69;font-size:.76rem;font-weight:700}.empty{border:1px dashed #c6d5d1;border-radius:13px;padding:28px 20px;color:#64777a;text-align:center;background:#f8faf7}.mini-topic{background:#f7f9f7;border-radius:10px;padding:13px 15px;margin:8px 0}.mini-topic strong{font-size:.82rem;color:#48656b}.mini-topic p{margin:3px 0 0}.agreement{border:1px solid #dbe7e2;border-radius:13px;padding:18px;margin:13px 0}.agreement h3{font-size:1rem;margin:0 0 6px}.agreement p{margin:0 0 12px;color:#576e70}.prompt{border-left:3px solid #c78354;padding:8px 0 8px 19px;margin:22px 0;font-family:Georgia,serif;font-size:1.32rem;line-height:1.4}.progress-track{height:6px;background:#e8eeea;border-radius:8px;overflow:hidden;margin:18px 0}.progress-track span{display:block;height:100%;background:#b67a51;transition:width .25s}.rounds{padding-left:22px;margin:16px 0;color:#586c70}.rounds li{padding:5px 0}.rounds li.current{color:#1b434c;font-weight:750}.rounds li.done{text-decoration:line-through;opacity:.6}#reflect-box{margin:18px 0;padding:16px;background:#f7f9f7;border-radius:12px}#reflect-box textarea{width:100%;min-height:82px;border:1px solid #cbd9d6;border-radius:10px;padding:12px;background:#fff;resize:vertical}.timer-box{margin:16px 0;padding:14px 16px;border:1px solid #e0e8e4;border-radius:12px}.timer-display{font-family:Georgia,serif;font-size:1.6rem;color:#1b434c;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-box.running .timer-display{color:#a2673f}.code{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:1.9rem;letter-spacing:.22em;color:#163e4b;background:#f7f1e9;border:1px solid #ead8be;border-radius:12px;padding:16px 20px;display:inline-block;margin:8px 0}.tree{width:100%;max-width:236px;height:auto;display:block;margin:6px auto 12px}.tree .g{opacity:0;transform:scale(.5);transform-origin:100px 150px;transition:opacity .55s ease,transform .65s cubic-bezier(.2,.85,.3,1)}.tree .g.on{opacity:1;transform:none}.footer{margin:26px 0 0;color:#748588;font-size:.82rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.banner{background:#fdf3e3;border-bottom:1px solid #ecd9b6;color:#6b4a22;font-size:.84rem;padding:9px 28px;text-align:center}@media (max-width:800px){.grid{grid-template-columns:1fr}}@media (max-width:570px){.shell,.top-inner{padding-left:18px;padding-right:18px}.card{padding:20px;border-radius:15px}.tabs{overflow:auto}.tab{white-space:nowrap;padding:14px 12px}.row>button,.segmented button,.text-button,.top-note button{min-height:44px}.text-button,.top-note button{display:inline-flex;align-items:center}.footer{display:block}.code{font-size:1.4rem;letter-spacing:.18em}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}