:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color:#1d293d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf1f6;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at 0 0,#ffffffe6,#0000 35%),linear-gradient(#f4f7fb 0%,#e7edf4 100%);width:100%;height:100%;min-height:100%;margin:0}body{height:100lvh;min-height:100lvh;overflow:hidden}button,input{font:inherit}button{border:0}.app-shell{background:radial-gradient(circle at 0 0,#ffffffe6,#0000 35%),linear-gradient(#f4f7fb 0%,#e7edf4 100%);height:100lvh;min-height:100lvh;position:fixed;inset:0;overflow:hidden}.planner-stage{touch-action:none;display:block;position:absolute}.grid-overlay{top:calc(-1 * var(--safe-top));right:calc(-1 * var(--safe-right));bottom:calc(-1 * var(--safe-bottom));left:calc(-1 * var(--safe-left));pointer-events:none;position:absolute}.gesture-surface{top:calc(-1 * var(--safe-top));right:calc(-1 * var(--safe-right));bottom:calc(-1 * var(--safe-bottom));left:calc(-1 * var(--safe-left));z-index:2;pointer-events:none;touch-action:none;position:absolute}.gesture-surface.is-active{pointer-events:auto}.top-panel{z-index:4;top:calc(18px + var(--safe-top));left:calc(18px + var(--safe-left));right:calc(18px + var(--safe-right));justify-content:space-between;gap:16px;display:flex;position:fixed}.title-panel{pointer-events:auto}.title-input{color:#1d293d;letter-spacing:-.04em;background:0 0;border:0;outline:none;max-width:min(420px,100vw - 120px);margin:2px 0 0;padding:0;font-size:2rem;font-weight:700;line-height:1}.title-input::placeholder{color:#90a0b6}.eyebrow{color:#63758f;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.meta-panel,.toolbar,.selection-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfdffd1;border:1px solid #97a5bb38;box-shadow:0 14px 45px #18274b1f}.meta-panel{color:#52647e;pointer-events:auto;border-radius:999px;align-items:center;gap:12px;padding:10px 14px;font-size:.92rem;display:flex}.toolbar{z-index:5;left:50%;bottom:calc(18px + var(--safe-bottom));border-radius:999px;gap:8px;width:fit-content;max-width:calc(100vw - 32px);padding:8px;display:flex;position:fixed;transform:translate(-50%)}.toolbar-button{color:#40516a;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;min-width:52px;min-height:46px;padding:10px;transition:background .16s,color .16s,transform .16s;display:inline-flex}.toolbar-button:hover{background:#dfe5eee0}.toolbar-button.is-active{color:#fff;background:#193057;transform:translateY(-1px)}.toolbar-button svg{width:18px;height:18px}.toolbar-menu-wrap,.toolbar-menu-trigger{position:relative}.toolbar-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfdffeb;border:1px solid #97a5bb38;border-radius:18px;flex-direction:column;gap:4px;min-width:152px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 14px 45px #18274b24}.toolbar-menu-item{color:#40516a;cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 12px;display:inline-flex}.toolbar-menu-item:hover{background:#dfe5eee0}.selection-bar{z-index:5;left:50%;bottom:calc(82px + var(--safe-bottom));border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:calc(100vw - 32px);padding:8px;display:flex;position:fixed;transform:translate(-50%)}.selection-badge{color:#52647e;align-items:center;gap:8px;padding:0 10px 0 6px;font-size:.92rem;font-weight:600;display:inline-flex}.selection-input{color:#1c2c46;text-align:center;background:#fffffff0;border:1px solid #9aa7bc6b;border-radius:999px;outline:none;width:84px;padding:10px 12px}.selection-input:focus{border-color:#1c58b7;box-shadow:0 0 0 3px #1c58b71f}.selection-unit{color:#52647e;font-weight:600}.selection-delete{color:#fff;cursor:pointer;background:#f26522;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.share-toast{left:50%;bottom:calc(138px + var(--safe-bottom));z-index:7;color:#fff;pointer-events:none;background:#193057e0;border-radius:999px;padding:10px 14px;font-size:.88rem;position:fixed;transform:translate(-50%)}.dialog-backdrop{z-index:8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101a2c33;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{background:#fcfdfff5;border-radius:24px;width:min(460px,100%);padding:18px;box-shadow:0 18px 50px #18274b29}.dialog-textarea{color:#1c2c46;width:100%;min-height:160px;font:inherit;resize:vertical;background:#fffffffa;border:1px solid #9aa7bc6b;border-radius:18px;outline:none;margin-top:14px;padding:14px;line-height:1.45}.dialog-textarea:focus{border-color:#1c58b7;box-shadow:0 0 0 3px #1c58b71f}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.dialog-button{color:#40516a;cursor:pointer;background:#dfe5eee0;border-radius:999px;padding:10px 14px}.dialog-button.is-primary{color:#fff;background:#193057}@media (width<=900px){.top-panel{flex-direction:column;align-items:flex-start;max-width:calc(100vw - 36px);right:auto}.title-input{max-width:calc(100vw - 56px);font-size:1.55rem}.meta-panel{border-radius:22px;width:fit-content}.toolbar-menu{min-width:146px;right:-4px}.toolbar{bottom:calc(16px + var(--safe-bottom));gap:6px;padding:6px}.toolbar-button{min-width:42px;min-height:42px;padding:8px}.toolbar-button svg{width:16px;height:16px}.selection-bar{bottom:calc(72px + var(--safe-bottom));gap:6px;padding:7px}.selection-badge span{display:none}.selection-input{width:76px;padding:8px 10px}.selection-delete{width:38px;height:38px}.share-toast{bottom:calc(126px + var(--safe-bottom))}.dialog-backdrop{align-items:end;padding:16px}.dialog-card{border-radius:24px 24px 20px 20px;width:100%}}