:root{--sidebar:#f0f0e9;--active:#e1e7d9;--hover:#eeeee7;--accent-hover:#51634b;--accent-pressed:#45563e;--accent-line:#929e88;--quiet:#f7f7f0;--outside:#f8f8f3;--outside-ink:#62685b;--weekend:#885f4b;--placeholder:#6d7264;--paper:#fffefa;--bg:#f8f7f3;--ink:#393d36;--muted:#62685b;--line:#e4e3db;--accent:#56664e;--soft:#eaf0e5;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}
*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;background:transparent;min-height:44px;border-radius:7px;transition:background .16s,color .16s}button:hover{background:var(--hover)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:white;padding:0 22px;font-weight:600}button.primary:hover{background:var(--accent-hover)}h1,h2,p{margin:0}h1,h2{font-family:Georgia,"Noto Serif TC","PMingLiU",serif;font-weight:400}h1{font-size:28px}h2{font-size:23px}input,textarea{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 18px;z-index:2}
.brand{display:flex;gap:12px;align-items:center;margin:0 12px 46px}.brand strong{font-family:Georgia,"PMingLiU",serif;font-size:25px;font-weight:400;letter-spacing:3px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--accent-line);border-radius:9px;color:var(--accent);font-family:"PMingLiU",serif;font-size:22px}
.sidebar-label{font-size:12px;color:var(--muted);margin:0 12px 12px;letter-spacing:1px}.people-list{overflow-y:auto;min-height:0;max-height:45vh;display:grid;gap:6px}.person-card{display:flex;align-items:center;gap:11px;text-align:left;padding:10px 12px;min-height:58px;width:100%}.person-card.active{background:var(--active);color:var(--ink)}.person-avatar{background:var(--person-color);color:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.person-name{min-width:0;display:flex;flex-direction:column;gap:3px}.person-name strong{font-weight:500;overflow-wrap:anywhere}.person-name small{color:var(--muted);font-size:11px}
.add-person{margin-top:8px;text-align:left;padding:0 12px;color:var(--accent)}.sidebar-actions{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;display:grid;gap:2px}.sidebar-actions button,.sidebar-bottom button{text-align:left;padding:0 12px;font-size:13px}.sidebar-bottom{margin-top:auto;padding-top:32px;display:grid}.sidebar-bottom>span{font-size:11px;color:var(--muted);padding:8px 12px}
header{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:35px 46px 24px;gap:16px}.notebook-context>span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.notebook-context h1{overflow-wrap:anywhere}main{grid-column:2;padding:0 46px 38px;min-width:0}.calendar-sheet{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 6px 28px #45483805;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23666644' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.calendar-top{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;gap:10px}.month-controls{display:flex;gap:5px;align-items:center}.month-controls button{min-width:44px}.month-controls #today{font-size:13px;padding:0 15px}.month-controls #prev,.month-controls #next{font-size:25px}
.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--quiet)}.weekdays span{text-align:center;padding:13px 0;font-size:12px;color:var(--muted)}.weekdays span:first-child,.weekdays span:last-child{color:var(--weekend)}.calendar{grid-auto-rows:clamp(100px,12.5vh,145px)}.day{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;text-align:left;padding:12px;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:flex-start;gap:5px}.day:nth-child(7n){border-right:0}.day:hover{background:var(--soft)}.day:focus-visible{outline-offset:-3px;z-index:1}.day.is-today{background:var(--soft)}.number{font-family:Georgia,serif;line-height:26px;width:26px;height:26px;text-align:center;flex-shrink:0;font-size:15px}.outside{color:var(--outside-ink);background:var(--outside)}.is-today .number{background:var(--accent);color:white;border-radius:50%}.today-tag{font-size:10px;line-height:26px;color:var(--accent)}.day img{position:absolute;inset:40px 8px 7px;width:calc(100% - 16px);height:calc(100% - 47px);object-fit:contain;pointer-events:none}.day .add{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:24px;color:var(--accent);opacity:0}.day:not(.has-art):hover .add,.day:not(.has-art):focus-visible .add{opacity:1}.note-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-line);position:absolute;right:10px;bottom:10px}.sheet-footer{display:flex;justify-content:space-between;gap:12px;padding:15px 24px;color:var(--muted);font-size:11px}
dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:26px;max-width:calc(100vw - 32px);width:420px;max-height:94dvh;box-shadow:0 24px 90px #25321f24}dialog::backdrop{background:#303a2d45;backdrop-filter:blur(3px)}.dialog-heading,.editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.dialog-heading button,.editor-head button{width:44px;font-size:23px;flex-shrink:0}.dialog-caption{line-height:1.9;font-size:13px;color:var(--muted);margin-top:18px}#personForm{display:grid;gap:12px}#personName{height:44px;padding:0 12px}#personColorLabel{display:flex;align-items:center;gap:16px;margin:5px 0 12px}input[type=color]{width:44px;height:36px;padding:3px;cursor:pointer}.wide{width:100%}#personMessage{font-size:12px;color:#a44c3f}.data-path{padding:14px;background:var(--quiet);border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere;font-family:monospace;font-size:12px;line-height:1.7}#guide ol{padding-left:22px;margin:22px 0;line-height:2;font-size:14px}
#editor{width:930px;padding:22px 26px}.editor-head{margin-bottom:14px}.editor-head h2{font-size:21px}.workspace{display:flex;gap:14px;justify-content:center;align-items:flex-start}.tools{display:flex;flex-direction:column;gap:4px;flex-shrink:0;width:44px}.tools button{width:44px;font-size:24px;border:1px solid transparent}.tools button.selected{background:var(--soft);border-color:var(--accent-line);color:var(--accent)}.divider{height:1px;background:var(--line);margin:7px 4px}.canvas-wrap{display:flex;justify-content:center;min-width:0;flex:1;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fffefa;box-shadow:0 2px 8px #3c403908}canvas{display:block;width:auto;height:auto;max-width:100%;max-height:46dvh;aspect-ratio:4/3;touch-action:none;cursor:crosshair} .drawing-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 18px;padding-left:58px;flex-wrap:wrap}.palette{display:flex;gap:2px}.swatch{width:36px;min-height:36px;padding:6px;border:1px solid transparent;border-radius:50%}.swatch span{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch)}.swatch.selected{border-color:var(--accent-line)}.settings{display:flex;align-items:center;gap:18px;font-size:12px}.settings label{display:flex;align-items:center;gap:8px}input[type=range]{width:95px;accent-color:var(--accent)}#sizeLabel{font-size:11px;color:var(--muted);min-width:28px}.note-label{display:block;font-size:12px;margin-bottom:8px}textarea{width:100%;height:65px;resize:vertical;padding:11px;line-height:1.6}textarea::placeholder,input::placeholder{color:var(--placeholder)}.editor-footer{display:flex;align-items:center;gap:10px;padding-top:14px}.editor-footer #saveStatus{margin-right:auto;font-size:11px;color:var(--muted)}#download{padding:0 15px;font-size:13px}#toast{display:none;position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:var(--ink);color:white;z-index:100;padding:13px 20px;border-radius:8px;font-size:13px;max-width:90vw}
@media(min-width:1500px){header,main{max-width:1450px;width:100%;justify-self:center}.calendar{grid-auto-rows:150px}}
@media(max-width:1000px){body{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding:25px 12px}header{padding:28px 24px 22px}main{padding:0 24px 28px}.calendar-top{padding:17px 18px}.day{padding:8px}.today-tag{display:none}.sheet-footer{padding:14px 18px}}
@media(max-width:700px){body{display:block}.sidebar{position:relative;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{margin:0 0 16px}.brand strong{font-size:22px}.brand-mark{width:30px;height:30px}.sidebar-label{display:none}.people-list{display:flex;overflow:auto;max-height:none;gap:5px}.person-card{width:auto;flex-shrink:0;min-height:48px;padding:8px 12px}.person-avatar{width:28px;height:28px}.add-person{margin:6px 0 0}.sidebar-actions{display:flex;flex-wrap:wrap;margin:8px 0 0;padding-top:8px;gap:0}.sidebar-actions button{font-size:12px}.sidebar-bottom{display:flex;align-items:center;flex-wrap:wrap;padding-top:4px}.sidebar-bottom>span{font-size:10px}.sidebar-bottom button{font-size:11px;min-height:36px}header{padding:24px 18px 18px}h1{font-size:25px}header .primary{padding:0 16px}main{padding:0 12px 24px}.calendar-top{padding:13px 12px}.calendar-top h2{font-size:20px}.month-controls{gap:0}.month-controls #today{padding:0 8px}.calendar{grid-auto-rows:88px}.day{padding:6px 3px;gap:0}.number{font-size:13px;width:23px;height:23px;line-height:23px}.day img{inset:30px 3px 5px;width:calc(100% - 6px);height:calc(100% - 35px)}.weekdays span{padding:11px 0}.sheet-footer{font-size:10px;padding:13px 12px}#editor{padding:16px;max-height:96dvh}.editor-head h2{font-size:17px}.workspace{flex-direction:column;gap:10px}.tools{flex-direction:row;width:100%;gap:3px}.divider{width:1px;height:30px;margin:7px}.canvas-wrap{width:100%;flex:auto}canvas{max-height:none}.drawing-options{padding-left:0;gap:12px;margin:12px 0}.swatch{width:34px;min-height:34px}.settings{flex-wrap:wrap;gap:10px}.editor-footer{gap:5px}#download{padding:0 10px}#save{padding:0 18px}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}dialog::backdrop{backdrop-filter:none}}

.palette{flex-wrap:wrap}.swatch{width:44px;min-height:44px;display:grid;place-items:center}.swatch span{width:22px;height:22px}.day .add{pointer-events:none} .sidebar-bottom button{min-height:44px}

.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 26px 18px;flex-wrap:wrap}.calendar-view-switch{display:flex;padding:3px;gap:4px;border:1px solid var(--line);background:var(--quiet);border-radius:8px}.calendar-view-switch button{min-width:66px;padding:0 14px;font-size:13px}.calendar-view-switch button[aria-pressed=true]{background:var(--paper);color:var(--accent);box-shadow:0 1px 4px #393d3610;font-weight:600}.calendar-toolbar #exportYear{font-size:13px}.year-export-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 26px;background:var(--soft);border-top:1px solid var(--line);font-size:12px;color:var(--accent)}.year-export-progress button{padding:0 12px;flex-shrink:0}
.year-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 26px;border-top:1px solid var(--line)}.year-month{display:block;min-width:0;width:100%;text-align:left;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:0;overflow:hidden}.year-month:hover{background:var(--quiet);border-color:var(--accent-line)}.year-month:active{background:var(--soft)}.year-month:focus-visible{outline-offset:2px}.year-month-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 14px}.year-month-title{font-family:Georgia,"PMingLiU",serif;font-size:20px;line-height:1.4}.year-month-count{font-size:11px;color:var(--muted)}.year-weekdays,.year-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.year-weekdays{background:var(--quiet);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.year-weekdays>span{text-align:center;font-size:10px;color:var(--muted);padding:7px 0}.year-weekdays>span:first-child,.year-weekdays>span:last-child{color:var(--weekend)}.year-days{grid-auto-rows:clamp(32px,3vw,46px)}.year-day{position:relative;min-width:0;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.year-day:nth-child(7n){border-right:0}.year-day:nth-child(n+36){border-bottom:0}.year-day.is-empty{background:var(--outside)}.year-day.is-today{background:var(--soft)}.year-day-number{position:absolute;top:3px;left:5px;font-family:Georgia,serif;font-size:10px;line-height:12px;color:var(--muted)}.year-day.is-today .year-day-number{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}.year-day img{position:absolute;inset:15px 2px 2px;width:calc(100% - 4px);height:calc(100% - 17px);object-fit:contain}.year-note-dot{position:absolute;right:3px;top:5px;background:var(--accent-line);width:3px;height:3px;border-radius:50%}
@media(max-width:1199px){.year-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.calendar-toolbar{padding:0 18px 16px}.year-calendar{padding:20px 18px;gap:16px}.year-export-progress{padding:8px 18px}}
@media(max-width:700px){.calendar-toolbar{padding:0 12px 12px;gap:8px}.calendar-view-switch button{min-width:56px;padding:0 10px}.calendar-toolbar #exportYear{padding:0 10px;font-size:12px}.year-calendar{padding:16px 12px;gap:14px 12px}.year-month-heading{padding:11px 9px}.year-month-title{font-size:18px}.year-month-count{font-size:10px}.year-days{grid-auto-rows:36px}.year-day-number{left:3px;font-size:9px}.year-day img{inset:15px 1px 2px;width:calc(100% - 2px)}.year-export-progress{padding:8px 12px;flex-wrap:wrap}}
.sidebar{overflow-y:auto}.notebook-groups{overflow-y:auto;min-height:85px;max-height:36vh;flex:0 0 auto}.notebook-groups .people-list{max-height:none;overflow:visible}.sidebar .sidebar-label{font-family:inherit;font-size:12px;font-weight:500;line-height:1.5}.collection-group{margin-top:24px}.collection-empty{padding:4px 12px 8px;color:var(--muted);font-size:12px}.sidebar-actions,.sidebar-bottom,.brand,.add-person{flex-shrink:0}
@media(max-width:700px){.notebook-groups{overflow:visible;min-height:0;max-height:none}.sidebar .sidebar-label{display:block;margin:10px 0 6px;font-size:11px}.collection-group{margin-top:14px}.notebook-groups .people-list{overflow-x:auto;max-height:none}.collection-empty{padding:0;font-size:11px}.sidebar-actions{margin-top:12px}}
.header-actions{display:flex;align-items:center;gap:10px}.outline-button{border:1px solid var(--accent-line);padding:0 20px;background:var(--paper)}.read-code-button{text-align:left;padding:0 12px;color:var(--accent);border-top:1px solid var(--line);border-radius:0;margin-top:22px;flex-shrink:0}#readForm{display:grid;gap:12px}#readCode,#shareCode{height:44px;padding:0 10px;font-family:monospace;font-size:14px;letter-spacing:.5px;min-width:0;width:100%}#readMessage{color:#a44c3f;font-size:12px;line-height:1.6}#readForm .dialog-caption{margin-top:0}.code-row{display:flex;gap:6px;margin-top:10px}.code-row button{padding:0 12px;border:1px solid var(--line);flex-shrink:0}#shareStatus{margin-top:14px;font-size:12px;color:var(--accent)}#toggleShare{margin-top:22px}#reader{width:850px}#readImage{display:block;width:100%;max-height:60dvh;object-fit:contain;background:#fffefa;border:1px solid var(--line);border-radius:5px}#readNote{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin-top:18px}.reader-label{font-family:inherit;color:var(--muted);font-size:11px;margin-bottom:6px}.is-reading .day:disabled{opacity:1;cursor:default}.is-reading .day:disabled:hover{background:transparent}
@media(max-width:700px){.header-actions{gap:6px}.outline-button{padding:0 12px}.read-code-button{margin-top:12px;width:100%}#reader h2{font-size:19px}#shareCode{font-size:12px}.is-reading header{align-items:flex-start}.is-reading .header-actions{flex-shrink:0}#leaveReader{font-size:12px}}

.postcards-nav{display:flex;align-items:center;gap:10px;padding:0 12px;margin-top:6px;text-align:left;color:var(--accent);flex-shrink:0}.postcards-nav svg{width:20px;height:20px;flex-shrink:0}.editor-footer{flex-wrap:wrap}#makePostcard{font-size:13px;padding:0 14px}button:active:not(:disabled){background:var(--active)}button.primary:active:not(:disabled){background:var(--accent-pressed)}button{touch-action:manipulation}
html:has(dialog[open]){overflow:hidden}
#accountForm{display:grid;gap:12px}#accountForm input{height:44px;padding:0 12px;min-width:0}#accountForm .code-row{margin:0}#accountCode{width:100%;font-family:monospace;font-size:14px}#accountForm .dialog-caption{margin:0}#saveAccount{margin-top:8px}.form-message{font-size:13px;line-height:1.6;color:#a44c3f;overflow-wrap:anywhere}.preview-notice{font-size:12px;line-height:1.7;color:var(--muted);padding-top:16px;margin-top:16px;border-top:1px solid var(--line)}
#postcardComposer{width:1020px;padding:26px 30px}.postcard-compose-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:32px;align-items:start}.postcard-preview-area{min-width:0;padding-top:4px}#postcardForm{min-width:0}#postcardFields{border:0;padding:0;margin:0;display:grid;gap:12px;min-width:0}#postcardFields>label,.field-label label{font-size:13px}#postcardFields input:not([type=radio]){height:44px;width:100%;min-width:0;padding:0 12px}#postcardRecipient{font-family:monospace;font-size:13px}#postcardFields .code-row{margin:0}#postcardMessage{height:140px;resize:vertical}.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.field-label span{font-size:11px;color:var(--muted)}.recipient-feedback{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;min-height:44px}.recipient-feedback p{font-size:12px;line-height:1.7;color:var(--accent);padding-top:12px;overflow-wrap:anywhere}.recipient-feedback p.is-error{color:#a44c3f}.recipient-feedback button{font-size:12px;padding:0 8px;flex-shrink:0;color:var(--accent)}#postcardSendStatus:empty{display:none}#postcardForm .preview-notice{margin-top:4px}.postcard-styles{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:16px 0 0;display:flex;gap:8px;flex-wrap:wrap;min-width:0}.postcard-styles legend{font-size:12px;padding:0 10px 0 0;color:var(--muted)}.postcard-styles label{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:12px;cursor:pointer}.postcard-styles label:has(input:checked){border-color:var(--accent);background:var(--soft)}.postcard-styles input{accent-color:var(--accent);margin:0;width:14px;height:14px}.paper-sample{width:16px;height:22px;border:1px solid #d7d7cc;background:#fffefa}.paper-sample.sage{background:#edf1e9}.paper-sample.rose{background:#f8eeea}
.paper-card{--card-paper:#fffefa;--card-accent:#65755d;--card-ink:#393d36;--card-muted:#62685b;background:var(--card-paper);border:1px solid #dedfd5;box-shadow:0 8px 22px #3d423811;border-radius:2px;overflow:hidden;width:100%;color:var(--card-ink);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23666644' opacity='.03' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.paper-card[data-style=sage]{--card-paper:#edf1e9;--card-accent:#586c50}.paper-card[data-style=rose]{--card-paper:#f8eeea;--card-accent:#9c6c60}.postcard-front{aspect-ratio:3/2;display:flex;flex-direction:column;padding:24px 28px 18px;min-width:0}.postcard-art{min-height:0;flex:1;width:100%;object-fit:contain}.postcard-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:16px;font-family:Georgia,"PMingLiU",serif}.postcard-caption strong{font-size:18px;font-weight:400;overflow-wrap:anywhere;line-height:1.5;min-width:0}.postcard-caption time{font-size:12px;color:var(--card-accent);white-space:nowrap;letter-spacing:.7px}.postcard-back{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);padding:28px;gap:24px;min-height:300px}.postcard-letter{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,"PMingLiU",serif;font-size:16px;line-height:1.9;padding-top:12px}.postcard-address{border-left:1px solid #bec6b4;padding-left:24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.postcard-stamp{align-self:flex-end;border:1px dashed var(--card-accent);color:var(--card-accent);width:44px;height:52px;display:grid;place-items:center;font-family:"PMingLiU",serif;font-size:23px;margin-bottom:32px}.postcard-address p{font-size:12px;line-height:1.8;color:var(--card-muted);overflow-wrap:anywhere}.postcard-address strong{font-family:Georgia,"PMingLiU",serif;font-weight:400;font-size:18px;display:block;color:var(--card-ink);margin:4px 0 22px}.postcard-address .postcard-from{margin-top:auto}.postcard-address .postcard-from strong{font-size:16px;margin-bottom:0}.postcard-flip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.postcard-flip button{padding:0 10px;font-size:13px;color:var(--accent)}.postcard-flip>span{font-size:11px;line-height:1.6;color:var(--muted);text-align:right}
#postcardShelf{width:940px;min-height:400px}#postcardViewer{width:720px}.postcard-shelf-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:22px}.postcard-tabs{display:flex;gap:8px}.postcard-tabs button{padding:0 22px;border:1px solid transparent}.postcard-tabs button[aria-selected=true]{background:var(--soft);border-color:var(--accent-line);color:var(--accent)}#refreshPostcards{width:44px;font-size:22px}.postcard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.postcard-grid-item{padding:0;text-align:left;border-radius:4px;min-width:0;display:block}.postcard-grid-item:hover{background:transparent}.postcard-grid-item .paper-card{transition:box-shadow .18s,border-color .18s}.postcard-grid-item:hover .paper-card{border-color:var(--accent-line);box-shadow:0 6px 16px #3d423822}.postcard-grid-item .postcard-front{padding:14px 16px 12px}.postcard-grid-item .postcard-caption{margin-top:8px;gap:6px;min-width:0}.postcard-grid-item .postcard-caption strong{font-size:13px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.postcard-grid-item .postcard-caption time{font-size:10px;letter-spacing:0}.postcard-grid-meta{display:block;font-size:12px;color:var(--muted);padding:12px 2px 0;overflow-wrap:anywhere;line-height:1.6}.postcard-empty{text-align:center;padding:42px 16px;color:var(--muted)}.postcard-empty svg{width:64px;height:48px;color:var(--accent);margin-bottom:16px}.postcard-empty h3{font-weight:400;font-size:16px;color:var(--ink);margin:0 0 12px}.postcard-empty p{font-size:13px;line-height:1.8}#postcardShelfStatus{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px}#postcardShelfStatus:empty{display:none}#morePostcards{display:block;margin:28px auto 0}#postcardViewer .postcard-front{padding:32px 38px 24px}#postcardViewer .postcard-back{min-height:380px}
@media(max-width:850px){.postcard-compose-layout{grid-template-columns:minmax(0,1fr);gap:24px}#postcardComposer{width:640px;padding:24px}.postcard-preview-area{max-width:540px;width:100%;margin:auto}.postcard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.postcard-front{padding:20px 24px 16px}#postcardMessage{height:100px}}
@media(max-width:700px){.postcards-nav{display:inline-flex;margin:6px 0 0;padding:0 12px}.read-code-button{width:auto;margin:6px 0 0;border-top:0}.editor-footer #saveStatus{width:100%;margin-right:0}.editor-footer #download{margin-right:auto}.editor-footer #makePostcard{padding:0 12px}#postcardComposer{padding:18px;max-height:96dvh}.postcard-front{padding:18px 18px 12px}.postcard-caption{margin-top:10px;gap:8px}.postcard-caption strong{font-size:16px}.postcard-caption time{font-size:11px;letter-spacing:0}.postcard-back{padding:20px;gap:16px;min-height:250px}.postcard-letter{font-size:14px;line-height:1.9}.postcard-address{padding-left:16px}.postcard-address strong{font-size:16px}.postcard-stamp{width:36px;height:44px;margin-bottom:20px;font-size:20px}.postcard-styles{padding-top:14px;margin-top:8px;gap:6px}.postcard-styles label{padding:0 10px}.postcard-flip>span{font-size:11px}.postcard-grid{gap:20px 12px}.postcard-grid-item .postcard-front{padding:8px 8px 7px}.postcard-grid-item .postcard-caption{display:block;margin-top:5px}.postcard-grid-item .postcard-caption strong{font-size:12px}.postcard-grid-item .postcard-caption time{display:none}.postcard-grid-meta{font-size:11px;padding-top:8px}#postcardShelf{padding:20px 16px}#postcardViewer{padding:20px 16px}#postcardViewer .postcard-front{padding:22px 24px 18px}#postcardViewer .postcard-back{min-height:300px}#accountCode{font-size:12px}#accountForm input:not([readonly]),#postcardForm input:not([readonly]),#postcardMessage{font-size:16px}#postcardRecipient{letter-spacing:-.5px}.postcard-shelf-toolbar{margin-bottom:18px}.sidebar{padding-bottom:max(16px,env(safe-area-inset-bottom))}dialog{padding-bottom:max(20px,env(safe-area-inset-bottom))}}

#openStickers{display:grid;place-items:center}#openStickers svg{width:24px;height:24px}.canvas-wrap{position:relative}.sticker-overlay{position:absolute;z-index:1;outline:1px dashed var(--accent);outline-offset:3px;cursor:grab;touch-action:none;border-radius:3px}.sticker-overlay:active{cursor:grabbing}.sticker-overlay:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sticker-overlay::before{content:"";position:absolute;inset:-10px;min-width:44px;min-height:44px}.sticker-overlay img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.sticker-controls{margin:14px 0 4px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--quiet)}.sticker-control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.sticker-control-heading strong{font-size:13px;font-weight:500}.sticker-control-heading span{font-size:11px;color:var(--muted);line-height:1.7}.sticker-control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sticker-control-row label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.sticker-control-row input{width:100px;height:44px}.sticker-control-row output{min-width:42px;font-size:11px;color:var(--muted)}.sticker-control-row button{padding:0 14px;font-size:13px}#flipSticker[aria-pressed=true]{background:var(--active);color:var(--accent)}#cancelSticker{margin-left:auto}#applySticker{padding:0 22px}
.workspace:has(.is-placing) .tools [data-tool].selected{background:transparent;border-color:transparent;color:var(--ink)}
.sticker-layers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sticker-layer{position:absolute;pointer-events:none;user-select:none;object-fit:contain}.sticker-overlay::before{pointer-events:none}.sticker-overlay .sticker-handle{position:absolute;width:44px;height:44px;min-height:44px;border-radius:50%;background:var(--paper);border:1px solid var(--accent-line);color:var(--accent);font-size:20px;touch-action:none;display:grid;place-items:center;box-shadow:0 2px 8px #25321f20}.sticker-rotate{top:-52px;left:calc(50% - 22px);cursor:grab}.sticker-resize{bottom:-22px;right:-22px;cursor:nwse-resize}.canvas-wrap[data-tool=select] canvas{cursor:default}.tools #adjustStickers.selected{background:var(--soft);border-color:var(--accent-line);color:var(--accent)}
@media(max-width:700px){.tools{flex-wrap:wrap}.tools .divider{margin:7px 2px}.sticker-control-row #cancelSticker{margin-left:0}.sticker-control-heading{line-height:1.7}}
.sticker-overlay .sticker-handle{width:var(--handle-size,44px);height:var(--handle-size,44px);min-height:var(--handle-size,44px);font-size:var(--handle-font,20px)}.sticker-rotate{top:calc(0px - var(--handle-size,44px) - var(--handle-gap,8px));left:calc(50% - var(--handle-size,44px)/2)}.sticker-resize{bottom:calc(0px - var(--handle-size,44px)/2);right:calc(0px - var(--handle-size,44px)/2)}
@media(min-width:701px){.tools{display:grid;grid-template-columns:44px 44px;gap:6px 8px;width:96px;align-content:start}.tools .divider{grid-column:1/-1;margin:6px 4px}.canvas-navigation,.drawing-options,.recent-colors-row{padding-left:110px}}

.settings-nav{display:flex;align-items:center;gap:9px}.settings-nav svg{width:18px;height:18px;flex-shrink:0}.settings-nav svg circle{fill:var(--sidebar)}
#settingsDialog{width:680px;padding:26px 28px}.theme-fieldset{border:0;padding:0;margin:0;min-width:0}.theme-fieldset legend{font-size:14px;font-weight:500;margin-bottom:18px;padding:0}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-option{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--paper);cursor:pointer}.theme-option:hover{background:var(--quiet);border-color:var(--accent-line)}.theme-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option:focus-within{outline:2px solid var(--accent);outline-offset:4px}.theme-preview{display:flex;gap:8px;padding:10px;background:var(--preview-bg);border:1px solid var(--preview-line);border-radius:4px;height:82px;overflow:hidden}.theme-preview-sidebar{width:21%;background:var(--preview-sidebar);border-radius:2px}.theme-preview-page{flex:1;display:flex;flex-direction:column;gap:7px;padding:7px;background:var(--preview-paper);border:1px solid var(--preview-line);border-radius:3px}.theme-preview-mark{width:25%;height:5px;background:var(--preview-accent);border-radius:2px}.theme-preview-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;flex:1}.theme-preview-grid span{background:var(--preview-soft);border-radius:1px}.theme-option-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 1px 0;font-size:13px}.theme-option-caption>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.theme-option-caption small{font-size:10px;color:var(--muted)}.theme-option-caption input{width:17px;height:17px;margin:0;accent-color:var(--accent);flex-shrink:0}.appearance-caption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}.settings-footer{display:flex;flex-direction:column;gap:18px;margin-top:10px}.settings-footer>span{font-size:12px;line-height:1.8;color:var(--muted);min-height:22px}.settings-footer>span.is-error{color:#a44c3f}.settings-actions{display:flex;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:700px){#settingsDialog{padding:20px 18px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.theme-preview{height:76px;padding:8px;gap:6px}.theme-option{padding:8px}.theme-option-caption{font-size:13px}.theme-option-caption small{font-size:10px}.settings-actions .primary{padding:0 22px}}
#stickerPicker{width:680px;padding:26px 28px}.sticker-pack-list{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}.sticker-pack-list button{padding:0 16px;border:1px solid var(--line);background:var(--paper);font-size:13px}.sticker-pack-list button[aria-pressed=true]{background:var(--soft);border-color:var(--accent-line);color:var(--accent)}.sticker-pack-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 16px}.sticker-pack-heading h3{font-family:inherit;font-size:14px;font-weight:500;margin:0}.sticker-pack-heading>span{font-size:12px;color:var(--muted)}#stickerPickerStatus{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:16px}#stickerPickerStatus:empty{display:none}.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sticker-item{min-width:0;border:1px solid var(--line);padding:14px 12px 12px;background:var(--quiet);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:10px}.sticker-item:hover{background:var(--soft);border-color:var(--accent-line)}.sticker-item img{display:block;width:100%;height:100px;object-fit:contain}.sticker-item span{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.sticker-picker-hint{font-size:12px;color:var(--muted);line-height:1.8;margin-top:22px;text-align:center}#retryStickerPacks{display:block;margin:18px auto}
@media(max-width:700px){#stickerPicker{padding:20px 18px}.sticker-pack-list{gap:8px;padding-bottom:14px}.sticker-pack-list button{padding:0 12px}.sticker-pack-heading{margin:18px 0 14px}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sticker-item{padding:12px 8px;gap:6px}.sticker-item img{height:96px}.sticker-controls{padding:10px 12px;margin-top:12px}.sticker-control-heading{gap:4px}.sticker-control-heading span{font-size:11px}.sticker-control-row{gap:4px 8px}.sticker-control-row label{justify-content:space-between;flex:1 1 100%;font-size:13px}.sticker-control-row input{width:145px;flex:1}.sticker-control-row output{min-width:48px;text-align:right}.sticker-control-row button{padding:0 12px}#applySticker{padding:0 22px}#cancelSticker{margin-left:auto}}

/* Drawing, recovery and recipient controls share the existing paper theme. */
.editor-head-actions{display:flex;align-items:center;gap:8px}.editor-head-actions #expandCanvas{width:auto;padding:0 14px;font-size:13px}.tools svg{width:24px;height:24px}.canvas-wrap{position:relative;display:block;height:clamp(200px,44dvh,470px);touch-action:none;background:var(--quiet);flex:1;isolation:isolate}.canvas-surface{position:absolute;left:50%;top:50%;width:800px;height:600px;transform-origin:center;background:#fffefa}.canvas-surface canvas{width:800px;height:600px;max-width:none;max-height:none;aspect-ratio:4/3}.canvas-wrap[data-tool=hand],.canvas-wrap[data-tool=hand] canvas{cursor:grab}.canvas-wrap[data-tool=picker] canvas{cursor:crosshair}.canvas-navigation{display:flex;align-items:center;gap:6px;padding-left:58px;margin-top:8px;font-size:12px}.canvas-navigation button{min-width:44px;padding:0 10px}.canvas-navigation output{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.canvas-navigation>span{margin-left:auto;color:var(--muted);font-size:11px}.drawing-options{gap:10px}.drawing-options .settings{gap:12px;flex-wrap:wrap}.settings select{height:44px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:0 8px}.settings input[type=color]{height:44px}.color-hex-label input{width:90px;height:44px;padding:0 8px;font-size:13px}.recent-colors-row{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding-left:58px;color:var(--muted);font-size:12px}.recent-colors-row .palette{gap:4px}.editor-footer{flex-wrap:wrap}#editor.is-expanded{position:fixed;inset:0;margin:0;width:100dvw;max-width:none;height:100dvh;max-height:none;border-radius:0;display:flex;flex-direction:column;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}#editor.is-expanded .workspace{flex:1;min-height:110px;align-items:stretch}#editor.is-expanded .canvas-wrap{height:auto;min-height:110px}#editor.is-expanded .note-section,#editor.is-expanded #download,#editor.is-expanded #makePostcard,#editor.is-expanded .recent-colors-row{display:none}#editor.is-expanded .editor-head{margin-bottom:10px}#editor.is-expanded .drawing-options{margin:6px 0}#editor.is-expanded .canvas-navigation{margin:0}#editor.is-expanded .editor-footer{padding-top:6px}
.check-row{display:flex;gap:10px;align-items:center;min-height:44px;font-size:14px}.check-row input{width:20px;height:20px;accent-color:var(--accent)}#previewShare{margin:10px 0}#sharePreview{width:760px;padding:24px}#sharePreview .calendar-top{padding:8px 0}#sharePreview .calendar-top button{min-width:44px}#sharePreviewScope{margin:0 0 10px}#sharePreview .calendar{grid-auto-rows:100px}#sharePreview .day:disabled{opacity:1;cursor:default}#sharePreview h3{font-weight:500;font-size:16px}#reader p{white-space:pre-wrap;overflow-wrap:anywhere}
.draft-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--accent-line);background:var(--soft);border-radius:8px;margin-bottom:16px;font-size:13px}.draft-list-item{display:block;width:100%;text-align:left;padding:14px;border:1px solid var(--line);margin-top:12px}.draft-list-item strong{font-weight:500}.draft-list-item div{display:flex;align-items:center;gap:14px;margin-top:8px}.draft-list-item img{width:90px;height:65px;object-fit:contain;background:#fffefa}.draft-list-item p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:64px;overflow:hidden}.conflict-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.conflict-options h3{font-size:14px;font-weight:500}.conflict-options img{width:100%;height:150px;object-fit:contain;background:#fffefa;border:1px solid var(--line)}.conflict-options p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;min-height:44px;max-height:100px;overflow:auto;margin:10px 0}.conflict-options button{font-size:13px;padding:0 10px}#draftConflict{width:620px}#draftConflictStatus{margin-top:10px;font-size:13px}.unread-badge{background:var(--accent);color:white;min-width:23px;padding:3px 7px;border-radius:20px;font-size:11px;margin-left:auto}.postcard-shelf-toolbar{flex-wrap:wrap;gap:8px}.postcard-grid-meta{display:flex;justify-content:space-between;gap:8px}.postcard-unread{color:var(--accent);font-size:11px;font-weight:600}#postcardSettings h3{font-size:14px;font-weight:500;margin:24px 0 12px}.blocked-sender{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:6px 0}.blocked-sender span{overflow-wrap:anywhere}#blockedSenders>p{color:var(--muted);font-size:13px}.blocked-sender button{padding:0 12px}#postcardBlockStatus{margin-top:10px}
@media(max-width:700px){.canvas-wrap{height:auto;flex:none;width:100%;aspect-ratio:4/3}.canvas-navigation{padding-left:0;gap:2px;flex-wrap:wrap}.canvas-navigation>span{width:100%;margin:0;padding:0 6px;line-height:1.8}.tools{gap:2px;flex-wrap:wrap}.tools button{width:44px;flex:0 0 44px}.tools .divider{display:none}.recent-colors-row{padding-left:0;gap:8px;align-items:flex-start}.drawing-options{display:block}.drawing-options>.palette{margin-bottom:8px}.drawing-options .settings{font-size:13px;gap:8px}.drawing-options .settings input[type=range]{width:80px}.color-hex-label input{font-size:16px}#editor.is-expanded .workspace{flex-direction:column-reverse;gap:6px}#editor.is-expanded .canvas-wrap{flex:1;aspect-ratio:auto;width:100%;min-height:100px}#editor.is-expanded .tools{flex:none;justify-content:center}#editor.is-expanded .canvas-navigation>span{display:none}#editor.is-expanded .drawing-options .palette{margin:0}#editor.is-expanded .drawing-options .settings{gap:6px}#editor.is-expanded .editor-head h2{font-size:15px}#editor.is-expanded .editor-head-actions{gap:2px}#editor.is-expanded .editor-head-actions #expandCanvas{padding:0 10px}#sharePreview{padding:18px}#sharePreview .calendar{grid-auto-rows:80px}.conflict-options{gap:10px}.conflict-options img{height:110px}.draft-notice{padding:10px 12px}.postcard-tabs{margin-right:auto}#unreadFilterRow{font-size:13px}.postcard-shelf-toolbar #openPostcardSettings{padding:0 10px;font-size:13px}}
@media(max-height:500px){#editor.is-expanded{overflow:auto}#editor.is-expanded .workspace{min-height:180px}#editor.is-expanded .drawing-options{flex-shrink:0}.canvas-wrap{min-height:160px}}

.block-confirm{padding:14px;margin-top:12px;border:1px solid var(--accent-line);border-radius:8px;background:var(--soft)}.block-confirm p{font-size:13px;line-height:1.8}.block-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}

@media(max-width:700px){#editor textarea{font-size:16px}#editor.is-expanded .drawing-options>.palette{flex-wrap:nowrap;overflow-x:auto;padding:2px 0}#editor.is-expanded .drawing-options>.palette .swatch{flex:0 0 44px}#editor.is-expanded #clear{display:none}#editor.is-expanded .canvas-navigation{justify-content:center}}
.cloud-gate{display:none;position:fixed;inset:0;z-index:1000;background:var(--bg);overflow:auto;padding:32px 20px;padding-top:max(32px,env(safe-area-inset-top));}
.cloud-locked > :not(#cloudGate):not(script){visibility:hidden;pointer-events:none;}
.cloud-locked .cloud-gate{display:grid;place-items:center;}
.cloud-gate-card{width:min(100%,400px);padding:36px 28px;border:1px solid var(--line);background:var(--paper);border-radius:12px;box-shadow:0 8px 36px #31372a0a;}
.cloud-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;font-size:24px;margin-bottom:24px;color:var(--muted);}
.cloud-gate h1{font-size:28px;margin:0 0 12px;}.cloud-gate p{line-height:1.7;color:var(--muted);}.cloud-gate .primary{margin-top:16px;min-height:48px;}
.cloud-gate-actions{display:flex;gap:12px;flex-wrap:wrap;}.cloud-gate-actions button{min-height:44px;}.cloud-gate [role=status],#cloudAccountMessage{white-space:pre-wrap;overflow-wrap:anywhere;}
#cloudIdentity{overflow-wrap:anywhere;}#cloudAccountDialog .wide{min-height:48px;}
.privacy-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 0;text-align:left;font-size:14px;color:var(--ink);border-top:1px solid var(--line);border-radius:0;margin:20px 0 8px;}.privacy-link::after{content:'›';font-size:22px;color:var(--muted);}.privacy-link:hover{color:var(--accent);background:var(--quiet);}.privacy-mode{color:var(--muted);font-size:14px;line-height:1.8;}#privacyDialog{width:520px;}#privacyDialog .dialog-heading{position:sticky;top:-26px;background:var(--paper);padding-bottom:12px;z-index:1;margin-bottom:12px;}.privacy-summary{margin:22px 0;line-height:1.85;}.privacy-summary>div+div{margin-top:18px;}.privacy-summary dt{font-weight:600;margin-bottom:4px;}.privacy-summary dd{margin:0;color:var(--muted);}.privacy-details{border-top:1px solid var(--line);padding-top:8px;}.privacy-details summary{min-height:48px;line-height:1.8;padding:12px 0;cursor:pointer;color:var(--accent);}.privacy-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}.privacy-content{font-size:14px;line-height:1.9;overflow-wrap:anywhere;}.privacy-content section{margin-top:22px;}.privacy-content section:first-child{margin-top:12px;}.privacy-content h3{font-size:14px;font-weight:600;margin:0 0 8px;}.privacy-content p{margin:8px 0;color:var(--muted);}#signOutDialog .check-row{line-height:1.8;}#signOutDialog .check-row input{flex-shrink:0;}#signOutDialog .wide{min-height:48px;margin-top:12px;}.cloud-locked > #privacyDialog,.cloud-locked > #settingsDialog{visibility:visible;pointer-events:auto;}@media(max-width:700px){#privacyDialog{padding:20px;}#privacyDialog .dialog-heading{top:-20px;}}
/* Destructive actions follow the same paper dialogs, with an explicit cancel. */
.danger-text{color:#a24e45!important;min-height:44px}
.danger-button{background:#9b493f;color:#fff;border:1px solid #9b493f;min-height:44px;border-radius:6px;padding:10px 18px}
.danger-button:hover{background:#843c34}
#deleteDialog{width:440px;max-width:calc(100vw - 32px)}
#deleteDialog .settings-actions{justify-content:flex-end;gap:12px}
body.cloud-locked #deleteDialog,body.cloud-locked #cloudAccountDialog{visibility:visible;pointer-events:auto}
#deletePostcard{display:block;margin:14px 0 8px}