:root{--bg:#f6f7f4;--surface:#ffffff;--ink:#22291f;--ink-soft:#5a6355;--line:#e0e4da;--accent:#0e7a46;--accent-soft:#eaf4ec;--danger:#b4432a}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:200px;flex-shrink:0;background:#1e3527;color:#e8efe9;padding:1.2rem .9rem;display:flex;flex-direction:column;gap:.2rem}.menu-toggle,.nav-backdrop{display:none}@media (max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:.7rem;left:.7rem;z-index:210;width:2.6rem;height:2.6rem;border-radius:10px;background:#1e3527;color:#fff;border:none;font-size:1.15rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}.nav-backdrop{display:block;position:fixed;inset:0;z-index:199;background:rgba(0,0,0,.35)}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:200;transform:translateX(-105%);transition:transform .2s ease;box-shadow:4px 0 16px rgba(0,0,0,.2);padding-top:3.6rem}.sidebar.open{transform:translateX(0)}.shell .main{padding:4rem .9rem 1.6rem}.card{overflow-x:auto}.card td,.card th{white-space:nowrap}}.sidebar .brand{font-weight:700;font-size:1rem;margin-bottom:1.2rem;padding:0 .5rem}.sidebar a{padding:.5rem .7rem;border-radius:8px;font-size:.92rem;color:#cfe0d3}.sidebar a:hover{background:rgba(255,255,255,.08)}.sidebar a.active{background:var(--accent);color:#fff;font-weight:600}.sidebar .soon{opacity:.45;pointer-events:none}.sidebar .nav-group{margin-top:.7rem;padding:.3rem .7rem .1rem;font-size:.72rem;letter-spacing:.1em;color:#8ba392;font-weight:700}.sidebar a.sub{padding-left:1.5rem;font-size:.86rem}.main{flex:1 1;padding:1.6rem 2rem;min-width:0}.main h1{font-size:1.25rem;margin:0 0 1.1rem}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.toolbar input[type=text]{padding:.45rem .8rem;border:1px solid var(--line);border-radius:8px;font-size:.92rem;width:220px;background:var(--surface)}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.25rem .9rem;font-size:.85rem;cursor:pointer;color:var(--ink-soft)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:.92rem}td,th{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--line)}th{font-size:.78rem;color:var(--ink-soft);background:#fbfcfa;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr.rowlink{cursor:pointer}.badge,tr.rowlink:hover{background:var(--accent-soft)}.badge{padding:.08rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--accent)}.badge,.tagchip{display:inline-block}.tagchip{padding:.05rem .55rem;border-radius:6px;font-size:.76rem;background:#eef0ea;color:var(--ink-soft);margin-right:.25rem}.markdot{display:inline-block;width:.65em;height:.65em;border-radius:50%;margin-right:.35em}.muted{font-size:.85rem}.empty,.muted{color:var(--ink-soft)}.empty{padding:2rem;text-align:center}.talk{display:flex;flex-direction:column;height:calc(100vh - 8.5rem)}.talk-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}.talk-head img{width:40px;height:40px;border-radius:50%;background:#ddd}.talk-log{flex:1 1;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.55rem}.bubble{max-width:70%;padding:.5rem .85rem;border-radius:14px;font-size:.93rem;white-space:pre-wrap;word-break:break-word}.bubble.in{align-self:flex-start;background:#eef0ea;border-bottom-left-radius:4px}.bubble.out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble .meta{display:block;font-size:.7rem;opacity:.75;margin-top:.2rem}.bubble.error{background:var(--danger);color:#fff}.talk-tools{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.talk-tools button,.talk-tools select{border:1px solid var(--line);border-radius:8px;font-size:.9rem;padding:.35rem .6rem;background:var(--surface);font-family:inherit;cursor:pointer}.talk-input{display:flex;gap:.6rem;margin-top:.5rem}.talk-input select,.talk-input textarea{border:1px solid var(--line);border-radius:8px;font-size:.92rem;padding:.5rem .7rem;background:var(--surface);font-family:inherit}.talk-input textarea{flex:1 1;resize:none;height:3.2rem}.talk-input button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:0 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer}.talk-input button:disabled{opacity:.5;cursor:default}.sendnote{font-size:.78rem;color:var(--ink-soft);margin-top:.3rem}.talk-cols{display:flex;gap:1.2rem;align-items:stretch}.talk-cols .talk{flex:1 1;min-width:0}.profile{width:280px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem;align-self:flex-start;display:flex;flex-direction:column;gap:.9rem}.profile h2{font-size:.95rem;margin:0}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.field>span:first-child{font-size:.76rem;color:var(--ink-soft);font-weight:600}.field select,.field textarea{border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;font-size:.88rem;font-family:inherit;background:var(--surface);width:100%}.tagchip.removable{cursor:pointer}.tagchip.removable:hover{background:#f8d7cf;color:var(--danger)}.markpicker{position:relative}.markpicker-btn{display:flex;align-items:center;gap:.4rem;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.4rem .6rem;font:inherit;font-size:.88rem;cursor:pointer;text-align:left}.markpicker-btn:disabled{opacity:.6;cursor:default}.markpicker-path{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.markpicker-caret{color:var(--ink-soft);font-size:.75rem;margin-left:auto}.markpicker-backdrop{position:fixed;inset:0;z-index:90}.markpicker-menu{position:absolute;z-index:91;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px rgba(34,41,31,.15);padding:.3rem;max-height:260px;overflow-y:auto}.markpicker-item{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;border-radius:6px;padding:.35rem .7rem;font:inherit;font-size:.88rem;cursor:pointer;text-align:left}.markpicker-item.selected,.markpicker-item:hover{background:var(--accent-soft)}.markpicker-item.selected{font-weight:700}.markpicker-branch{color:var(--ink-soft);font-size:.8rem}.thumb-grid{display:grid;grid-gap:2px;gap:2px;width:110px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.thumb-grid span{display:block}.talk3{display:flex;gap:1rem;height:calc(100vh - 3.2rem)}.talk3-list{width:270px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.talk3-search{margin:.6rem;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;font:inherit;font-size:.88rem}.talk3-filters{padding:0 .8rem .5rem;font-size:.78rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:.15rem;border-bottom:1px solid var(--line)}.talk3-filters label{display:flex;gap:.3rem;align-items:center;cursor:pointer}.talk3-rows{flex:1 1;overflow-y:auto}.talk3-row{display:flex;gap:.55rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);padding:.6rem .7rem;font:inherit;cursor:pointer;align-items:flex-start}.talk3-row:hover{background:var(--bg)}.talk3-row.selected{background:var(--accent-soft)}.talk3-row.unread{background:#e7f4ea}.talk3-row.unread .talk3-name{font-weight:800}.talk3-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.talk3-avatar.placeholder{background:#d7ddd4;display:inline-block}.talk3-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.talk3-name{font-size:.9rem;font-weight:600}.talk3-preview{font-size:.78rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talk3-badge{align-self:flex-start;color:#fff;font-size:.68rem;font-weight:700;border-radius:4px;padding:.05rem .45rem;margin-top:.15rem}.talk3-time{font-size:.72rem;color:var(--ink-soft);flex-shrink:0}.talk3-body{flex:1 1;min-width:0;overflow-y:auto}.talk3-body .talk{height:calc(100vh - 4.5rem)}@media (max-width:1100px){.talk3 .profile{display:none}}@media (max-width:768px){.talk3{height:calc(100vh - 5.5rem);gap:.5rem}.talk3-list{width:168px}.talk3-name{font-size:.82rem}.talk3-avatar{width:30px;height:30px}.talk3-body .talk{height:calc(100vh - 6.5rem)}}.countlink{background:none;border:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer;padding:0}.modal-backdrop{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--surface);border-radius:12px;width:100%;max-width:26rem;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid var(--line)}.modal-list{overflow-y:auto;padding:.4rem}.modal-row{display:flex;align-items:center;gap:.3rem;padding:.45rem .7rem;border-radius:8px;font-size:.92rem}.modal-row:hover{background:var(--accent-soft)}.folder-row{display:flex;align-items:center;gap:.2rem;width:100%;background:none;border:none;border-radius:8px;padding:.4rem .6rem;font:inherit;font-size:.88rem;cursor:pointer;text-align:left}.folder-row.active{background:var(--accent-soft);font-weight:700}.folder-row .folder-name{background:none;border:none;font:inherit;cursor:pointer;flex:1 1;text-align:left;padding:0}.type-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}@media (max-width:700px){.type-cards{grid-template-columns:1fr}}.type-card{display:flex;gap:.7rem;align-items:flex-start;text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:10px;padding:.7rem .9rem;cursor:pointer;font:inherit}.type-card.active{border-color:var(--accent);background:var(--accent-soft)}.type-card:disabled{opacity:.55;cursor:default}.type-card .type-icon{font-size:1.2rem;width:2rem;text-align:center;flex:none}.type-card strong{display:block;font-size:.92rem}.type-card small{display:block;color:var(--ink-soft);font-size:.78rem;line-height:1.5}.picker-panel{margin-top:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.25rem;max-height:180px;overflow-y:auto}.picker-emoji{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.15rem .3rem;border-radius:6px}.picker-emoji:hover{background:var(--accent-soft)}.picker-sticker{background:none;border:none;cursor:pointer;padding:.2rem;border-radius:8px}.picker-sticker:hover{background:var(--accent-soft)}.field .txt{width:100%;border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem;font:inherit;font-size:.9rem;background:var(--surface)}.tmpl-row{display:flex;gap:.6rem;flex-wrap:wrap}.tmpl{background:var(--surface);border:2px solid var(--line);border-radius:10px;padding:.45rem;cursor:pointer;width:108px;display:flex;flex-direction:column;gap:.3rem;align-items:stretch}.tmpl.active{border-color:var(--accent);background:var(--accent-soft)}.tmpl-grid{display:grid;grid-gap:2px;gap:2px;width:100%}.tmpl-cell{background:#d9e2da;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#56705d}.tmpl.active .tmpl-cell{background:#b7d4bf;color:#1e3527}.tmpl-label{font-size:.72rem;text-align:center;color:var(--ink-soft)}.area-preview{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:.9rem}.area-overlay{position:absolute;inset:0;display:grid}.area-overlay.custom{display:block;cursor:crosshair;touch-action:none}.area-cell.free{position:absolute;border-radius:4px;background:rgba(14,122,70,.12);font-size:1.1rem}.area-cell.free.drawing{background:rgba(14,122,70,.25);border-style:solid}.area-cell{border:1.5px dashed rgba(255,255,255,.9);outline:1.5px dashed rgba(0,0,0,.25);outline-offset:-1.5px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 0 6px rgba(0,0,0,.8)}.settings-cols{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:1.2rem;gap:1.2rem;align-items:start}@media (max-width:900px){.settings-cols{grid-template-columns:1fr}}.settings-card{padding:1.1rem 1.3rem}.settings-card h2{font-size:1rem;margin:0 0 .8rem}.addrow{display:flex;gap:.5rem;margin-bottom:.7rem}.addrow input[type=text]{flex:1 1;border:1px solid var(--line);border-radius:8px;padding:.4rem .7rem;font-size:.88rem;background:var(--surface)}.addrow.small input[type=text]{font-size:.82rem;padding:.25rem .6rem}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.35rem 1rem;font-size:.88rem}.btn,.linkbtn{cursor:pointer}.linkbtn{background:none;border:none;color:var(--ink-soft);font-size:.78rem;text-decoration:underline;padding:0 .2rem}.formerror,.linkbtn:hover{color:var(--danger)}.formerror{font-size:.85rem;margin-bottom:.6rem}.plainlist{list-style:none;margin:0;padding:0}.plainlist li{display:flex;align-items:center;gap:.4rem;padding:.25rem 0}.marktree,.marktree ul{list-style:none;margin:0;padding-left:1.1rem}.marktree{padding-left:0}.markrow{display:flex;align-items:center;gap:.45rem;padding:.2rem 0;font-size:.9rem}.markrow input[type=color]{width:1.5rem;height:1.5rem;border:1px solid var(--line);border-radius:6px;padding:0;background:none;cursor:pointer}.login-screen{position:fixed;inset:0;z-index:100;background:var(--bg);display:flex;align-items:center;justify-content:center}.login-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:2rem 2.2rem;width:320px;display:flex;flex-direction:column;gap:.8rem;box-shadow:0 4px 20px rgba(34,41,31,.08)}.login-box h1{font-size:1.15rem;margin:0;color:var(--accent)}.login-box p{margin:0 0 .4rem}.login-box input{border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem;font-size:1rem;font-family:inherit}.login-box .btn{padding:.55rem 1rem;font-size:.95rem}.bc-cols{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:1.2rem;gap:1.2rem;align-items:start}@media (max-width:960px){.bc-cols{grid-template-columns:1fr}}.titleinput{border:none;background:transparent;font:inherit;font-weight:700;width:100%;border-bottom:1px dashed var(--line);padding:.1rem 0}.titleinput:focus{outline:none;border-bottom-color:var(--accent)}.bc-text{width:100%;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font:inherit;font-size:.92rem;resize:vertical;margin-bottom:1rem;background:var(--surface)}.target-count{font-size:1rem;margin-bottom:1rem}.target-count strong{font-size:1.3rem;color:var(--accent)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.45;cursor:default}.notice{color:var(--accent);font-size:.88rem}.settings-card .field{margin-bottom:.9rem}.settings-card select{border:1px solid var(--line);border-radius:8px;padding:.4rem .6rem;font:inherit;font-size:.88rem;background:var(--surface)}.steprow{border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;margin-bottom:.8rem;background:var(--bg)}.stephead{gap:.8rem;margin-bottom:.5rem;flex-wrap:wrap;font-size:.88rem}.stephead,.stephead label{display:flex;align-items:center}.stephead label{gap:.3rem;color:var(--ink-soft)}.stephead input[type=number]{width:3.5rem}.stephead input[type=number],.stephead input[type=time]{border:1px solid var(--line);border-radius:6px;padding:.2rem .4rem;font:inherit}.steprow textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;font:inherit;font-size:.9rem;resize:vertical;background:var(--surface)}.draghandle{cursor:-webkit-grab;cursor:grab;color:var(--ink-soft);margin-right:.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.markrow.dragging,tr.dragging{opacity:.5}.markrow[draggable],tr[draggable]{cursor:default}