:root{font-family:Noto Sans JP,sans-serif;color:#233e36;background:#f7f7f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfd6cb;background:transparent;color:inherit;border-radius:8px;padding:11px 16px;cursor:pointer;font-size:13px;font-weight:600}button:hover{filter:brightness(.94);background:#e8ece1}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #cd9739;outline-offset:3px}.primary{background:#dbed91;color:#253d30;border-color:#dbed91}.secondary{width:100%}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;padding:28px 4%;display:flex;gap:25px;align-items:center}.brand small{font-size:11px;font-weight:400;letter-spacing:1px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#718176}.landing{max-width:1200px;margin:50px auto 70px;display:grid;grid-template-columns:1.25fr 1fr;gap:90px;padding:0 30px}.landing h1{font-size:52px;line-height:1.5;letter-spacing:-2px;margin:22px 0}.landing p{font-size:14px;line-height:2;color:#6b786e}.entry{background:#fff;border:1px solid #dfe3d9;padding:36px;border-radius:18px;align-self:start;box-shadow:0 14px 45px #233e3607}.entry h2{font-size:22px;margin:15px 0 26px}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}input{display:block;width:100%;border:1px solid #dbe1d6;border-radius:8px;background:#fbfcf8;padding:13px;margin-top:9px;outline-color:#70975a}.entry .primary{width:100%}.divider{font-size:11px;text-align:center;color:#879084;margin:24px 0}.fine{font-size:10px!important;color:#849082!important;line-height:1.9!important}.sample{height:260px;position:relative;margin-top:40px}.paper{padding:23px;font-weight:600;font-size:18px;width:190px;height:165px;box-shadow:3px 7px 12px #203d3712;position:absolute;transform:rotate(-7deg)}.paper span{display:block;font-size:10px;margin-top:20px;font-weight:400}.paper.pink{left:200px;top:25px;transform:rotate(7deg)}.chalk{position:absolute;top:215px;left:35px;color:#7d8978;font-size:12px;letter-spacing:2px}.yellow{background:#f4df86}.pink{background:#eeb5ad}.blue{background:#a9d4de}.green{background:#c6dfa1}footer{text-align:center;font-size:10px;letter-spacing:3px;color:#9ba292;padding:24px}.topbar{height:75px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #dfe3d8;padding-right:28px}.topbar .brand{padding:0 28px;min-width:255px}.roomcode{margin-left:auto;font-size:10px;letter-spacing:2px}.roomcode strong{font-size:14px;letter-spacing:2px;margin-left:10px}.workspace{display:flex;min-height:calc(100vh - 75px)}aside{width:255px;flex-shrink:0;padding:30px 24px;border-right:1px solid #dfe3d8}aside h2{font-size:18px;line-height:1.7;margin:12px 0 26px}.phase-list{display:grid;gap:9px}.phase{padding:10px 8px;font-size:12px;color:#8e998d;display:flex;gap:12px;align-items:center}.phase span{font-size:10px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #d9dfd1;border-radius:50%}.phase.active{background:#e8eddc;border-radius:8px;color:#314b34;font-weight:700}.phase.active span{background:#3d5944;color:#fff;border:0}.timer{margin:28px 0 18px;text-align:center;border-top:1px solid #dfe3d8;padding-top:22px}.timer small{font-size:9px;letter-spacing:2px}.timer strong{display:block;font-size:44px;letter-spacing:3px;font-variant-numeric:tabular-nums}.timer button{font-size:10px;padding:7px 10px}aside>.primary{width:100%}.people{margin-top:30px}.people>small{display:flex;gap:6px;font-size:10px;color:#8c9787}.people>div{display:flex;gap:8px;align-items:center;font-size:11px;margin-top:14px}.people div small{font-size:9px;margin-left:auto;color:#91a085}.avatar{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#dfe9d0}.board-area{flex:1;min-width:0;display:flex;flex-direction:column;background:#eef0e7;padding:28px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.board-heading h1{font-size:25px;margin:5px 0 9px}.board-heading p{font-size:11px;color:#798573;margin:0}.canvas-scroll{height:calc(100vh - 260px);min-height:420px;overflow:auto;border:8px solid #466053;border-radius:12px;background:#243f35;box-shadow:inset 0 0 30px #152b25}.canvas{position:relative;width:2240px;height:1500px;background-image:radial-gradient(#ffffff12 .8px,transparent .8px);background-size:24px 24px}.connections{position:absolute;pointer-events:none}.connections path{stroke:#dbe8b588;stroke-width:2;fill:none;stroke-dasharray:7 5}.note{position:absolute;width:225px;min-height:165px;box-shadow:3px 5px 8px #10231e55;padding:0 18px 12px;border-radius:1px;color:#34483a}.note-handle{height:34px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#3e513a90;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.note p{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 20px;max-height:220px;overflow:auto}.note-actions{display:flex;justify-content:flex-end;gap:8px}.note-actions button{font-size:10px;border:0;padding:4px 6px;background:#ffffff30}.note-actions .selected{background:#2d513e;color:#fff}.empty{position:absolute;top:120px;left:100px;color:#d6e2c9;text-align:center;width:480px}.empty>span{font-size:60px;color:#d8e999}.empty h2{font-size:22px}.empty p{font-size:13px;color:#a9beab}.empty button{color:#d8e999;border-color:#6c876b;margin-top:15px}.board-foot{display:flex;justify-content:space-between;font-size:9px;color:#8b9884;margin-top:13px;gap:10px}.vote-left{font-size:12px;background:#e2e8d4;padding:12px 20px;border-radius:8px}.vote-left strong{font-size:26px}.error{background:#ffe6df;color:#973d2b;padding:12px;border-radius:6px;font-size:12px;margin:10px 0}.error button{padding:3px;margin-left:10px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14282088;display:grid;place-items:center;z-index:20;padding:20px}.editor{background:#fafbf6;border-radius:16px;padding:32px;width:470px;max-width:100%;position:relative}.editor h2{font-size:21px;margin:15px 0 20px}.close{position:absolute;right:12px;top:12px;border:0;padding:6px}.editor textarea{resize:vertical;width:100%;min-height:170px;border:1px solid #d5deca;border-radius:8px;padding:16px;line-height:1.8;outline-color:#769261}.colors{display:flex;gap:10px;align-items:center;margin:16px 0 24px}.colors button{width:27px;height:27px;padding:0;border-radius:50%;border:2px solid transparent}.colors .chosen{outline:2px solid #465e3d;outline-offset:3px}.colors small{margin-left:auto;color:#88927e;font-size:11px}.editor>.primary{width:100%}.delete{border:0;margin:12px auto 0;display:flex;font-size:11px;color:#916251}.results{overflow:auto;max-height:calc(100vh - 260px);padding:10px 0}.result-title{text-align:center;padding:20px;color:#537043}.result-title h2{font-size:23px}.result-title p{font-size:12px}.results article{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid #dce3d3;border-radius:10px;padding:16px 24px;margin-bottom:10px}.results article p{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.rank{font-size:22px;color:#9bab8d}.results strong{font-size:26px}.results strong small{font-size:12px}@media(max-width:900px){.landing{gap:35px}.landing h1{font-size:38px}.paper{width:150px;font-size:15px}.paper.pink{left:155px}.workspace aside{width:210px;padding:20px 15px}.topbar .brand{min-width:210px;font-size:20px}.board-area{padding:18px}.board-heading{align-items:flex-start}.board-heading h1{font-size:21px}.board-heading p{line-height:1.8}.board-heading button{white-space:nowrap;padding:10px}}@media(max-width:620px){.landing{display:block;margin-top:20px;padding:0 22px}.landing h1{font-size:36px}.sample{height:220px;margin-top:25px}.chalk{top:190px;font-size:10px}.entry{padding:24px}.brand small{display:none}.topbar{gap:8px;padding-right:10px;height:62px}.topbar .brand{min-width:0;padding:0 13px;font-size:17px}.roomcode{font-size:0;letter-spacing:0}.roomcode strong{font-size:12px;margin:0}.topbar button{font-size:10px;padding:8px}.workspace{display:block}aside{width:100%!important;border-right:0;padding:16px!important}aside h2{font-size:16px;margin:7px 0 12px}.phase-list{display:flex;gap:4px}.phase{font-size:0;padding:6px;flex:1;justify-content:center}.phase.active{flex:3;font-size:10px;gap:6px}.timer{display:inline-flex;align-items:center;gap:12px;border:0;padding:0;margin:12px 12px 0 0}.timer small{display:none}.timer strong{font-size:23px}.timer button{font-size:9px}aside>.primary{width:auto;font-size:10px;padding:8px}.people,aside>.fine{display:none}.board-area{padding:15px 12px}.board-heading{margin-bottom:13px}.board-heading h1{font-size:19px}.board-heading p{font-size:10px}.board-heading>.primary{font-size:10px;gap:4px}.canvas-scroll{height:520px;min-height:0;border-width:5px}.empty{left:15px;top:100px;width:300px}.empty h2{font-size:17px}.board-foot{font-size:8px}.results{max-height:none}.results article{padding:12px;gap:12px}.results article p{font-size:12px}.result-title h2{font-size:19px}}.cursors{pointer-events:none}.cursors span{position:absolute;z-index:8;color:#f1efb3;background:#46644c;border-radius:0 8px 8px;padding:3px 7px;font-size:11px}