:root{--paper:#fbf4ea;--ink:#173f3b;--muted:#76685c;--line:#173f3b21;--card:#fffaf2e0;--accent:#b85b3e;--accent-soft:#f2d2c3;--green-soft:#dce8dd;--shadow:0 22px 60px #38241124;color:var(--ink);background:var(--paper);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 8% 4%,#b85b3e2e,#0000 34rem),radial-gradient(circle at 100% 0,#173f3b24,#0000 28rem),linear-gradient(135deg,#fff8ef 0%,#f4e8d8 47%,#e9dbc8 100%);min-height:100%}body{background-image:linear-gradient(#173f3b09 1px,#0000 1px),linear-gradient(90deg,#173f3b08 1px,#0000 1px);background-size:28px 28px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-frame{width:min(100%,460px);min-height:100vh;padding:max(14px, env(safe-area-inset-top)) 14px max(24px, env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fbf4eaf5,#fbf4eab8);justify-content:space-between;align-items:center;gap:12px;margin:-2px -2px 14px;padding:10px 2px 12px;display:flex;position:sticky;top:0}.brand,.topbar-actions{align-items:center;gap:8px;display:flex}.brand{letter-spacing:.03em;font-weight:800}.brand-mark{color:#fffaf2;background:var(--ink);border-radius:13px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 22px #173f3b33}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.03em;font-family:Georgia,Songti SC,SimSun,serif}h1{font-size:clamp(2.15rem,12vw,3.6rem);line-height:.98}h2{font-size:1.35rem}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:900}.muted,.hint,.summary,.login-hero p,.admin-hero p,.public-hero p,.share-footer p{color:var(--muted);line-height:1.65}.login-hero,.admin-hero,.public-hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(140deg,#fffaf2eb,#eddec9b8),radial-gradient(circle at 88% 12%,#b85b3e38,#0000 9rem);border-radius:30px;gap:12px;margin-bottom:14px;padding:26px 22px;display:grid;position:relative;overflow:hidden}.public-hero:after,.admin-hero:after,.login-hero:after{content:"";border:1px solid #173f3b29;border-radius:999px;width:150px;height:150px;position:absolute;bottom:-58px;right:-54px}.panel,.search-panel,.patient-card,.share-footer{border:1px solid var(--line);background:var(--card);border-radius:24px;box-shadow:0 16px 44px #38241117}.panel{padding:18px}.form-stack,.edit-form{gap:14px;display:grid}.form-stack label{color:var(--muted);gap:7px;font-size:.86rem;font-weight:800;display:grid}.smart-card{background:linear-gradient(135deg, #fffaf2f0, #dce8dd94), var(--card)}.smart-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}input,textarea{width:100%;color:var(--ink);background:#ffffffad;border:1px solid #173f3b29;border-radius:16px;outline:none;padding:13px 14px}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus{border-color:#b85b3e94;box-shadow:0 0 0 4px #b85b3e1c}.primary-button,.secondary-button,.ghost-button,.danger-button,.copy-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 15px;font-weight:900;display:inline-flex}.primary-button{color:#fffaf2;background:linear-gradient(135deg, var(--ink), #245f58);box-shadow:0 10px 22px #173f3b2e}.secondary-button,.copy-button,.ghost-button{color:var(--ink);background:#173f3b14}.danger-button{color:#7e2d1f;background:#b85b3e24}button:disabled{cursor:not-allowed;opacity:.45}.block{width:100%}.compact{min-height:34px;padding-inline:13px;font-size:.84rem}.search-panel{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:9px;margin-bottom:14px;padding:14px;display:grid;position:sticky;top:62px}.search-panel label{color:var(--accent);font-size:.78rem;font-weight:900}.search-panel span,.patient-card-meta{color:var(--muted);font-size:.82rem}.list-stack,.patient-card,.info-panel,.photo-grid,.share-footer{gap:12px;display:grid}.patient-card{padding:16px}.patient-card-main,.section-title-row,.sheet-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pill{color:var(--ink);background:var(--green-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:7px 10px;font-size:.76rem;font-weight:900;display:inline-flex}.pill.warm{background:var(--accent-soft);width:max-content}.patient-card-meta,.card-actions{flex-wrap:wrap;gap:8px;display:flex}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.info-row:last-child{border-bottom:0}.info-row div{gap:4px;min-width:0;display:grid}.info-row span{color:var(--muted);font-size:.78rem}.info-row strong{overflow-wrap:anywhere;font-size:1rem}.story-panel,.photo-grid,.share-footer{margin-top:14px}.text-copy-card,.photo-category-block{background:#173f3b0e;border-radius:20px;gap:12px;padding:14px;display:grid}.text-copy-card h3{color:var(--accent);font-size:.92rem}.text-copy-card p{line-height:1.78}.compact-story-card{padding-block:12px}.story-preview{-webkit-line-clamp:5;-webkit-box-orient:vertical;max-height:8.9em;margin-top:0;display:-webkit-box;overflow:hidden}.photo-panel{margin-top:14px;position:relative}.photo-title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.view-drawer-trigger{min-height:34px;color:var(--ink);white-space:nowrap;background:#173f3b14;border:0;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:900}.view-drawer-trigger[aria-expanded=true]{color:#fffaf2;background:var(--ink)}.view-drawer{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2f5;border:1px solid #173f3b1f;border-radius:20px;gap:10px;width:min(268px,100% - 28px);padding:12px;display:grid;position:absolute;top:66px;right:14px;box-shadow:0 20px 54px #171f1d2e}.view-drawer-row{grid-template-columns:42px 1fr;align-items:center;gap:8px;display:grid}.view-drawer-row span{color:var(--muted);font-size:.78rem;font-weight:900}.view-chip-group{background:#173f3b0f;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px;display:grid}.view-chip-group.density{grid-template-columns:repeat(4,1fr)}.view-chip-group button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:12px;font-size:.82rem;font-weight:900}.view-chip-group button.active{color:#fffaf2;background:var(--ink);box-shadow:0 8px 18px #173f3b29}.photo-gallery{--gallery-density:1;gap:12px;margin-top:12px;display:grid}.photo-gallery.vertical{grid-template-columns:repeat(var(--gallery-density), minmax(0, 1fr))}.photo-gallery.horizontal{grid-auto-columns:min(76vw,340px);grid-auto-flow:column;grid-template-rows:repeat(var(--gallery-density), auto);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:10px;overflow-x:auto}.selectable-photo{border:1px solid var(--line);background:#fffaf2;border-radius:20px;margin:0;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden}.photo-gallery.horizontal .selectable-photo{scroll-snap-align:start}.selectable-photo.is-selected{border-color:#b85b3eb8;box-shadow:0 0 0 4px #b85b3e24,0 18px 34px #38241124}.photo-image{aspect-ratio:4/3;object-fit:cover;cursor:zoom-in;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;-webkit-user-drag:auto;pointer-events:auto;width:100%;display:block}.photo-gallery[data-density="3"] .photo-image,.photo-gallery[data-density="4"] .photo-image{aspect-ratio:1}.selectable-photo figcaption{color:var(--muted);padding:10px 12px 13px;font-size:.82rem;line-height:1.5}.photo-gallery[data-density="3"] figcaption,.photo-gallery[data-density="4"] figcaption{display:none}.long-story{white-space:pre-line;-webkit-user-select:text;user-select:text;margin-top:16px;line-height:1.86}.photo-grid figure{border:1px solid var(--line);background:#fffaf2;border-radius:20px;margin:0;overflow:hidden}.photo-grid img{aspect-ratio:4/3;object-fit:cover;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;width:100%}.photo-grid figcaption{color:var(--muted);padding:10px 12px 13px;font-size:.82rem;line-height:1.5}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-card{cursor:pointer;background:#173f3b0d;border:1px dashed #173f3b52;border-radius:20px;place-items:center;min-height:86px;display:grid;position:relative;color:var(--ink)!important}.upload-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.sticky-save{bottom:max(12px, env(safe-area-inset-bottom));z-index:10;position:sticky}.sheet-backdrop{z-index:40;background:#171f1d61;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.share-sheet{background:#fffaf2;border-radius:28px;gap:14px;width:min(100%,430px);padding:18px;display:grid;box-shadow:0 26px 80px #171f1d4d}.share-link-box{background:#173f3b0f;border-radius:18px;gap:9px;padding:12px;display:grid}.share-link-box span{overflow-wrap:anywhere;color:var(--muted);font-size:.82rem}.share-link-box button{color:#fffaf2;background:var(--accent);border:0;border-radius:14px;padding:10px;font-weight:900}.qr-panel{justify-items:center;gap:8px;display:grid}.qr-panel img,.qr-loading{background:#fff;border-radius:22px;width:180px;height:180px}.qr-loading{color:var(--muted);place-items:center;display:grid}.share-footer{margin-bottom:8px;padding:14px}.selection-menu{bottom:max(12px, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2f0;border:1px solid #173f3b1f;border-radius:22px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:14px;padding:10px;display:grid;position:sticky;box-shadow:0 18px 60px #171f1d2e}.selection-menu strong{font-size:.92rem}.fullscreen-preview{z-index:60;padding:max(18px, env(safe-area-inset-top)) 14px max(22px, env(safe-area-inset-bottom));background:#0c1413f0;grid-template-rows:auto 1fr auto;gap:14px;display:grid;position:fixed;inset:0}.fullscreen-preview img{object-fit:contain;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;-webkit-user-drag:auto;pointer-events:auto;width:100%;height:100%}.fullscreen-preview p{color:#fffaf2;text-align:center}.preview-close{min-height:38px;color:var(--ink);background:#fffaf2;border:0;border-radius:999px;justify-self:end;padding:0 16px;font-weight:900}@media (width<=390px){.photo-gallery.vertical[data-density="4"]{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-menu{grid-template-columns:1fr}}@media (width>=760px){.app-frame{padding-top:22px}body:before{content:"";z-index:-1;border:1px solid #173f3b14;border-radius:42px;position:fixed;inset:28px calc(50% - 248px);box-shadow:0 30px 90px #38241129}}