.reminder-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:3vh 3vw;background:#000b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reminder-editor{width:min(1540px,96vw);height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#171719;color:#e9f4f6;border:1px solid #ffffff12;border-radius:26px;box-shadow:0 30px 100px #0009;font:14px/1.5 system-ui,sans-serif}.reminder-editor,.reminder-editor *{box-sizing:border-box}.reminder-editor:focus{outline:none}.reminder-editor header{display:flex;align-items:center;gap:18px;padding:18px 24px;background:#222224;border-bottom:1px solid #ffffff0c}.reminder-editor h2{margin:0;font-size:22px;font-weight:750}.reminder-editor h3{margin:16px 0 12px;font-size:15px;font-weight:700}.reminder-editor small{color:#79d9ec}.reminder-toolbar{display:flex;gap:8px;margin-left:auto}.reminder-columns{flex:1;display:grid;grid-template-columns:230px minmax(0,1fr) 310px;min-height:0}.reminder-columns aside{padding:20px;overflow-y:auto;background:#151517}.reminder-editor button:not(.reminder-layout-background *){border:1px solid #ffffff08;background:#27272a;border-radius:12px;padding:10px 14px;cursor:pointer;color:inherit}.reminder-columns aside>button{width:100%;margin:6px 0;text-align:left}.reminder-editor button:not(.reminder-layout-background *):hover{background:#343c42}.reminder-editor button:not(.reminder-layout-background *):disabled{opacity:.35;cursor:default}.reminder-editor button:not(.reminder-layout-background *).selected{background:#233941;border-color:#57d9ef}.reminder-editor button:not(.reminder-layout-background *).primary{color:#05232c;background:#57d1ed;font-weight:750}.reminder-editor button:not(.reminder-layout-background *):focus-visible,.reminder-editor input:focus-visible,.reminder-editor select:focus-visible{outline:2px solid #57d9ef;outline-offset:2px}.reminder-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reminder-grid button{padding:10px 6px}.reminder-grid .reminder-library-category:disabled{cursor:not-allowed;opacity:.4}.reminder-library-section+.reminder-library-section{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff12}.reminder-library-section h3{margin-top:0;color:#dce8ee;font-size:13px}.reminder-library-individuals>.reminder-library-item+.reminder-library-item{margin-top:10px}.reminder-template-actions{display:flex;gap:8px;margin:6px 0}.reminder-template-actions button{flex:1}.reminder-editor button:not(.reminder-layout-background *).reminder-delete{color:#fff;background:#dc2626;border-color:#ef4444}.reminder-editor button:not(.reminder-layout-background *).reminder-delete:hover{background:#b91c1c}.reminder-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#9ea7ae;font-size:12px;min-width:0}.reminder-field input,.reminder-field select{min-width:0;width:100%;border:1px solid #ffffff10;border-radius:10px;background:#232326;color:#f1f5f6;padding:10px;font-size:14px}.reminder-field input[type=color]{height:42px;padding:4px}.reminder-field input[type=checkbox]{width:20px;height:20px}.reminder-image-upload{position:relative}.reminder-image-upload .reminder-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reminder-image-upload .reminder-file-select{display:block;overflow:hidden;padding:10px 42px 10px 10px;color:#f1f5f6;border:1px solid #ffffff10;border-radius:10px;background:#232326;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.reminder-image-upload .reminder-file-input:focus-visible+.reminder-file-select{outline:2px solid #57d9ef;outline-offset:2px}.reminder-image-upload .reminder-file-input:disabled+.reminder-file-select{cursor:not-allowed;opacity:.5}.reminder-editor button:not(.reminder-layout-background *).reminder-clear-image{position:absolute;z-index:1;top:50%;right:8px;display:grid;place-items:center;width:26px;height:26px;padding:0;transform:translateY(-50%);color:#fecaca;border-color:#7f1d1d;border-radius:7px;background:#450a0a;font-size:18px;line-height:1}.reminder-editor button:not(.reminder-layout-background *).reminder-clear-image:hover{background:#7f1d1d}.reminder-percentage{position:relative}.reminder-percentage input{padding-right:32px}.reminder-percentage span{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:#acbec9;font-size:14px;pointer-events:none}.reminder-progress-preview{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px;color:#9ea7ae;font-size:12px}.reminder-progress-preview span{display:flex;justify-content:space-between;align-items:center}.reminder-progress-preview-value{color:#e9f4f6;font-variant-numeric:tabular-nums}.reminder-progress-preview input{width:100%;margin:0;accent-color:#57d9ef;cursor:ew-resize}.reminder-stage{position:relative;background:radial-gradient(#223044 1px,transparent 1px) 0 0 / 24px 24px,#070b10;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 22px 70px;overflow:auto}.reminder-card-surface{flex-shrink:0;position:relative}.reminder-layout-canvas{position:relative;flex-shrink:0;isolation:isolate;background:#020617;box-shadow:0 0 0 1px #ffffff30}.reminder-layout-stage{padding-top:110px;padding-bottom:30px}.reminder-layout-background{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top left;pointer-events:none;overflow:hidden}.reminder-layout-card{position:absolute;cursor:move;touch-action:none}.reminder-layout-card>div{pointer-events:none}.reminder-layout-card.is-selected{outline:2px solid #57d9ef}.reminder-editor button:not(.reminder-layout-background *).reminder-resize-handle{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:16px;height:16px;padding:0;border-radius:3px;font-size:10px;line-height:1;color:#79d9ec;background:#18212a;cursor:nwse-resize;touch-action:none}.reminder-preview-heading{position:absolute;top:12px;left:24px;color:#8298a2}.reminder-preview-heading h3{color:#eef5f8}.reminder-library-item strong,.reminder-library-item small{display:block;overflow-wrap:anywhere}.reminder-library-item small{color:#9ea7ae;margin-top:6px}.reminder-hint{font-size:12px;color:#9ba6ad;line-height:1.7;margin:12px 0}.reminder-layers{margin-top:16px;border-top:1px solid #ffffff12}.reminder-editor button:not(.reminder-layout-background *).reminder-layer-row{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin:4px 0;padding:8px 10px;border-radius:6px;text-align:left;cursor:grab}.reminder-layer-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-layer-row svg{flex-shrink:0;color:#91a3ae;pointer-events:none}.reminder-layer-row.drop-before:before,.reminder-layer-row.drop-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:#57d9ef;pointer-events:none}.reminder-layer-row.drop-before:before{top:-3px}.reminder-layer-row.drop-after:after{bottom:-3px}.reminder-detail-stage{display:block;padding:0;overflow:hidden}.reminder-detail-scroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:auto;padding:40px 22px 90px}.reminder-detail-scroll>.reminder-card-surface{margin:auto}.reminder-zoom{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);height:44px;padding:6px 8px;border:1px solid #ffffff12;border-radius:14px;background:#18212af2;box-shadow:0 6px 20px #0005;white-space:nowrap}.reminder-editor .reminder-zoom button:not(.reminder-layout-background *){flex-shrink:0;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;font-size:18px;line-height:1}.reminder-editor .reminder-zoom button:not(.reminder-layout-background *):hover{background:#ffffff10}.reminder-zoom-value{min-width:46px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#dce8ee}.reminder-zoom label{display:flex;align-items:center;gap:6px;min-width:0;margin-left:6px;padding-left:10px;border-left:1px solid #ffffff20;font-size:12px;color:#acbec9;cursor:pointer}.reminder-zoom label span{overflow:hidden;text-overflow:ellipsis}.reminder-zoom input{flex-shrink:0;width:14px;height:14px;margin:0;accent-color:#57d9ef;cursor:pointer}.reminder-notice{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:12px;background:#173e46;box-shadow:0 6px 24px #0008}@media(max-width:1100px){.reminder-columns{grid-template-columns:180px minmax(0,1fr) 240px}.reminder-columns aside{padding:12px}}@media(max-width:760px){.reminder-columns{grid-template-columns:160px minmax(300px,1fr) 230px;overflow-x:auto}.reminder-editor header{padding:12px;gap:8px}.reminder-editor h2{font-size:16px}}
