*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-page:#F5F2EE;--surface-card:#FFFFFF;--surface-divider:#E7E5E4;--text-primary:#1C1917;--text-secondary:#44403C;--text-muted:#78716C;--color-amber:#B45309;--color-amber-light:#FEF3C7;--motion-fast:.1s;--motion-base:.2s;--radius-pill:9999px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,system-ui,sans-serif;color:var(--text-primary);background:var(--surface-page);line-height:1.6;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media(min-width:768px){.container{padding:0 64px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;display:flex;align-items:center;transition:all var(--motion-base) ease;background:transparent}.navbar.scrolled{background:#fffffff2;backdrop-filter:blur(12px);box-shadow:0 1px 3px #1c19170f}.navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-logo{display:flex;align-items:center;gap:8px}.navbar-logo-mark{width:32px;height:32px;border-radius:8px;background:var(--color-amber);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.navbar-brand{font-family:DM Sans,sans-serif;font-weight:700;font-size:18px;color:var(--text-primary)}.delete-page{padding:100px 20px 80px;min-height:100vh}.delete-container{max-width:480px;margin:0 auto}.delete-title{font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:8px}@media(min-width:768px){.delete-page{padding:160px 20px 80px}.delete-container{max-width:520px}.delete-title{font-size:36px}}.delete-subtitle{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.delete-card{background:var(--surface-card);border-radius:16px;box-shadow:var(--shadow-card);padding:20px;margin-bottom:24px}@media(min-width:768px){.delete-card{padding:32px}}.delete-warning{background:#fef2f2;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;gap:12px;align-items:flex-start}.delete-warning svg{flex-shrink:0;margin-top:2px}.delete-warning-text{font-size:14px;line-height:1.6;color:var(--text-secondary)}.delete-warning-text strong{color:var(--semantic-error);font-weight:600}.what-gets-deleted{margin-bottom:24px}.what-gets-deleted h3{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.what-gets-deleted ul{list-style:none;padding:0;margin:0}.what-gets-deleted li{font-size:14px;line-height:1.6;color:var(--text-secondary);padding-left:20px;position:relative;margin-bottom:6px}.what-gets-deleted li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--semantic-error)}.what-gets-deleted li.retained:before{background:var(--text-muted)}.form-group{margin-bottom:20px}.form-label{display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-input{width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:16px;color:var(--text-primary);background:var(--surface-input);border:1px solid var(--surface-divider);border-radius:12px;outline:none;transition:border-color var(--motion-fast) ease,background var(--motion-fast) ease}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{background:var(--surface-card);border-color:var(--color-amber);border-width:2px;padding:13px 15px}.checkbox-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.checkbox-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:var(--semantic-error);cursor:pointer}.checkbox-label{font-size:14px;line-height:1.5;color:var(--text-secondary);cursor:pointer}.btn-delete{display:block;width:100%;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:var(--text-inverse);background:var(--semantic-error);border:none;border-radius:9999px;cursor:pointer;transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease}.btn-delete:hover{opacity:.9}.btn-delete:active{transform:scale(.98)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.form-note{font-size:13px;color:var(--text-muted);text-align:center;margin-top:16px;line-height:1.5}.form-note a{color:var(--color-amber)}.form-message{font-size:14px;margin-top:12px;padding:12px 16px;border-radius:12px;display:none}.form-message.error{display:block;background:#fce4ec;color:#c62828}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-amber);font-size:14px;font-weight:500;margin-bottom:32px;transition:opacity var(--motion-fast) ease}.back-link:hover{opacity:.8}.confirm-view{display:none;text-align:center}.confirm-view.visible{display:block}.confirm-icon{width:64px;height:64px;border-radius:50%;background:var(--color-amber-light);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}@media(min-width:768px){.confirm-icon{width:80px;height:80px}.confirm-icon svg{width:36px;height:36px}}.confirm-title{font-family:Playfair Display,Georgia,serif;font-size:26px;font-weight:600;line-height:1.2;color:var(--text-primary);margin-bottom:12px}@media(min-width:768px){.confirm-title{font-size:36px}}.confirm-text{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}.confirm-card{background:var(--surface-card);border-radius:16px;box-shadow:var(--shadow-card);padding:20px;margin-top:32px;text-align:left}@media(min-width:768px){.confirm-card{padding:32px}}.confirm-card h3{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.steps-list{list-style:none;padding:0;margin:0;counter-reset:step}.steps-list li{font-size:14px;line-height:1.6;color:var(--text-secondary);padding-left:32px;position:relative;margin-bottom:10px;counter-increment:step}.steps-list li:before{content:counter(step);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--surface-input);font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.confirm-back{display:inline-flex;align-items:center;gap:6px;color:var(--color-amber);font-size:14px;font-weight:500;margin-top:24px;transition:opacity var(--motion-fast) ease}.confirm-back:hover{opacity:.8}
