@import "https://fonts.googleapis.com/css2?family=Mali:wght@400;500;600&family=Noto+Sans+Thai:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700&display=swap";:root{color:#222235;font-synthesis:none;--purple:#5b5ce2;--purple-light:#efefff;--line:#e8e9f0;--muted:#75758a;background:#f5f6fa;font-family:Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:250px;padding:28px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#6f70eb,#4d4ec9);border-radius:12px;place-items:center;width:38px;height:38px;font:700 19px Plus Jakarta Sans;display:grid}.brand div:last-child{flex-direction:column;line-height:1.05;display:flex}.brand strong{font:700 17px Plus Jakarta Sans}.brand span,.sidebar-foot span{color:var(--muted);font-size:12px}.capture{background:var(--purple);color:#fff;border:0;border-radius:11px;align-items:center;gap:8px;padding:11px 12px;font-weight:600;display:flex;box-shadow:0 7px 20px #5b5ce22b}.capture kbd{border:1px solid #fff5;border-radius:5px;margin-left:auto;padding:2px 5px;font-size:10px}nav{flex-direction:column;gap:4px;margin-top:24px;display:flex}nav button{color:#656577;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;display:flex}nav button.active{background:var(--purple-light);color:var(--purple);font-weight:600}nav button em{background:#eeeef4;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:18px 8px 0;display:flex}.sidebar-foot>div:last-child{flex-direction:column;display:flex}.avatar,.client-avatar{color:#4b4cc4;background:#e6e8ff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}main{min-height:100vh;margin-left:250px}header{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:78px;padding:0 42px;display:flex;position:sticky;top:0}header h2{margin:0;font-size:16px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#9292a3;font-size:9px;font-weight:700}.header-actions{gap:10px;margin-left:auto;display:flex}.icon-btn,.round-add,.menu-btn{border:1px solid var(--line);color:#5f6071;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.primary{background:var(--purple);color:#fff;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.primary svg{width:18px}.menu-btn{display:none}.content{max-width:1260px;margin:0 auto;padding:34px 42px 60px}.welcome{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.welcome h1,.page-intro h1{margin:4px 0;font-size:28px}.welcome p,.page-intro p{color:var(--muted);margin:0;font-size:14px}.welcome>div:first-child>span{color:var(--purple);font-size:13px;font-weight:600}.day-score{border-right:3px solid #74caa1;flex-direction:column;align-items:flex-end;padding-right:14px;display:flex}.day-score strong{font:700 22px Plus Jakarta Sans}.day-score span{color:var(--muted);font-size:11px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.quick-grid button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.quick-grid button>svg{color:#b0b0bf;width:17px;margin-left:auto}.quick-grid button div{flex-direction:column;display:flex}.quick-grid small{color:var(--muted);margin-top:2px;font-size:11px}.qicon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.qicon svg{width:18px}.purple{color:#5859d8;background:#eef}.orange{color:#d77b3b;background:#fff2e8}.blue{color:#337ca4;background:#e9f6fc}.two-col{grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel h3,.panel-head h3{margin:2px 0;font-size:17px}.link{color:var(--purple);background:0 0;border:0;align-items:center;font-size:12px;display:flex}.round-add{width:34px;height:34px}.round-add svg{width:17px}.task-row{border-bottom:1px solid #f0f0f4;align-items:center;gap:10px;padding:13px 0;display:flex}.task-row:last-child{border-bottom:0}.task-row.done{opacity:.48}.task-row.done .task-copy strong{text-decoration:line-through}.check{color:#b6b7c7;background:0 0;border:0;width:25px;padding:0}.check svg{width:20px}.task-row.done .check{color:#4ca47e}.task-copy{flex-direction:column;flex:1;min-width:0;display:flex}.task-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.task-copy span{color:var(--muted);font-size:11px}.priority{border-radius:10px;padding:3px 8px;font-size:9px}.priority.สูง{color:#d5594e;background:#fff0ef}.priority.กลาง{color:#ad7423;background:#fff5dd}.priority.ปกติ{color:#627080;background:#eef2f7}.due{color:var(--muted);align-items:center;gap:4px;min-width:84px;font-size:10px;display:flex}.meeting-row{border-bottom:1px solid #f0f0f4;align-items:center;gap:12px;padding:13px 0;display:flex}.meeting-row:last-child{border:0}.time{flex-direction:column;width:64px;font-size:11px;display:flex}.time span,.meeting-row>div:last-child span{color:var(--muted);font-size:10px}.meeting-bar{background:#6869e5;border-radius:5px;width:3px;height:37px}.meeting-bar.c1{background:#eda269}.meeting-row>div:last-child{flex-direction:column;font-size:13px;display:flex}.follow{margin-top:0}.client-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mini-client{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.mini-client>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.mini-client strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-client span{color:var(--muted);font-size:10px}.mini-client button{background:var(--purple-light);color:var(--purple);border:0;border-radius:7px;padding:5px 8px;font-size:10px}.page-intro{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.seg{background:#ebecf2;border-radius:10px;padding:3px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 13px;font-size:12px}.seg button.active{color:#333;background:#fff;box-shadow:0 2px 6px #3331}.meeting-grid,.client-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.meeting-card,.client-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:flex-start;gap:14px;padding:20px;display:flex}.date-tile{background:var(--purple-light);color:var(--purple);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:54px;display:flex}.date-tile strong{font:700 18px Plus Jakarta Sans}.date-tile span{font-size:9px}.grow{flex:1}.meeting-meta{color:var(--muted);font-size:10px}.meeting-card h3,.client-card h3{margin:5px 0 0;font-size:16px}.meeting-card p,.client-card p{color:var(--muted);margin:2px 0;font-size:12px}.action-count{color:#418f6d;background:#edf8f3;border-radius:10px;align-items:center;gap:5px;margin-top:12px;padding:4px 8px;font-size:10px;display:inline-flex}.meeting-card>svg{color:#aaa;width:18px}.client-card{display:block}.client-card-top{justify-content:space-between;display:flex}.client-avatar.large{border-radius:12px;width:42px;height:42px}.status{color:#3a8d67;background:#edf8f3;border-radius:10px;height:fit-content;padding:4px 9px;font-size:10px}.client-details{color:#6d6e80;border-top:1px solid var(--line);flex-direction:column;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.client-bottom{justify-content:space-between;margin-top:14px;font-size:10px;display:flex}.client-bottom span{color:#b66b31;align-items:center;gap:4px;display:flex}.client-bottom svg{width:13px}.calendar{padding:0;overflow:hidden}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays span{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);padding:12px;font-size:11px}.days>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:105px;padding:8px;font-size:11px}.days>div:nth-child(7n){border-right:0}.today-cell>span{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.event{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin-top:4px;padding:3px 5px;font-size:8px;font-style:normal;display:block;overflow:hidden}.purple-event{color:#5556ca;background:#eef}.orange-event{color:#b56f38;background:#fff0e5}.task-event{color:#45886a;background:#e9f7f0}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;padding:17px;display:grid}.stat svg{color:var(--purple);background:var(--purple-light);border-radius:10px;grid-column:2;width:38px;height:38px;padding:8px}.stat span{color:var(--muted);grid-row:1;font-size:11px}.stat strong{grid-row:2;font:700 27px Plus Jakarta Sans}.stat small{color:#999;grid-area:3/1/auto/3;font-size:9px}.donut{place-items:center;height:200px;display:grid}.donut>div{background:conic-gradient(var(--purple) 68%,#eee 0);border-radius:50%;place-items:center;width:140px;height:140px;display:grid;position:relative}.donut>div:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:17px}.donut strong,.donut span{z-index:1;position:absolute}.donut strong{margin-top:-16px;font:700 23px Plus Jakarta Sans}.donut span{color:var(--muted);margin-top:20px;font-size:10px}.insight{background:#f5f5ff;border-radius:12px;gap:13px;margin-top:20px;padding:16px;display:flex}.insight>svg{color:var(--purple)}.insight p{color:var(--muted);margin:4px 0;font-size:12px;line-height:1.7}.empty{text-align:center;flex-direction:column;align-items:center;padding-top:120px;display:flex}.empty-icon{background:var(--purple-light);width:70px;height:70px;color:var(--purple);border-radius:20px;place-items:center;display:grid}.empty h1{margin:18px 0 5px;font-size:22px}.empty p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.7}.modal-wrap{z-index:50;background:#29293d88;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(530px,100%);padding:24px;box-shadow:0 24px 80px #16162944}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal h2{margin:3px 0;font-size:20px}.modal label{flex-direction:column;gap:6px;margin-top:13px;font-size:11px;font-weight:600;display:flex}.modal input,.modal textarea,.modal select{color:#333;background:#fff;border:1px solid #dfe0e8;border-radius:9px;outline:none;padding:11px 12px}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.modal textarea{resize:vertical;min-height:95px}.ai-button{color:var(--purple);background:#f7f7ff;border:1px solid #dedfff;border-radius:10px;align-items:center;gap:7px;margin-top:13px;padding:9px 12px;font-size:11px;display:flex}.ai-button.active{background:#e9eaff}.ai-button svg{width:16px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.secondary{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 16px}.scrim{display:none}@media (width<=700px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.scrim{z-index:15;background:#2225;display:block;position:fixed;inset:0}main{margin-left:0}.menu-btn{margin-right:12px;display:grid}.content{padding:28px 22px}.two-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}header{padding:0 22px}.client-cards{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr 1fr}}@media (width<=600px){header{height:68px}.header-actions .primary{justify-content:center;width:40px;padding:0}.header-actions .primary:not(svg){font-size:0}.content{padding:22px 15px}.welcome{align-items:flex-start}.day-score{display:none}.welcome h1,.page-intro h1{font-size:23px}.quick-grid{grid-template-columns:1fr}.two-col{gap:12px}.panel{padding:16px}.task-row{grid-template-columns:25px 1fr auto;display:grid}.due{grid-column:2}.meeting-grid,.client-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start}.page-intro>.primary{padding:10px;font-size:0}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.stat strong{font-size:23px}.days>div{height:74px;padding:4px}.event{height:5px;padding:0;font-size:0}.calendar{min-width:650px;overflow-x:auto}.content:has(.calendar){overflow-x:auto}.seg button{padding:6px 9px}.modal{padding:19px}.task-copy strong{max-width:190px}}.journal-page{max-width:1440px}.journal-intro{align-items:center}.journal-tabs{background:#e9eaf1;border-radius:12px;padding:4px;display:flex}.journal-tabs button{color:#6d6e80;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;display:flex}.journal-tabs button svg{width:17px}.journal-tabs button.active{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 2px 8px #23233b12}.ink-layout,.voice-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px;display:grid}.ink-studio,.voice-recorder,.saved-pages,.voice-library{border:1px solid var(--line);background:#fff;border-radius:16px}.ink-studio{overflow:hidden}.ink-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:62px;padding:9px 13px;display:flex;overflow-x:auto}.note-title{border:0;outline:none;width:170px;min-width:120px;font-size:14px;font-weight:600}.tool-sep{background:var(--line);width:1px;height:26px}.color-tools{gap:7px;display:flex}.color{border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #ddd}.color.active{box-shadow:0 0 0 2px var(--purple)}.ink-toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;font-size:11px}.tool{color:#626375;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:8px 9px;font-size:11px;display:flex}.tool svg{width:16px}.tool:hover,.tool.active{background:var(--purple-light);color:var(--purple)}.tool.danger{color:#b55750}.tool:disabled{opacity:.35}.paper-wrap{background-color:#fff;background-image:linear-gradient(#e8eaf3 1px,#0000 1px),linear-gradient(90deg,#e8eaf3 1px,#0000 1px);background-size:28px 28px;height:590px;position:relative}.paper-wrap:before{content:"";pointer-events:none;background:#f0baba;width:1px;position:absolute;top:0;bottom:0;left:55px}.ink-canvas{touch-action:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.paper-hint{color:#bec0cc;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paper-hint svg{width:35px;height:35px;margin-bottom:10px}.paper-hint small{margin-top:4px;font-size:10px}.ink-canvas:not(:empty)+.paper-hint{display:none}.ink-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;min-height:62px;padding:9px 13px;display:flex}.ink-actions>span{color:#6b9b82;align-items:center;gap:5px;margin-right:auto;font-size:10px;display:flex}.ink-actions svg,.secondary svg{width:16px}.secondary{align-items:center;gap:6px;display:inline-flex}.saved-pages,.voice-library{max-height:716px;padding:18px;overflow-y:auto}.saved-pages h3,.voice-library h3{margin:3px 0 15px;font-size:16px}.saved-empty{text-align:center;color:#a4a5b4;padding:65px 10px}.saved-empty svg{width:34px}.saved-empty p{font-size:11px}.saved-pages article{border:1px solid var(--line);border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:9px;margin-bottom:9px;padding:7px;display:grid}.saved-pages article img{object-fit:cover;border:1px solid #eee;border-radius:6px;width:72px;height:55px}.saved-pages article>div{flex-direction:column;min-width:0;display:flex}.saved-pages article strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.saved-pages article span{color:var(--muted);font-size:8px}.saved-pages article button,.delete-report{color:#aaa;background:0 0;border:0;padding:3px}.saved-pages article button svg,.delete-report svg{width:15px}.voice-recorder{padding:22px}.report-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.report-fields label{flex-direction:column;gap:5px;font-size:10px;font-weight:600;display:flex}.report-fields input,.report-fields select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px}.mic-stage{flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.sound-rings{background:#f1f1ff;border-radius:50%;place-items:center;width:142px;height:142px;margin-bottom:14px;display:grid;position:relative}.recording .sound-rings:before,.recording .sound-rings:after{content:"";border:1px solid #7374e7;border-radius:50%;animation:1.8s infinite pulse;position:absolute;inset:-14px}.recording .sound-rings:after{animation-delay:.6s;inset:-28px}.big-mic{color:#fff;z-index:1;background:linear-gradient(145deg,#696ae7,#4e4fc9);border:0;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 14px 30px #5657db4a}.big-mic svg{width:34px;height:34px}.recording .big-mic{background:linear-gradient(145deg,#e26760,#c94740)}@keyframes pulse{0%{opacity:.8;transform:scale(.92)}to{opacity:0;transform:scale(1.1)}}.mic-stage>strong{font-size:15px}.mic-stage>span{color:var(--muted);margin-top:4px;font-size:10px}.wave{align-items:center;gap:3px;height:34px;margin:12px 0;display:flex}.wave i{background:var(--purple);border-radius:3px;width:3px;height:8px;animation:.7s ease-in-out infinite alternate wave;display:block}.wave i:nth-child(3n){height:22px}.wave i:nth-child(4n){height:15px}@keyframes wave{to{transform:scaleY(.35)}}.rec-actions{height:38px}.transcript-box{border:1px solid var(--line);background:#f8f8fb;border-radius:12px;flex-direction:column;padding:12px;display:flex}.transcript-box>span{align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.transcript-box>span svg{width:15px;color:var(--purple)}.transcript-box em{color:#438365;background:#e9f5ef;border-radius:8px;margin-left:auto;padding:3px 7px;font-size:8px;font-style:normal}.transcript-box textarea{resize:vertical;background:0 0;border:0;outline:none;min-height:95px;margin-top:8px;font-size:12px;line-height:1.7}.voice-card{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;gap:9px;padding:12px 0;display:grid}.voice-card:last-child{border:0}.voice-card .play{background:var(--purple-light);width:35px;height:35px;color:var(--purple);border:0;border-radius:50%;place-items:center;display:grid}.voice-card .play svg{width:14px}.voice-card>div{flex-direction:column;min-width:0;display:flex}.voice-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.voice-card span{color:var(--muted);font-size:8px}.voice-card p{color:#676879;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}@media (width>=701px) and (width<=1180px){.sidebar{width:88px;padding:24px 12px}.brand{padding:0 13px 25px}.brand>div:last-child,.capture kbd,.capture:not(svg),nav button span,nav button em,.sidebar-foot>div:last-child{font-size:0;display:none}.capture,.sidebar nav button{justify-content:center;width:48px;height:48px;margin:0 auto;padding:0}.sidebar-foot{justify-content:center;padding-left:0;padding-right:0}main{margin-left:88px}header{padding:0 28px}.content{padding:28px}.ink-layout,.voice-layout{grid-template-columns:minmax(0,1fr) 250px}.paper-wrap{height:650px}.tool{justify-content:center;width:39px;height:39px;font-size:0}.journal-tabs button{min-height:44px}}@media (width<=800px){.journal-intro{display:block}.journal-tabs{width:100%;margin-top:16px}.journal-tabs button{flex:1;justify-content:center;min-height:48px}.ink-layout,.voice-layout{grid-template-columns:1fr}.saved-pages,.voice-library{max-height:none}.paper-wrap{height:62vh;min-height:480px}.ink-toolbar{min-height:68px}.tool{justify-content:center;min-width:44px;min-height:44px;font-size:0}.color{width:28px;height:28px}.ink-actions>span{display:none}.voice-recorder{padding:16px}.report-fields{grid-template-columns:1fr}.mic-stage{min-height:300px}}@media (width<=520px){.journal-tabs button{font-size:10px}.note-title{width:130px}.paper-wrap:before{left:35px}.paper-wrap{background-size:24px 24px}.ink-actions .secondary{padding:10px;font-size:0}.voice-library,.saved-pages{padding:14px}}:root{--planner-ink:#514957;--planner-pink:#f4b8c7;--planner-lilac:#c8bbe9;--planner-mint:#b9ded7;--planner-yellow:#f5dda1;--planner-blue:#b9d8ec}.planner-page{max-width:1480px;padding-top:26px}.planner-top{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.planner-top h1{color:var(--planner-ink);margin:3px 0;font-family:Noto Sans Thai,sans-serif;font-size:27px}.planner-view-tabs{background:#fff;border:1px solid #eadfe5;border-radius:14px;gap:4px;padding:4px;display:flex;box-shadow:0 5px 20px #7b5d6c0c}.planner-view-tabs button{color:#817985;background:0 0;border:0;border-radius:10px;flex-direction:column;min-width:78px;padding:8px 13px;display:flex}.planner-view-tabs button span{font:700 11px Plus Jakarta Sans}.planner-view-tabs button small{font-size:9px}.planner-view-tabs button.active{color:#4e4652}.planner-view-tabs .daily.active{background:#fde7ed}.planner-view-tabs .weekly.active{background:#eee8fb}.planner-view-tabs .monthly.active{background:#e5f4f0}.planner-view-tabs .yearly.active{background:#fff1c9}.planner-datebar{align-items:center;gap:7px;margin-bottom:13px;display:flex}.planner-datebar>button{color:#706874;background:#fff;border:1px solid #eadfe5;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.planner-datebar>button svg{width:17px}.planner-datebar .today-button{width:auto;padding:0 13px;font-size:11px}.planner-datebar h2{color:#675f6b;margin:0 auto;font-size:14px}.planner-datebar .planner-add{color:#fff;background:#8d7aba;border:0;gap:5px;width:auto;padding:0 13px;display:flex}.planner-book{background:#fff;border:10px solid #423e47;border-radius:22px;grid-template-columns:1fr 1fr;min-height:720px;display:grid;position:relative;overflow:visible;box-shadow:0 18px 48px #44334326,0 2px #19171b}.planner-book:before{content:"";pointer-events:none;z-index:5;border:2px solid #ece1e7;border-radius:10px;position:absolute;inset:4px}.paper-page{color:var(--planner-ink);background-color:#fffcfa;background-image:linear-gradient(#f1e9ed 1px,#0000 1px);background-size:100% 28px;min-width:0;padding:32px 36px 28px;position:relative}.left-page{border-right:1px solid #d7ccd2;border-radius:12px 0 0 12px}.right-page{border-radius:0 12px 12px 0}.paper-page:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 93%,#705b6814);position:absolute;inset:0}.right-page:after{background:linear-gradient(90deg,#705b6814,#0000 7%)}.spiral{z-index:8;pointer-events:none;flex-direction:column;justify-content:space-around;width:30px;display:flex;position:absolute;top:20px;bottom:20px;left:50%;transform:translate(-50%)}.spiral i{background:linear-gradient(#d4b48d,#836848);border:3px solid #9a8062;border-radius:7px;width:44px;height:9px;margin-left:-7px;box-shadow:0 2px 2px #2c20203b}.bookmark-tabs{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;inset:20px -25px auto auto}.bookmark-tabs i{border-radius:0 8px 8px 0;width:27px;height:54px;box-shadow:2px 2px 5px #5552}.bookmark-tabs i:first-child{background:#f5b9c8}.bookmark-tabs i:nth-child(2){background:#e9c59d}.bookmark-tabs i:nth-child(3){background:#f0dd91}.bookmark-tabs i:nth-child(4){background:#b8ddd1}.bookmark-tabs i:nth-child(5){background:#b7d5e8}.bookmark-tabs i:nth-child(6){background:#c6b7e7}.paper-title{text-align:center;margin-bottom:16px;position:relative}.paper-title span{text-transform:uppercase;letter-spacing:.18em;color:#a28e9b;font-size:8px}.paper-title h3{color:#524953;margin:2px 0;font:700 24px Plus Jakarta Sans,Noto Sans Thai}.paper-title div{background:var(--accent);opacity:.65;border-radius:50%;width:120px;height:6px;margin:3px auto}.daily-date{border-bottom:2px solid #efcbd5;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:grid}.daily-date>strong{color:#d98fa4;font:700 38px Plus Jakarta Sans}.daily-date>div{flex-direction:column;display:flex}.daily-date span{font-size:13px;font-weight:700}.daily-date small{color:#9c8f99;font-size:9px}.daily-date svg{color:#e8ad5f;width:30px}.paper-box{background:#fffdfd;border:1px solid #e8d9e1;border-radius:10px;margin-bottom:12px;padding:11px;box-shadow:0 2px #8c71800b}.paper-box h4{color:#7a6370;align-items:center;gap:5px;margin:-5px 0 9px;font-size:11px;display:flex}.paper-box h4 svg{color:#de94a8;width:14px}.priorities p{align-items:center;gap:8px;margin:5px 0;font-size:10px;display:flex}.priorities p span{color:#c27b8f;background:#fde3ea;border-radius:50%;place-items:center;width:19px;height:19px;font:700 9px Plus Jakarta Sans;display:grid}.daily-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.daily-grid .paper-box label{align-items:center;gap:5px;margin:6px 0;font-size:9px;display:flex}.daily-grid svg{width:11px}.expenses p{border-bottom:1px dotted #dccbd3;justify-content:space-between;padding-bottom:3px;font-size:9px;display:flex}.notes-lines{background:repeating-linear-gradient(#fff,#fff 23px,#e8dce2 24px);height:118px}.notes-lines p{color:#c2afb9;font-size:9px}.schedule-list{border-top:1px solid #ddd0d7}.schedule-list>div{border-bottom:1px solid #e9dfe4;grid-template-columns:54px 1fr;min-height:37px;display:grid}.schedule-list time{color:#9a8993;border-right:1px solid #e9dfe4;padding:10px 8px;font:600 9px Plus Jakarta Sans}.schedule-list span{border-radius:6px;margin:4px 8px;padding:5px;font-size:9px}.schedule-list span.filled{color:#537c75;background:#e8f3f1;border-left:3px solid #9bcfc5}.schedule-list>div:nth-child(5) span.filled{color:#8f5e6b;background:#fde8ed;border-color:#e8a0b3}.right-bottom{grid-template-columns:1.25fr .75fr;gap:10px;margin-top:14px;display:grid}.task-checks label{align-items:flex-start;gap:6px;margin:7px 0;font-size:9px;display:flex}.task-checks label>span{border:1px solid #d9bdca;border-radius:3px;flex:none;width:13px;height:13px}.task-checks label>span.checked{color:#fff;background:#acd6cc;border-color:#acd6cc}.task-checks label svg{width:11px;height:11px}.water>div{gap:4px;display:flex}.water i{background:linear-gradient(#0000 40%,#c9e7ef 40%);border:1px solid #aad0dc;border-radius:2px 2px 5px 5px;width:12px;height:17px;display:block}.paper-sticker{text-align:center;background:#fff2bc;border:1px dashed #d6bb6e;border-radius:48% 52% 45% 55%;padding:15px 8px;font-size:9px;transform:rotate(-2deg)}.paper-sticker svg{color:#e5aa59;width:15px}.full-spread{border-radius:12px;grid-column:1/3;padding:30px 42px}.full-spread:after{background:linear-gradient(90deg,#0000 48.5%,#6d536112 50%,#0000 51.5%)}.week-goals{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px;display:grid}.week-goals>div{background:#faf2f6;border-radius:10px;grid-template-columns:auto 1fr;column-gap:9px;padding:10px 15px;display:grid}.week-goals>div:nth-child(2){background:#edf7f4}.week-goals svg{color:#dc94a8;grid-row:1/3;width:21px}.week-goals strong{font-size:10px}.week-goals span{color:#9b8d95;font-size:8px}.week-columns{background:#fff;border:1px solid #e2d5dc;border-radius:12px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.week-columns article{border-right:1px solid #e2d5dc;min-height:410px;padding-bottom:8px}.week-columns article:last-child{border:0}.week-columns article.current{background:#fff8e8}.week-columns header{background:#f9e6ec;flex-direction:column;justify-content:center;height:48px;position:static;border:0!important;padding:5px 10px!important;display:flex!important}.week-columns article:nth-child(2n) header{background:#eee9f9}.week-columns article:nth-child(3n) header{background:#e8f5f2}.week-columns header span{font-size:8px}.week-columns header strong{font:700 15px Plus Jakarta Sans}.week-event{background:#f5f0fa;border-radius:5px;margin:7px 5px;padding:5px;font-size:8px;line-height:1.35}.week-event.meeting-dot{background:#e4f2ef;border-left:2px solid #8cc8ba}.week-event i{border:1px solid #c4aeba;border-radius:2px;width:6px;height:6px;margin-right:3px;display:inline-block}.write-lines{background:repeating-linear-gradient(#0000,#0000 24px,#ede3e8 25px);height:250px}.week-footer{grid-template-columns:1fr 1fr;gap:12px;margin-top:13px;display:grid}.week-footer .paper-box{height:70px;margin:0}.week-footer span{color:#b2a0aa;font-size:8px}.month-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px;display:grid}.month-calendar{background:#fff;border:1px solid #e4d7de;border-radius:10px;overflow:hidden}.month-weekdays,.month-days{grid-template-columns:repeat(7,1fr);display:grid}.month-weekdays span{text-align:center;background:#fae8ed;padding:9px;font-size:9px;font-weight:700}.month-weekdays span:nth-child(2n){background:#eeeafb}.month-days>div{border-bottom:1px solid #ece3e8;border-right:1px solid #ece3e8;height:82px;padding:6px;position:relative}.month-days>div:nth-child(7n){border-right:0}.month-days b{color:#887985;font:600 9px Plus Jakarta Sans}.month-days div.today b{color:#fff;background:#eb9eb2;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.month-days em{color:#567f77;white-space:nowrap;text-overflow:ellipsis;background:#e7f4f1;border-radius:4px;margin-top:4px;padding:3px;font-size:7px;font-style:normal;display:block;overflow:hidden}.month-days em.task-mark{color:#927b42;background:#fff0c9}.month-focus label{gap:4px;margin:7px 0;font-size:9px;display:flex}.month-focus svg{width:11px}.habit-grid>div{grid-template-columns:1fr repeat(7,12px);align-items:center;gap:3px;margin:7px 0;display:grid}.habit-grid span{font-size:8px}.habit-grid i{border:1px solid #c8dcd6;border-radius:3px;height:12px}.month-layout aside .notes-lines{height:165px}.year-goals{background:#f4eef8;border-radius:10px;align-items:center;gap:14px;margin-bottom:13px;padding:9px 15px;display:flex}.year-goals>span{text-transform:uppercase;font-size:8px}.year-goals>strong{color:#8a72a2;font-size:12px}.year-goals>div{align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.year-goals svg{width:14px}.mini-months{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mini-months article{background:#fff;border:1px solid #e4d7de;border-radius:9px;overflow:hidden}.mini-months h4{text-align:center;background:#fae7ed;margin:0;padding:6px;font-size:9px}.mini-months article:nth-child(4n+2) h4{background:#eeeafb}.mini-months article:nth-child(4n+3) h4{background:#e6f3f0}.mini-months article:nth-child(4n+4) h4{background:#fff0c9}.mini-months article>div{grid-template-columns:repeat(7,1fr);padding:5px;display:grid}.mini-months span,.mini-months i{text-align:center;height:13px;font-size:6px;font-style:normal}.mini-months span{color:#a28f99;font-weight:700}.mini-months i.today{color:#fff;background:#eaa0b4;border-radius:50%}@media (width<=1100px){.planner-book{min-height:680px}.paper-page{padding:26px 24px}.month-layout{grid-template-columns:minmax(0,1fr) 210px}.week-columns article{min-height:360px}.mini-months{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.planner-page{padding-left:16px;padding-right:16px}.planner-top{display:block}.planner-view-tabs{margin-top:12px}.planner-view-tabs button{flex:1;min-width:0}.planner-datebar .planner-add{width:38px;padding:0;font-size:0}.planner-book{border-width:7px;min-height:0;display:block;overflow:hidden}.spiral,.bookmark-tabs{display:none}.paper-page{border-radius:0;min-height:650px}.left-page,.right-page{border:0;border-bottom:5px solid #443e47}.right-page{border-bottom:0}.paper-page:after,.full-spread:after{display:none}.full-spread{padding:24px 18px}.weekly-spread,.month-spread,.year-spread{min-height:720px}.week-columns{grid-template-columns:repeat(7,135px);overflow-x:auto}.month-layout{grid-template-columns:1fr}.month-days>div{height:72px}.mini-months{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.planner-top h1{font-size:23px}.planner-view-tabs button span{font-size:9px}.planner-datebar h2{font-size:11px}.paper-page{padding:23px 15px}.daily-grid,.right-bottom{grid-template-columns:1fr}.notes-lines{height:100px}.month-weekdays span{padding:7px 2px;font-size:7px}.month-days>div{height:57px;padding:3px}.month-days em{height:5px;padding:0;font-size:0}.mini-months{grid-template-columns:repeat(2,1fr)}.year-goals{display:block}.year-goals>div{margin-top:7px}.paper-title h3{font-size:20px}}:root{--purple:#8e7bb7;--purple-light:#f0ebf8;--line:#eadfe5;--muted:#887d86}body{background:#eee8e9 radial-gradient(#cbbdc3 .7px,#0000 .7px) 0 0/18px 18px}.app-shell{background:linear-gradient(135deg,#f5eef1cc,#edf3f2cc);min-height:100vh}.sidebar{background:#fff9f7;border-right:0;padding-left:20px;overflow:visible;box-shadow:8px 0 25px #5e465412}.sidebar:before{content:"";pointer-events:none;border:1px solid #eadde3;border-radius:15px;position:absolute;inset:12px 8px 12px 10px}.sidebar:after{content:"";filter:drop-shadow(1px 1px 1px #5d463844);z-index:2;background:repeating-linear-gradient(#9b7c61 0 5px,#d4b795 5px 9px,#0000 9px 28px);width:13px;position:absolute;top:18px;bottom:18px;right:-8px}.brand,.capture,.sidebar nav,.sidebar-foot{z-index:3;position:relative}.brand-mark{background:linear-gradient(145deg,#e9a9ba,#c986a0);border-radius:50% 45% 50% 44%;transform:rotate(-4deg);box-shadow:inset 0 0 0 3px #fff9,0 4px 10px #c27f9833}.brand strong{color:#574a54}.brand span{color:#b17e91;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.capture{background:linear-gradient(135deg,#9a84c2,#816aa9);border-radius:8px 13px 9px 12px;box-shadow:0 5px #715e91,0 10px 20px #6c577f20}.sidebar nav{gap:7px}.sidebar nav button{color:#746873;border-radius:8px 0 0 8px;min-height:40px;position:relative}.sidebar nav button:after{content:"";opacity:.78;background:#f1c1ce;border-radius:0 7px 7px 0;width:12px;height:29px;position:absolute;left:100%}.sidebar nav button:nth-child(2):after{background:#efd1a6}.sidebar nav button:nth-child(3):after{background:#eedf91}.sidebar nav button:nth-child(4):after{background:#b8dfd3}.sidebar nav button:nth-child(5):after{background:#b9d8eb}.sidebar nav button:nth-child(6):after{background:#c8b9e8}.sidebar nav button:nth-child(7):after{background:#efb8ca}.sidebar nav button:nth-child(8):after{background:#bddcc6}.sidebar nav button.active{color:#955e76;background:linear-gradient(90deg,#f6e8ed,#fff9f7);box-shadow:inset 3px 0 #dfa0b4}.sidebar-foot{border-top:1px dashed #dacbd2}.avatar,.client-avatar{color:#9f667c;background:#f4dfe7;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #a47b8c25}main{background:0 0}main>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf8e8;border-bottom:1px dashed #dcced5;height:76px}main>header:after{content:"";border-bottom:1px solid #f1e3e9;position:absolute;bottom:5px;left:30px;right:30px}.eyebrow{color:#b48496}.header-actions .icon-btn,.round-add,.menu-btn{background:#fffaf8;border-color:#e5d7de;box-shadow:0 2px #d7c3cd}.primary{background:linear-gradient(135deg,#9c85c0,#846dad);border-radius:9px 12px 8px 11px;box-shadow:0 3px #6e598e}.content:not(.planner-page){position:relative}.content:not(.planner-page):before{content:"";z-index:-1;background-color:#fffcfa;background-image:linear-gradient(#f2eaee 1px,#0000 1px);background-size:100% 28px;border:1px solid #eadde3;border-radius:17px;position:absolute;inset:18px 20px 28px;box-shadow:0 12px 35px #664b5912}.welcome{padding:18px 22px 4px}.welcome h1,.page-intro h1,.empty h1{color:#574b55}.welcome h1:after,.page-intro h1:after{content:"";background:#f4bfcc88;border-radius:50%;width:90px;height:7px;margin-top:-5px;display:block}.day-score{border-right-color:#a9d6cc}.quick-grid{padding:0 18px}.quick-grid button{background:#fffdfb;border:1px solid #eadde3;border-radius:10px;min-height:68px;transform:rotate(-.15deg);box-shadow:0 4px #ddcdd4}.quick-grid button:nth-child(2){background:#fff9f2;transform:rotate(.15deg);box-shadow:0 4px #e8d1b9}.quick-grid button:nth-child(3){background:#f4fbf9;box-shadow:0 4px #cfe0dc}.quick-grid button:hover{transform:translateY(-2px)}.qicon{border-radius:50%}.content:not(.planner-page)>.two-col,.content:not(.planner-page)>.panel,.content:not(.planner-page)>.page-intro,.content:not(.planner-page)>.meeting-grid,.content:not(.planner-page)>.client-grid,.content:not(.planner-page)>.stat-grid{margin-left:18px;margin-right:18px}.panel{background-color:#fffdfb;background-image:linear-gradient(#f2eaee 1px,#0000 1px);background-size:100% 26px;border:1px solid #e6d9df;border-radius:9px 13px 10px 12px;padding-top:25px;box-shadow:3px 5px #d8c9d033}.panel-head{border-bottom:2px solid #f0c0cc;padding-bottom:7px}.panel:nth-child(2) .panel-head{border-bottom-color:#aed8cf}.panel h3,.panel-head h3{color:#655660}.task-row{border-bottom:1px dotted #d9c8d0;min-height:53px}.check{color:#c6a4b3}.priority{border-radius:5px 8px}.meeting-row{border-bottom:1px dotted #dbcbd2}.follow{background-color:#fffdf9}.mini-client{background:#fff;border:1px dashed #ddcbd3;border-radius:9px;box-shadow:1px 2px #ddcfd5}.mini-client:nth-child(2){background:#fffaf0}.mini-client:nth-child(3){background:#f3fbf8}.page-intro{padding:14px 4px 0}.seg{background:#eee5ea;border:1px solid #e0d2d9}.seg button.active{color:#90647a;background:#fffaf8}.meeting-grid,.client-grid{gap:18px}.meeting-card,.client-card{background:#fffdfb;border:1px solid #e5d6dd;border-radius:9px 14px 10px 13px;position:relative;box-shadow:4px 5px #dacbd233}.meeting-card:before,.client-card:before{content:"";background:#f3d7a7aa;width:48px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg)}.meeting-card:nth-child(2n):before,.client-card:nth-child(2n):before{background:#c3ddd6aa;transform:translate(-50%)rotate(2deg)}.date-tile{color:#a86c82;background:#f8e1e8;border-radius:50%}.action-count{background:#eaf6f2}.client-card-top .status{background:#edf6f2}.client-details{border-top:1px dashed #ddcdd4}.stat-grid{gap:17px}.stat{background:#fffaf8;border:1px solid #e4d5dc;border-radius:9px 13px 10px 12px;box-shadow:3px 4px #d9cad1}.stat:nth-child(2){background:#fff9ed}.stat:nth-child(3){background:#f2faf7}.stat:nth-child(4){background:#f3effa}.stat svg{background:#f0e8f7}.insight{background:#f4eef8;border:1px dashed #cbbce0}.empty-icon{color:#9d6b80;background:#f4e6ed;border:1px dashed #c994a8;border-radius:50%}.modal-wrap{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#4d3b4773}.modal{background-color:#fffdfb;background-image:linear-gradient(#f0e7eb 1px,#0000 1px);background-size:100% 27px;border:8px solid #4b444c;border-radius:18px;box-shadow:0 28px 90px #281d2444}.modal:before{content:"";display:block;position:absolute}.modal label{color:#76636e}.modal input,.modal textarea,.modal select{background:#fffdfbd9;border:1px solid #ddcbd4;border-radius:7px}.ai-button{background:#f2edf8;border:1px dashed #bba8d1}.secondary{background:#fffaf8;border-color:#dfd0d7}.ink-studio,.voice-recorder,.saved-pages,.voice-library{background:#fffdfb;border-color:#e2d3da;box-shadow:4px 5px #d5c5cd}.ink-toolbar{background:#fff8f5;border-bottom:1px dashed #dccbd3}.paper-wrap{background-color:#fffcf9;background-image:linear-gradient(#e8e0e4 1px,#0000 1px),linear-gradient(90deg,#f0e9ec 1px,#0000 1px)}.saved-pages,.voice-library{background-color:#fffdfb;background-image:linear-gradient(#f2eaee 1px,#0000 1px);background-size:100% 26px}.journal-tabs{background:#ebe3e8}.journal-tabs button.active{background:#fffaf8}.voice-card{border-bottom:1px dotted #d5c4cd}.voice-card .play{background:#eee8f7}.calendar,.donut>div:after{background:#fffdfb}@media (width>=701px) and (width<=1180px){.sidebar:after{right:-5px}.sidebar nav button:after{width:9px}.brand{padding-left:4px}.content:not(.planner-page):before{inset:12px 12px 25px}.content:not(.planner-page)>.two-col,.content:not(.planner-page)>.panel,.content:not(.planner-page)>.page-intro,.content:not(.planner-page)>.meeting-grid,.content:not(.planner-page)>.client-grid,.content:not(.planner-page)>.stat-grid{margin-left:10px;margin-right:10px}}@media (width<=700px){.sidebar:after{display:none}.content:not(.planner-page):before{inset:10px 7px 24px}.content:not(.planner-page)>.two-col,.content:not(.planner-page)>.panel,.content:not(.planner-page)>.page-intro,.content:not(.planner-page)>.meeting-grid,.content:not(.planner-page)>.client-grid,.content:not(.planner-page)>.stat-grid{margin-left:3px;margin-right:3px}.quick-grid{padding:0 3px}.welcome{padding-left:5px;padding-right:5px}}.journal-error{text-align:center;background:#fffaf8;border:8px solid #4b444c;border-radius:18px;max-width:620px;margin:90px auto;padding:45px;box-shadow:0 20px 55px #44334233}.journal-error>svg{color:#b57991;width:48px;height:48px}.journal-error h2{color:#5e5059}.journal-error p{color:#887984;font-size:13px;line-height:1.8}.smart-tool.active{color:#4d8a7d!important;background:#e8f5f1!important}.convert-tool{color:#745a9a!important;background:#f1ebf8!important}.smart-ink-panel{background:#fff9ee;border-bottom:1px dashed #dfcda9;padding:14px 16px;box-shadow:inset 0 3px 8px #9b774a0c}.smart-ink-panel>div:first-child{align-items:center;gap:9px;margin-bottom:10px;display:flex}.smart-ink-panel>div:first-child>svg{color:#9474b3;width:21px}.smart-ink-panel>div:first-child>div{flex-direction:column;display:flex}.smart-ink-panel strong{color:#61505d;font-size:12px}.smart-ink-panel span{color:#9a7e8c;font-size:9px}.smart-ink-panel textarea{resize:vertical;background:#fff;border:1px solid #decdd5;border-radius:9px;outline:none;width:100%;min-height:64px;padding:10px 12px;font-size:15px}.smart-ink-panel textarea:focus{border-color:#9b83ba;box-shadow:0 0 0 3px #eee8f7}.smart-ink-panel>div:last-child{justify-content:flex-end;gap:7px;margin-top:8px;display:flex}.smart-ink-panel select{background:#fff;border:1px solid #decdd5;border-radius:8px;margin-right:auto;padding:8px;font-size:10px}.smart-ink-panel .primary:disabled{opacity:.45}.smart-ink-tip{background:#eef8f5;border:1px dashed #b5d6ce;border-radius:9px;align-items:center;gap:9px;margin-bottom:12px;padding:10px;display:flex}.smart-ink-tip>svg{color:#579485;width:20px}.smart-ink-tip>div{flex-direction:column;display:flex}.smart-ink-tip strong{color:#537a71;font-size:10px}.smart-ink-tip span{color:#78968f;font-size:8px;line-height:1.5}@media (width<=800px){.smart-ink-panel>div:last-child{flex-wrap:wrap}.smart-ink-panel select{width:100%;margin:0 0 3px}.ink-toolbar .smart-tool,.ink-toolbar .convert-tool{font-size:0}}.insert-tool{color:#8b6a2f!important;background:#fff3dd!important}.insert-tool svg:last-child{width:11px}.shape-picker{background:#fffdfb;border-bottom:1px solid #e1d2da;padding:13px 16px;box-shadow:inset 0 4px 12px #6f4f600c}.shape-picker-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.shape-picker-head>div{align-items:center;gap:9px;display:flex}.shape-picker-head>div>svg{color:#9b78b7;width:22px}.shape-picker-head span{flex-direction:column;display:flex}.shape-picker-head strong{font:700 12px Plus Jakarta Sans}.shape-picker-head small{color:#968891;font-size:8px}.shape-picker-head>button{color:#998d94;background:0 0;border:0}.shape-picker-head>button svg{width:17px}.shape-groups{grid-template-columns:1.25fr .8fr 1fr 1fr;gap:13px;display:grid}.shape-groups section{min-width:0}.shape-groups h4{color:#9c8993;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:8px}.shape-groups section>div{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.shape-groups section:nth-child(2)>div,.shape-groups section:nth-child(3)>div,.shape-groups section:nth-child(4)>div{grid-template-columns:repeat(3,1fr)}.shape-groups button{color:#635760;background:#fff;border:1px solid #e8dde2;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:50px;padding:5px 3px;display:flex}.shape-groups button:hover{background:#f6f1fa;border-color:#a68bb9;transform:translateY(-1px)}.shape-groups button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:6px;overflow:hidden}.shape-preview{border:1.5px solid;width:22px;height:16px;display:block;position:relative}.shape-circle{border-radius:50%}.shape-ellipse{border-radius:50%;height:12px}.shape-roundRect,.shape-terminator{border-radius:7px}.shape-triangle{clip-path:polygon(50% 8%,95% 92%,5% 92%,50% 8%);background:0 0;border:11px solid #0000;border-top:0;border-bottom:17px solid;width:0;height:0}.shape-diamond,.shape-decision{width:15px;height:15px;transform:rotate(45deg)}.shape-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:currentColor;border:0;height:21px}.shape-heart{clip-path:path("M11 20 C 2 13 0 7 4 3 C 7 0 10 2 11 5 C 12 2 15 0 18 3 C 22 7 20 13 11 20");background:#d88ca3;border:0;height:20px}.shape-cloud{border-radius:50%;height:13px}.shape-cloud:before,.shape-cloud:after{content:"";background:#fff;border:1.5px solid;border-bottom:0;border-radius:50% 50% 0 0;position:absolute}.shape-cloud:before{width:10px;height:9px;top:-7px;left:3px}.shape-cloud:after{width:11px;height:11px;top:-9px;right:2px}.shape-callout:after{content:"";background:#fff;border-bottom:1.5px solid;border-left:1.5px solid;width:6px;height:6px;position:absolute;bottom:-5px;right:3px;transform:skew(-25deg)}.shape-pentagon{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-arrowRight,.shape-arrowLeft,.shape-arrowUp,.shape-arrowDown,.shape-doubleArrow,.shape-lineArrow{border:0;border-top:2px solid;width:24px;height:2px}.shape-arrowRight:after,.shape-lineArrow:after,.shape-doubleArrow:after{content:"";border-top:2px solid;border-right:2px solid;width:7px;height:7px;position:absolute;top:-5px;right:-1px;transform:rotate(45deg)}.shape-arrowLeft:before,.shape-doubleArrow:before{content:"";border-bottom:2px solid;border-left:2px solid;width:7px;height:7px;position:absolute;top:-5px;left:-1px;transform:rotate(45deg)}.shape-arrowUp{transform:rotate(-90deg)}.shape-arrowDown{transform:rotate(90deg)}.shape-document{border-radius:1px}.shape-document:after{content:"∿";font-size:12px;position:absolute;bottom:-5px;left:2px}.shape-database{border-radius:50%;height:18px}.shape-delay{border-radius:0 50% 50% 0}.shape-icon-preview{color:#78667d;height:22px;font:700 19px Noto Sans Thai}.shape-process{border-radius:0}.shape-picker+.smart-ink-panel{border-top:1px dashed #dbcbd3}@media (width<=1050px){.shape-groups{grid-template-columns:1fr 1fr}.shape-groups section>div,.shape-groups section:nth-child(2)>div,.shape-groups section:nth-child(3)>div,.shape-groups section:nth-child(4)>div{grid-template-columns:repeat(6,1fr)}}@media (width<=700px){.shape-picker{max-height:48vh;overflow-y:auto}.shape-groups{grid-template-columns:1fr}.shape-groups section>div,.shape-groups section:nth-child(2)>div,.shape-groups section:nth-child(3)>div,.shape-groups section:nth-child(4)>div{grid-template-columns:repeat(4,1fr)}.shape-groups button{min-height:56px}.ink-toolbar .insert-tool{font-size:0}}.selected-delete{color:#b65d57!important;background:#fff0ef!important}.shape-selection{z-index:3;pointer-events:none;border:1.5px dashed #7d64a4;border-radius:4px;position:absolute;box-shadow:0 0 0 2px #fff9}.shape-selection>i{background:#fff;border:2px solid #7d64a4;border-radius:50%;width:10px;height:10px;position:absolute}.shape-selection>i:first-child{top:-6px;left:-6px}.shape-selection>i:nth-child(2){top:-6px;right:-6px}.shape-selection>i:nth-child(3){bottom:-6px;right:-6px}.shape-selection>i:nth-child(4){bottom:-6px;left:-6px}.shape-selection>span{color:#fff;white-space:nowrap;background:#756092;border-radius:8px;padding:3px 8px;font-size:8px;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 2px 7px #59466b33}.ink-canvas.object-selected{cursor:move}.paper-wrap:has(.shape-selection){background-color:#fffefb}.pwa-control{position:relative}.install-button{color:#715b91;background:#f2ecf8;border:1px solid #cbbad7;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.install-button svg{width:16px}.install-button:hover{background:#e9e0f2}.installed-badge{color:#5f8a78;background:#edf7f2;border:1px solid #c7dfd5;border-radius:10px;align-items:center;gap:5px;height:40px;padding:0 10px;font-size:9px;display:flex}.installed-badge svg{width:15px}.install-help{text-align:center;z-index:40;background:#fffdfb;border:1px solid #decfd6;border-radius:14px;width:290px;padding:21px;position:absolute;top:48px;right:0;box-shadow:0 18px 55px #49384230}.install-help:before{content:"";background:#fffdfb;border-top:1px solid #decfd6;border-left:1px solid #decfd6;width:13px;height:13px;position:absolute;top:-7px;right:28px;transform:rotate(45deg)}.close-install{color:#9d9097;background:0 0;border:0;position:absolute;top:8px;right:8px}.close-install svg{width:16px}.install-device{color:#8e73ae;width:38px;height:38px;margin:2px auto 10px;display:block}.install-help strong{color:#5f515a;font-size:13px}.install-help p{color:#7e7079;font-size:10px;line-height:1.7}.install-help p svg{vertical-align:middle;width:14px}.install-help small{color:#866c38;background:#fff3d9;border-radius:8px;padding:8px;font-size:8px;line-height:1.55;display:block}@media (width<=700px){.install-button,.installed-badge{justify-content:center;width:40px;padding:0;font-size:0}.install-help{width:auto;position:fixed;top:82px;left:15px;right:15px}.install-help:before{display:none}}