:root{--plum: #35011a;--plum-hover: #4a0b28;--ink: #1f151a;--muted: #7a6a71;--placeholder: #9a8b92;--paper: #f6f1f3;--paper-2: #fbf8f9;--line: #e6dce0;--line-soft: #efe7ea;--coral: #ff9696;--coral-soft: #ffecec;--error-ink: #8a1f1f;--sans: Montserrat, Helvetica, Arial, sans-serif;--serif: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100vh}body{background:var(--plum);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:var(--plum);text-decoration:none}a:hover{color:#684153}button,input{font-family:inherit}input::placeholder{color:var(--placeholder)}.serif{font-family:var(--serif)}.title{font-family:var(--serif);font-size:32px;line-height:1.05;color:var(--plum)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.subtle{font-size:13px;color:var(--muted)}.panel{flex:1;background:#fff;border:1px solid var(--line);border-radius:16px}.pill{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--plum);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.pill:hover{border-color:var(--plum);color:var(--plum)}.pill:disabled{cursor:default;color:var(--placeholder);border-color:var(--line);background:var(--paper-2)}.pill.primary{height:38px;padding:0 18px;border-color:var(--plum);background:var(--plum);color:#fff;font-weight:600}.pill.primary:hover{background:var(--plum-hover);border-color:var(--plum-hover);color:#fff}.pill.primary:disabled{background:var(--paper-2);border-color:var(--line);color:var(--placeholder)}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--plum);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn:hover{border-color:var(--plum)}.icon-btn.small{width:28px;height:28px}.seg{display:inline-flex;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--line);gap:2px}.seg a,.seg button{height:32px;padding:0 18px;border-radius:999px;border:0;background:transparent;color:var(--plum);font-size:13px;font-weight:500;display:inline-flex;align-items:center;cursor:pointer}.seg a:hover,.seg button:hover{background:var(--paper);color:var(--plum)}.seg .on{background:var(--plum);color:#fff;font-weight:600}.seg .on:hover{background:var(--plum);color:#fff}.mark{flex:none;width:9px;height:9px;border-radius:50%;border:1.6px solid var(--plum);display:inline-block}.mark.design{background:linear-gradient(90deg,var(--plum) 50%,transparent 50%)}.error{padding:10px 12px;border-radius:10px;background:var(--coral-soft);border:1px solid var(--coral);font-size:12.5px;color:var(--error-ink)}.link-btn{height:42px;padding:0 14px;background:none;border:0;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center}.link-btn:hover{color:var(--plum)}.screen-foot{position:sticky;bottom:0;margin:0 -36px -32px;padding:14px 36px;background:#f6f1f3eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}.screen-foot-inner{display:flex;align-items:center;justify-content:flex-end;gap:12px}.notes-box{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:0;resize:none;overflow:hidden;font:inherit;font-size:13px;line-height:1.55;color:var(--ink);background:var(--paper-2)}.notes-box:focus{border-color:var(--plum);background:#fff}