:root{--ground: #ffffff;--ink: #1d1d1f;--sec: #6e6e73;--hair: rgba(0, 0, 0, .1);--glass: rgba(245, 245, 247, .84);--card: #ffffff;--panel: #f5f5f7;--fill: rgba(118, 118, 128, .12);--seg: #ffffff;--accent: #0071e3;--ins: #0058b0;--ins-bg: rgba(0, 113, 227, .1);--ins-sel: rgba(0, 113, 227, .2);--doubt: #0066cc;--doubt-bg: rgba(0, 113, 227, .1);--ok: #248a3d;--alert: #d70015;--shadow: 0 18px 50px rgba(0, 0, 0, .18), 0 2px 8px rgba(0, 0, 0, .06);--switch: #34c759;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #111113;--ink: #f5f5f7;--sec: #a1a1a6;--hair: rgba(255, 255, 255, .14);--glass: rgba(44, 44, 46, .84);--card: #2c2c2e;--panel: #000000;--fill: rgba(120, 120, 128, .28);--seg: #636366;--ins: #8cc8ff;--ins-bg: rgba(100, 181, 255, .16);--ins-sel: rgba(100, 181, 255, .3);--doubt: #8cc8ff;--doubt-bg: rgba(100, 181, 255, .16);--ok: #30d158;--alert: #ff6961;--shadow: 0 18px 50px rgba(0, 0, 0, .6);--switch: #30d158}}:root[data-theme=dark]{--ground: #111113;--ink: #f5f5f7;--sec: #a1a1a6;--hair: rgba(255, 255, 255, .14);--glass: rgba(44, 44, 46, .84);--card: #2c2c2e;--panel: #000000;--fill: rgba(120, 120, 128, .28);--seg: #636366;--ins: #8cc8ff;--ins-bg: rgba(100, 181, 255, .16);--ins-sel: rgba(100, 181, 255, .3);--doubt: #8cc8ff;--doubt-bg: rgba(100, 181, 255, .16);--ok: #30d158;--alert: #ff6961;--shadow: 0 18px 50px rgba(0, 0, 0, .6);--switch: #30d158;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(0,113,227,.5);outline-offset:2px}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px)}.pop{animation:pop .22s cubic-bezier(.2,.9,.3,1.15);transform-origin:24px 0}.rise{animation:rise .32s cubic-bezier(.2,.8,.2,1)}.spin{animation:spin .9s linear infinite}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(-4px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.pop,.rise{animation:none}.spin{animation-duration:3s}}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.toolbar{position:sticky;top:16px;z-index:6;align-self:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;max-width:calc(100% - 24px);margin-top:16px;padding:6px;border:1px solid var(--hair);border-radius:28px}.status{display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;font-weight:600;white-space:nowrap}.dot{width:8px;height:8px;border-radius:4px;background:#aeaeb2}.dot.is-alert{background:var(--alert)}.icon-stroke{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.icon-ok{fill:none;stroke:var(--ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.segmented{display:flex;padding:2px;background:var(--fill);border-radius:20px}.segmented button{min-height:40px;padding:0 14px;border:0;border-radius:18px;background:transparent;color:var(--ink);font-size:13px;font-weight:500}.segmented button.is-active{background:var(--seg);box-shadow:0 1px 3px #0000002e}.segmented.is-small{margin:4px;border-radius:10px}.segmented.is-small button{flex:1 1 0;min-height:36px;border-radius:8px;font-size:14px}.segmented.is-compact{border-radius:9px}.segmented.is-compact button{min-height:32px;border-radius:7px}.pill-fill,.pill-accent{min-height:44px;padding:0 16px;border:0;border-radius:22px;font-size:14px;white-space:nowrap}.pill-fill{background:var(--fill);color:var(--ink);font-weight:500}.pill-accent{padding:0 20px;background:var(--accent);color:#fff;font-weight:600}.actions{display:flex;gap:10px}.view-switch-narrow{display:none}.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:22px;background:transparent;color:var(--ink)}.menu-wrap{position:relative}.menu{position:absolute;top:52px;right:0;z-index:8;display:flex;flex-direction:column;gap:2px;width:300px;padding:8px;background:var(--card);border:1px solid var(--hair);border-radius:18px;box-shadow:var(--shadow);transform-origin:100% 0}.menu-row{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:15px;text-align:left}.menu-foot{margin-top:2px;padding:8px 12px 6px;border-top:1px solid var(--hair);color:var(--sec);font-size:13px}.switch{display:flex;width:44px;height:26px;padding:2px;border:0;border-radius:13px;background:var(--fill);justify-content:flex-start}.switch.is-on{background:var(--switch);justify-content:flex-end}.switch>span{display:block;width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 1px 3px #0000004d}.toast{position:fixed;bottom:28px;left:50%;z-index:9;transform:translate(-50%);padding:10px 18px;border:1px solid var(--hair);border-radius:20px;font-weight:500}.page{flex:1 1 auto;width:100%;max-width:860px;margin:0 auto;padding:64px clamp(20px,6vw,48px) 96px}.writer{min-height:60vh;outline:none;font-size:26px;line-height:1.75;letter-spacing:-.012em;white-space:pre-wrap;overflow-wrap:anywhere}.writer p{margin:0 0 1em}.writer-wrap.is-empty .writer p:first-child:before{content:"Begin te schrijven of plak je tekst.";color:var(--sec);pointer-events:none;float:left;height:0}.mark-del{color:var(--sec);text-decoration:line-through;text-decoration-thickness:1.5px}.mark-ins-wrap{white-space:normal}.mark-ins{padding:1px 5px;border:0;border-radius:7px;background:var(--ins-bg);color:var(--ins);font-family:inherit;font-size:inherit;font-weight:500;letter-spacing:inherit;line-height:inherit}.mark-ins.is-selected{background:var(--ins-sel)}.mark-doubt{border-radius:5px;cursor:pointer;text-decoration:underline dotted var(--doubt) 2px;text-underline-offset:5px}.mark-doubt.is-selected{background:var(--doubt-bg)}.popover{position:absolute;z-index:5;display:flex;flex-direction:column;gap:10px;width:340px;padding:16px;background:var(--card);border:1px solid var(--hair);border-radius:20px;box-shadow:var(--shadow)}.popover-tag{color:var(--sec);font-size:13px;font-weight:500}.popover-suggestion{font-size:19px;font-weight:600;letter-spacing:-.01em}.popover-why{color:var(--sec);font-size:14px}.popover-actions{display:flex;gap:8px}.button-accent,.button-fill{flex:1 1 0;min-height:44px;border:0;border-radius:12px;font-size:14px}.button-accent{background:var(--accent);color:#fff;font-weight:600}.button-fill{background:var(--fill);color:var(--ink);font-weight:500}.popover-report{align-self:flex-start;min-height:36px;padding:0;border:0;background:transparent;color:var(--sec);font-size:13px;text-decoration:underline;text-underline-offset:3px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog{width:100%;max-width:340px;overflow:hidden;background:var(--card);border-radius:22px;box-shadow:var(--shadow);text-align:center;transform-origin:50% 50%}.dialog-body{display:flex;flex-direction:column;gap:10px;padding:24px 22px 20px}.dialog-body h2{margin:0;font-size:17px;font-weight:600}.dialog-body p{margin:0;color:var(--sec);font-size:14px}.dialog-body .dialog-quote{margin-top:4px;color:var(--ink);font-size:15px;font-weight:500}.dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--hair)}.dialog-actions button{min-height:52px;border:0;background:transparent;color:var(--ink);font-size:16px}.dialog-actions .is-primary{border-left:1px solid var(--hair);color:var(--doubt);font-weight:600}@media (max-width: 640px){.pop.sheet{position:fixed!important;top:auto!important;right:12px!important;bottom:12px!important;left:12px!important;width:auto!important;transform-origin:50% 100%}.toolbar{top:0;flex-wrap:nowrap;justify-content:space-between;align-self:stretch;max-width:none;margin:0;padding:max(6px,env(safe-area-inset-top)) 8px 6px;border-width:0 0 1px;border-radius:0;background:var(--ground);-webkit-backdrop-filter:none;backdrop-filter:none}.view-switch-wide{display:none}.view-switch-narrow{display:block;margin:4px}.view-switch-narrow .segmented{border-radius:10px}.view-switch-narrow .segmented button{flex:1 1 0;min-height:36px;padding:0 6px;border-radius:8px}.status{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:16px}.actions{position:fixed;right:0;bottom:0;left:0;z-index:4;gap:8px;padding:12px 16px max(16px,env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-top:1px solid var(--hair)}.actions button{flex:1 1 0;min-height:50px;border-radius:16px;font-size:15px}.writer{font-size:21px;line-height:1.7}.page{padding-top:28px;padding-bottom:120px}.popover,.menu{z-index:12}}.review{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:24px clamp(20px,5vw,56px) 40px;background:#000;color:#f5f5f7}.review-done{align-items:center;justify-content:center;gap:20px;text-align:center}.review-done h1{margin:0;font-size:clamp(56px,8vw,104px);font-weight:700;letter-spacing:-.035em;line-height:1}.review-done p{margin:0 0 16px;color:#a1a1a6;font-size:21px}.review-progress{display:flex;gap:6px}.review-progress span{flex:1 1 0;height:4px;border-radius:2px;background:#ffffff3d}.review-progress span.is-done{background:#f5f5f7}.review-top{display:flex;align-items:center;justify-content:space-between;min-height:56px}.review-back{min-height:44px;padding:0;border:0;background:transparent;color:#2997ff;font-size:16px}.review-step{display:flex;align-items:center;color:#a1a1a6}.review-step button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#f5f5f7}.review-step svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.review-main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:28px;width:100%;max-width:1040px;margin:0 auto}.review-tag{color:#a1a1a6;font-size:17px;font-weight:600}.review-main h1{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.14;overflow-wrap:anywhere}.review-main p{margin:0;max-width:620px;color:#a1a1a6;font-size:21px}.review-old{color:#86868b;font-weight:400}.review-old.is-struck{text-decoration:line-through;text-decoration-thickness:3px}.review-new{color:#2997ff}.review-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.review-quiet,.review-secondary,.review-primary{min-height:56px;border:0;font-size:17px}.review-quiet{padding:0 24px;background:transparent;color:#a1a1a6;font-size:16px}.review-secondary{min-width:160px;padding:0 28px;border-radius:28px;background:#2c2c2e;color:#f5f5f7;font-weight:500}.review-primary{min-width:200px;padding:0 32px;border-radius:28px;background:#f5f5f7;color:#000;font-weight:600}@media (max-width: 640px){.review-actions{flex-direction:column-reverse;align-items:stretch}.review-tag{font-size:15px}.review-main p{font-size:18px}}.login{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:32px 24px 40px}.login-mark,.recovery{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;max-width:420px;text-align:center}.login-mark h1{margin:0;font-family:ui-serif,New York,Iowan Old Style,Georgia,serif;font-size:44px;font-weight:500;letter-spacing:-.02em;text-decoration:underline dotted var(--doubt) 3px;text-underline-offset:10px}.recovery h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.recovery p{margin:0;color:var(--sec)}.recovery code{padding:14px 16px;background:var(--fill);border-radius:12px;font-size:16px;overflow-wrap:anywhere}.login-actions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px}.login-primary{min-height:56px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-size:17px;font-weight:600}.login-secondary{min-height:44px;border:0;background:transparent;color:var(--doubt);font-size:15px}.login-error{margin:0 0 4px;color:var(--alert);font-size:14px;text-align:center}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;color:var(--sec);font-size:13px}.field input{min-height:48px;padding:0 14px;border:1px solid var(--hair);border-radius:12px;background:var(--card);color:var(--ink);font-size:16px}.settings{min-height:100vh;background:var(--panel)}.settings-inner{display:flex;flex-direction:column;gap:28px;max-width:640px;margin:0 auto;padding:20px 20px 64px}.settings-head{display:flex;flex-direction:column;gap:14px}.settings-head h1{margin:0;font-size:34px;font-weight:700;letter-spacing:-.022em;line-height:1.1}.back{display:flex;align-items:center;gap:2px;align-self:flex-start;min-height:44px;margin-left:-6px;padding:0;border:0;background:transparent;color:var(--doubt);font-size:16px}.back svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.settings section{display:flex;flex-direction:column;gap:8px}.settings h2{margin:0 0 0 16px;color:var(--sec);font-size:13px;font-weight:400}.group{overflow:hidden;background:var(--card);border-radius:14px}.group-pad{display:flex;flex-direction:column;gap:14px;min-height:20px;padding:14px 16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin-left:16px;padding:4px 16px 4px 0;border-bottom:1px solid var(--hair)}.row:last-child{border-bottom:0}.row.is-muted,.muted{color:var(--sec)}.serif{font-family:ui-serif,New York,Georgia,serif}.row-x{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;border:0;background:transparent;color:var(--sec)}.row-x svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.row-input{width:100%;min-height:44px;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:15px}.row-button{display:block;width:100%;min-height:48px;padding:0 16px;border:0;background:transparent;color:var(--doubt);font-size:15px;text-align:left}.row-button.is-danger{color:var(--alert)}.note{margin:0 16px;color:var(--sec);font-size:13px}.note.is-alert{color:var(--alert)}.meter{display:flex;flex-direction:column;gap:8px}.meter>div:first-child{display:flex;justify-content:space-between}.meter-track{height:6px;border-radius:3px;background:var(--fill)}.meter-track>div{height:6px;border-radius:3px;background:var(--accent)}