.template-image-container{text-align:center;max-width:380px;margin-bottom:25px;margin-left:auto;margin-right:auto}.template-image{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:500px;box-shadow:0 5px 15px #0000001a}.portrait-container{text-align:center;width:220px;height:220px;margin:25px auto}.portrait{object-fit:cover;border-radius:10px;width:100%;height:100%;box-shadow:0 5px 15px #0000001a}.obituary-text{white-space:pre-line;text-align:center;color:var(--text-brown);max-width:440px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-family:Nanum Myeongjo,serif;font-size:19px;font-weight:700;line-height:1.8}.section{text-align:center;width:100%;max-width:480px;margin-bottom:20px;margin-left:auto;margin-right:auto}.section-title{color:var(--dark-brown);margin-bottom:10px;font-family:Noto Sans KR,sans-serif;font-size:16px;font-weight:800}.info-row{justify-content:space-between;width:100%;max-width:480px;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0 5px;font-size:17px;display:flex}.label{text-align:right;width:90px;color:var(--accent-brown);flex-shrink:0;margin-right:10px;font-weight:700}.value{text-align:left;width:calc(100% - 110px);color:var(--text-brown);word-break:keep-all;font-weight:700}.divider{background-color:var(--light-brown);width:100%;max-width:480px;height:1px;margin:25px auto}.map-section{text-align:center;margin:20px 0}.map-button{background-color:var(--primary-brown);color:#fff;border-radius:4px;margin:10px 0;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.info-text{white-space:pre-line;color:#444;text-align:center;margin:20px 0;font-size:16px;font-weight:700}.account-section{text-align:center;background-color:var(--bg-brown);border-radius:8px;max-width:440px;margin:20px auto;padding:15px}.account-button{background-color:var(--light-brown);color:var(--dark-brown);cursor:pointer;border-radius:8px;margin-bottom:15px;padding:10px 20px;font-size:17px;font-weight:700;display:inline-block}.account-info{display:none}.account-row{justify-content:center;max-width:400px;margin-bottom:8px;margin-left:auto;margin-right:auto;display:flex}.account-label{width:70px;color:var(--text-brown);text-align:right;margin-right:15px;font-size:17px;font-weight:800}.account-value{text-align:left;color:var(--dark-brown);font-size:17px;font-weight:700}.fixed-bottom-buttons{z-index:1000;box-sizing:border-box;background-color:#fff;border-radius:0;justify-content:space-between;gap:10px;width:100%;max-width:500px;padding:15px 30px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000001a}.bottom-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 20px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.send-button{background-color:var(--dark-brown);color:#fff}.flower-button{background-color:var(--light-brown);color:var(--dark-brown)}.bottom-button:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0003}.modal-overlay{z-index:2000;background-color:#00000080;display:none;position:fixed;inset:0}.modal-container{z-index:2001;background-color:#fff;border-radius:20px 20px 0 0;padding:30px;transition:transform .3s ease-out;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.modal-container.active{transform:translateY(0)}.modal-close{color:var(--accent-brown);cursor:pointer;font-size:24px;position:absolute;top:20px;right:20px}.modal-title{text-align:center;color:var(--dark-brown);margin-bottom:20px;font-size:18px;font-weight:700}.share-options{justify-content:center;gap:30px;display:flex}.share-button{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.share-icon{border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.share-icon img{width:30px;height:30px}.share-name{color:#333;font-size:13px}.bottom-button.disabled{color:#666;cursor:not-allowed;opacity:.7;background-color:#ccc}.bottom-button.disabled:hover{box-shadow:none;transform:none}.deceased-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;max-width:440px;margin:20px auto;display:flex}.deceased-info-item{color:#333;align-items:center;font-size:19px;font-weight:700;display:flex;position:relative}.deceased-info-item:not(:last-child):not(:empty)~.deceased-info-item:not(:empty):before{content:"|";color:#ccc;position:absolute;left:-15px}.fixed-header{z-index:1000;box-sizing:border-box;background-color:#fff;border-radius:0;width:100%;max-width:500px;height:70px;padding:15px 30px;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #5d403726}.header-container{justify-content:center;align-items:center;gap:10px;height:100%;display:flex}#additional-info{word-break:keep-all;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.8}@media screen and (max-width:500px){.info-row,.section,.account-section,.deceased-info,.divider,#additional-info,.obituary-text{max-width:100%;padding-left:10px;padding-right:10px}.label{width:80px;margin-right:10px}.value{width:calc(100% - 90px)}.info-row{font-size:16px}.obituary-text,.section-title,.deceased-info-item{font-size:18px}.account-label,.account-value,.account-button{font-size:16px}.template-image-container{max-width:340px}.portrait-container{width:200px;height:200px}}.last-prayer{letter-spacing:.05em;color:#222;margin-top:30px;font-family:Nanum Myeongjo,serif;font-size:22px;font-weight:800;display:block}@media screen and (max-width:500px){.obituary-text{padding:0 15px;font-size:18px}.last-prayer{font-size:20px}}body{color:#333;background-color:#f5f5f5;min-height:100vh;margin:0;padding:70px 0 80px;font-family:Noto Sans KR,sans-serif;line-height:1.8}.page-main{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:15px;width:100%;margin:20px auto 80px;padding:30px;box-shadow:0 4px 15px #0000001a;max-width:500px!important}@media screen and (min-width:501px) and (max-width:768px){.page-main,.fixed-header{max-width:500px!important}}@media screen and (max-width:500px){.page-main{box-shadow:none;border:none;border-radius:0;margin:0 0 80px;padding:20px}.fixed-header,.fixed-bottom-buttons{max-width:100%;padding:15px 20px;left:0;transform:none}}.modal-scroll-container{z-index:1050;background-color:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{border:1px solid var(--light-brown);background-color:#fff;border-radius:15px;width:90%;max-width:550px;margin:20px auto;padding:30px;position:relative;box-shadow:0 5px 15px #0000004d}.modal-close{color:var(--accent-brown);cursor:pointer;font-size:28px;font-weight:700;position:absolute;top:15px;right:20px}.template-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.template-item{cursor:pointer;border:1px solid #eaeaea;border-radius:8px;transition:transform .2s;overflow:hidden}.template-item:hover{transform:translateY(-2px);box-shadow:0 5px 10px #5d403733}.template-image{width:100%;height:auto;display:block}@media screen and (max-width:480px){.template-grid{grid-template-columns:repeat(2,1fr)}}.modal-open{overflow:hidden}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.death-notice{text-align:center;max-width:440px;color:var(--text-brown);margin:15px auto;font-family:Nanum Myeongjo,serif;font-weight:600;line-height:1.5}.death-date{margin-bottom:3px;font-size:19px}.death-message{font-size:19px}#deathExpression{font-weight:700}@media screen and (max-width:500px){.death-notice{padding:0 15px}.death-date,.death-message{font-size:18px}}.deceased-name-large{color:#222;text-align:center;margin-bottom:5px;font-family:Nanum Myeongjo,serif;font-size:26px;font-weight:800}.deceased-info-small{color:#666;text-align:center;margin-bottom:8px;font-size:14px;font-weight:400}.deceased-info{flex-direction:column;align-items:center;max-width:440px;margin:15px auto;display:flex}.deceased-info-item{color:#333;text-align:center;font-size:18px;font-weight:700}@media screen and (max-width:500px){.deceased-name-large{font-size:24px}.deceased-info-small{font-size:13px}.deceased-info-item{font-size:16px}}.deceased-main-line{color:var(--dark-brown);text-align:center;margin-bottom:3px;font-family:Nanum Myeongjo,serif;font-size:22px;line-height:1.3}.deceased-name{color:var(--dark-brown);font-size:24px;font-weight:800}.deceased-gender-age{color:#555;margin:0 4px;font-size:16px;font-weight:400}.deceased-title-inline{color:#444;font-size:20px;font-weight:700}.deceased-title-block{color:var(--text-brown);text-align:center;margin-top:8px;margin-bottom:8px;font-family:Nanum Myeongjo,serif;font-size:22px;font-weight:700}@media screen and (max-width:500px){.deceased-main-line{font-size:20px}.deceased-name{font-size:22px}.deceased-gender-age{font-size:15px}.deceased-title-block{font-size:20px}}.coffin-date-row{text-align:right;max-width:440px;margin:-5px auto 10px;padding-right:20px}.coffin-date{color:#666;font-size:14px;font-weight:400}@media screen and (max-width:500px){.coffin-date-row{padding-right:15px}}.funeral-address-row{text-align:left;max-width:440px;margin:0 auto 15px;padding-left:115px}.funeral-address{color:#555;font-size:14px;font-weight:500}.map-buttons{justify-content:center;gap:10px;max-width:440px;margin:10px auto;display:flex}.map-button,.copy-button{background-color:var(--primary-brown);color:#fff;cursor:pointer;text-align:center;border-radius:4px;flex:1;max-width:120px;margin:5px 0;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.copy-button{background-color:var(--accent-brown)}@media screen and (max-width:500px){.funeral-address-row{padding-right:15px}}:root{--primary-brown:#8d6e63;--dark-brown:#333;--light-brown:#d7ccc8;--text-brown:#222;--accent-brown:#a1887f;--bg-brown:#efebe9}body{background-color:var(--very-light-brown);color:var(--brown-text);font-family:Noto Sans KR,sans-serif}.modal-title{font-size:20px;font-weight:700}.deceased-name-large{color:var(--brown-text);font-family:Nanum Myeongjo,serif;font-weight:800}.section-title{color:var(--main-brown);font-family:Nanum Myeongjo,serif;font-size:24px;font-weight:700}.page-main{background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 15px #0000001a}.modal-content{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000004d}.modal-close{color:#aaa;font-size:28px;font-weight:700}.fixed-header{background-color:#fff;border-radius:0;box-shadow:0 2px 10px #0000001a}.share-icon{border-radius:10px}.modal-overlay{background-color:#00000080}.fixed-bottom-buttons{background-color:#fff;box-shadow:0 -2px 10px #0000001a}.bottom-button{border:none;border-radius:8px;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:700}.info-row{font-size:15px}.divider{background-color:#e5d6c1}.portrait,.template-image{border-radius:10px;box-shadow:0 5px 15px #0000001a}.account-section{border-radius:12px}#additional-info{line-height:1.8}.deceased-name{color:var(--brown-text);font-weight:800}.account-label{color:var(--medium-brown);font-weight:700}.account-value{color:var(--brown-text);font-weight:600}.deceased-title-inline{color:var(--medium-brown)}.modal-scroll-container{background-color:#00000080}.template-item{border:1px solid #eaeaea;border-radius:8px}.template-item:hover{box-shadow:0 5px 10px #0000001a}.template-item.selected{border:2px solid #5271c2}@media screen and (max-width:500px){.page-main{border-radius:0;box-shadow:0 2px 8px #00000014}}@media screen and (max-width:360px){.section-title{font-size:var(--text-base)}}@media (max-width:768px){.bottom-button{font-size:14px}}@media print{body{color:#000!important}.page-main{box-shadow:none!important;background:#fff!important;border:none!important}}
