
:root{--paper:#fbfaf6;--ink:#173d3b;--text:#253d3b;--muted:#677570;--line:#e6e9e2;--accent:#c65339;--soft:#f8eadf;--green:#e8eee5;--radius:22px;--shadow:0 16px 42px #21413910}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI','Noto Sans CJK KR','Malgun Gothic',sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc543a;outline-offset:4px}button{border:0;background:none}svg{display:block}svg.icon{width:24px;height:24px;flex-shrink:0}a.skip{position:fixed;top:-100px;left:12px;background:white;padding:14px;z-index:99}a.skip:focus{top:8px}.demo-strip{background:#edf1e8;color:#496151;font-size:12px;text-align:center;padding:5px 12px;letter-spacing:.01em}.wrap{max-width:1144px;margin:auto;padding:0 32px}.header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:850;letter-spacing:-1.5px;color:var(--ink)}.brand-mark{width:37px;height:39px}.brand small{margin-left:18px;font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}.top-links{display:flex;gap:26px;font-size:14px}.top-links a{padding:12px 0}.top-links a.active{font-weight:750;border-bottom:2px solid var(--ink)}.hero{padding:34px 0 24px;display:grid;grid-template-columns:1.7fr 1fr;gap:28px;align-items:center}.eyebrow{font-size:12px;color:#846742;font-weight:750;letter-spacing:1px}.hero h1{font-size:38px;line-height:1.3;letter-spacing:-1.6px;color:var(--ink);margin:9px 0 13px}.hero p{margin:0;font-size:14px;color:var(--muted)}.hero-art{height:190px;overflow:hidden;border-radius:130px 130px 26px 26px;position:relative;background:#e4ede1}.hero-art svg{width:100%;height:100%;object-fit:cover}.hero-art span{position:absolute;bottom:11px;right:13px;font-size:10px;background:#fbfaf6dd;padding:3px 9px;border-radius:20px}.filters{display:flex;gap:0;background:white;border:1px solid #dbe3d8;border-radius:17px;max-width:650px;box-shadow:0 4px 14px #28463805}.filter-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 18px;min-height:66px;width:50%;border-radius:16px}.filter-btn+button{position:relative}.filter-btn+button:before{content:'';width:1px;height:34px;background:var(--line);position:absolute;left:0}.filter-btn>div{flex:1}.field-label{font-size:11px;color:var(--muted);line-height:1.2}.field-value{font-size:16px;font-weight:700;margin-top:3px}.down{font-size:16px;color:#60716b}.status-line{font-size:12px;margin:9px 0 19px;min-height:18px;color:var(--muted)}.themes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0 30px}.theme{border:1px solid transparent;border-radius:20px;min-height:100px;padding:9px 6px}.theme:hover{background:white}.theme.active{background:#f1e8dc;border-color:#cdbda5}.theme .icon-wrap{height:50px;width:50px;margin:0 auto 6px;border-radius:16px;background:#e9eee1;display:grid;place-items:center}.theme:nth-child(2) .icon-wrap{background:#e1eadd}.theme:nth-child(3) .icon-wrap{background:#dfedef}.theme:nth-child(4) .icon-wrap{background:#f6e6d0}.theme:nth-child(5) .icon-wrap{background:#eee6d9}.theme:nth-child(6) .icon-wrap{background:#f6e2d7}.theme svg{width:27px;height:27px}.theme strong{font-size:13px;font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px}.section-head h2{font-size:23px;letter-spacing:-.8px;margin:0;color:var(--ink)}.small-action{font-size:12px;color:var(--muted);text-decoration:underline;padding:10px 0}.section-note{font-size:12px;color:var(--muted);margin:0 0 16px}.chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}.chip{flex-shrink:0;font-size:12px;border:1px solid #dbe1d7;border-radius:999px;padding:7px 14px;min-height:40px;background:var(--paper)}.chip.active{background:var(--ink);border-color:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 21px}.card{min-width:0;position:relative}.card-visual{aspect-ratio:1.38;border-radius:var(--radius);overflow:hidden;background:var(--green);position:relative}.card-link{display:block;border-radius:var(--radius)}.card-visual svg.scene{width:100%;height:100%;transition:transform .3s}.card-link:hover .scene{transform:scale(1.035)}.scene-stamp{position:absolute;bottom:12px;left:12px;font-size:10px;background:#fbfaf6dc;color:#4b625a;padding:3px 8px;border-radius:12px}.save{position:absolute;top:11px;right:11px;background:#fffefaee;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff9c}.save[aria-pressed=true]{background:#fff1e7;color:#ae4a33}.card-meta{font-size:11px;color:var(--muted);margin-top:12px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.card-meta .kind{color:#ad583b;font-weight:700}.card h3{font-size:17px;line-height:1.45;letter-spacing:-.5px;margin:4px 0 5px;color:var(--ink)}.card .caption{font-size:12px;color:var(--muted);margin:0}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0 0}.tag{font-size:10px;background:#eef0e8;color:#546452;padding:3px 7px;border-radius:6px}.tag.warn{background:#f7eddf;color:#83623b}.show-more{border:1px solid #d5ddd2;border-radius:13px;padding:11px 28px;background:white;display:block;margin:29px auto 0;min-height:45px}.message-card{background:white;border:1px solid var(--line);border-radius:22px;padding:33px;text-align:center;grid-column:1/-1;max-width:100%;}.message-card h3{font-size:19px}.message-card p{color:var(--muted);font-size:14px}.primary{background:var(--ink);color:white;border-radius:12px;padding:12px 21px;min-height:46px;font-weight:650}.secondary{border:1px solid #cbd6c9;padding:11px 18px;min-height:45px;border-radius:12px;background:white}.quiet-banner{margin:34px 0;background:#f1e9dc;border-radius:22px;padding:22px 26px;display:flex;align-items:center;gap:18px}.quiet-banner h3{margin:0 0 4px;font-size:16px}.quiet-banner p{margin:0;font-size:13px;color:#6c6c5c}.footer{padding:30px 0 34px;margin-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;display:flex;gap:20px;justify-content:space-between}.footer p{margin:0}.textbtn{text-decoration:underline;padding:3px 0;min-height:32px}.mobile-nav{display:none}.detail-page{max-width:780px;margin:auto}.back{display:flex;align-items:center;gap:8px;font-size:14px;padding:16px 0;min-height:55px}.detail-visual{aspect-ratio:2;border-radius:24px;overflow:hidden;background:var(--green);position:relative}.detail-visual svg{width:100%;height:100%}.detail-top{margin:24px 0 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-top h1{font-size:29px;letter-spacing:-.8px;line-height:1.35;margin:8px 0}.detail-top p{font-size:14px;color:var(--muted);margin:0}.detail-save{flex-shrink:0;margin-top:25px}.notice{padding:16px 18px;background:#f4eddf;border-radius:14px;font-size:13px;margin:16px 0;color:#68593f}.detail-block{padding:24px 0;border-top:1px solid var(--line)}.detail-block h2{font-size:19px;letter-spacing:-.5px;margin:0 0 16px}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.fact{background:white;border:1px solid var(--line);border-radius:13px;padding:14px}.fact dt{font-size:12px;color:var(--muted);margin-bottom:5px}.fact dd{margin:0;font-size:14px;font-weight:650}.facts{margin:0}.note-list{padding-left:18px;font-size:14px;color:#57685d}.note-list li{margin:7px 0}.detail-block p{font-size:14px}.placeholder{border:1px dashed #cbd6c9;background:#f5f6f0;padding:17px;border-radius:14px;color:var(--muted);font-size:13px}.mini-related{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-related .card h3{font-size:15px}.related-wrap{margin-top:15px}.wide-button{width:100%;border:1px solid #d7dfd3;border-radius:14px;padding:13px;min-height:46px;background:white}.list-intro{padding:30px 0 15px}.list-intro h1{margin:0 0 8px;font-size:31px;letter-spacing:-1px}.list-intro p{margin:0;color:var(--muted);font-size:14px}.result-live{min-height:20px;font-size:12px;color:var(--muted);margin-bottom:8px}.storage-warning{background:#f4eddf;border:1px solid #e8ddc9;border-radius:9px;padding:5px 9px;font-size:11px;margin:6px 0}.inline-label{background:#ebeee5;color:#536753;padding:5px 9px;border-radius:7px;font-size:11px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:45;padding:12px 20px;border-radius:13px;background:var(--ink);color:white;font-size:13px;max-width:90%;box-shadow:var(--shadow);text-align:center}.toast:empty{display:none}dialog{border:0;border-radius:25px;padding:0;width:min(94vw,440px);max-height:88dvh;color:var(--text);background:var(--paper);box-shadow:0 30px 100px #132e3a4d}dialog::backdrop{background:#12272070;backdrop-filter:blur(3px)}.modal-inner{padding:25px}.modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.modal-head h2{font-size:21px;letter-spacing:-.7px;margin:0}.close{border-radius:50%;width:40px;height:40px;background:#e9ece4;display:grid;place-items:center}.modal-inner p{font-size:13px;color:var(--muted)}.modal-inner input,.modal-inner select{width:100%;min-height:49px;border:1px solid #bbcabc;background:white;border-radius:12px;padding:10px 13px;color:var(--ink);font-size:18px}.label{display:block;font-size:13px;font-weight:650;margin:18px 0 7px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.preset{padding:8px 14px;background:#edf0e7;border-radius:10px;font-size:13px;min-height:42px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions>*{flex:1}.error{color:#a23e29!important;font-size:12px;min-height:20px}.region-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.region-option{padding:13px 8px;border:1px solid #d4dfcd;border-radius:13px;background:white;min-height:50px;font-size:14px}.region-option.active{border-color:var(--ink);background:#e6eee0;font-weight:700}.help-row{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.help-row strong{display:block;margin-bottom:4px}.test-controls{margin-top:20px;border:1px solid #d9dfd3;border-radius:14px;padding:10px 15px;font-size:12px}.test-controls summary{cursor:pointer;padding:5px;min-height:34px}.test-controls button{border:1px solid #cdd7c8;border-radius:10px;margin:5px 5px 0 0;padding:8px 12px;min-height:38px}.setting-note{font-size:11px;color:var(--muted);margin:9px 0}.info-action{padding:10px 0;text-decoration:underline;font-size:13px}.no-scroll{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme{display:flex;gap:12px;align-items:center;justify-content:center}.theme .icon-wrap{margin:0}.hero-art{height:205px}.hero{padding-top:32px}}
@media(max-width:700px){.wrap{padding:0 18px}.header{height:58px}.brand{font-size:24px}.brand small{display:none}.top-links{gap:12px}.top-links a{display:none}.top-links .about{display:block;font-size:12px}.hero{display:block;padding:13px 0 12px}.hero h1{font-size:25px;letter-spacing:-1.1px;line-height:1.3;margin:4px 0 7px}.hero p{font-size:11px}.hero-art{display:none}.eyebrow{font-size:10px}.filter-btn{padding:9px 12px;gap:7px;min-height:57px}.filter-btn .icon{width:22px;height:22px}.field-value{font-size:14px}.status-line{font-size:11px;margin:8px 0 10px}.themes{grid-template-columns:repeat(3,1fr);gap:4px;margin:9px 0 16px}.theme{padding:5px 3px;min-height:66px;border-radius:16px}.theme .icon-wrap{width:34px;height:34px;border-radius:12px;margin-bottom:3px}.theme svg{width:21px;height:21px}.theme strong{font-size:12px}.section-head{margin-top:14px}.section-head h2{font-size:21px}.section-note{font-size:10px;margin-bottom:7px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.card-visual{aspect-ratio:.91;border-radius:17px}.card h3{font-size:15px;letter-spacing:-.6px}.card-meta{font-size:10px;margin-top:9px;gap:5px}.card .caption{font-size:11px;line-height:1.65}.tags{gap:3px;margin-top:7px}.tag{font-size:9px;padding:3px 5px}.save{width:38px;height:38px;top:8px;right:8px}.scene-stamp{font-size:9px;bottom:8px;left:8px;padding:2px 6px}.chips{padding-bottom:12px}.chip{padding:6px 11px;font-size:11px;min-height:38px}.quiet-banner{margin-top:25px;padding:19px 18px;gap:12px}.quiet-banner h3{font-size:14px}.quiet-banner p{font-size:11px}.footer{padding:25px 0 104px;display:block;font-size:11px}.footer>div+div{margin-top:13px}.mobile-nav{display:flex;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;background:#fffdf8f5;border-top:1px solid #e6e8df;padding:9px 4px calc(9px + env(safe-area-inset-bottom));z-index:25;backdrop-filter:blur(14px)}.mobile-nav a{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:65px;padding:2px 5px;min-height:43px;color:#7a8178}.mobile-nav a.active{color:var(--ink);font-weight:800}.mobile-nav svg{width:22px;height:22px}.toast{bottom:80px;font-size:12px}.detail-visual{aspect-ratio:1.2;border-radius:19px}.detail-top h1{font-size:25px}.detail-top{margin:20px 0}.detail-top p{font-size:13px}.fact-grid{grid-template-columns:1fr}.detail-block{padding:21px 0}.mini-related .card-visual{aspect-ratio:1.2}.detail-save{font-size:12px;padding:9px 10px;min-height:42px}.message-card{padding:24px 16px}.message-card p{font-size:13px}.modal-inner{padding:22px}.list-intro h1{font-size:27px}.list-intro{padding-top:25px}.test-controls{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{.mobile-nav,.filters,.themes,.top-links,.save,.toast,.test-controls{display:none!important}.wrap{max-width:none}.demo-strip{display:block}.grid{grid-template-columns:repeat(3,1fr)}}

/* 6-3 calm community/detail additions */
html{scroll-behavior:auto;scroll-padding-bottom:110px} summary,button,input,textarea{scroll-margin-top:25px;scroll-margin-bottom:110px}
.field-label,.field-value{display:block}.hero h1{letter-spacing:-.045em}.hero p{line-height:1.8}.mobile-only{display:none}.card h3{font-size:19px;line-height:1.5}.card-visual .scene{opacity:.93}.fact-basis{display:block;margin-top:5px;font-size:11px;font-weight:500;color:#586b62}.fact dd small{display:block;font-size:11px;color:#637268;margin-top:12px;line-height:1.7}.unconfirmed{background:#f8f5ed!important;border-color:#e6ded0!important}.source-chip{display:inline-block;font-size:11px;text-decoration:underline;margin-left:5px}.editorial{padding:25px;background:#eef3eb;border-radius:18px}.editorial p{line-height:1.9;margin:10px 0}.warm-notice{background:#fff3dc!important;color:#604b28;border:1px solid #e6d3ad;border-radius:16px;padding:22px!important}.warm-notice strong{font-size:18px}.warm-notice p{line-height:1.8}.date-label{display:block;font-size:14px;margin-top:18px}.date-label span{font-size:11px;color:#695d48;margin-left:8px}input[type=date]{display:block;margin-top:8px;min-height:46px;border:1px solid #cdbf9f;border-radius:10px;padding:10px;max-width:100%;background:#fff;color:#293e32;font:inherit}.age-context{font-size:14px;line-height:1.8;padding:16px;border-left:3px solid #98a888}.needs-box,.my-note,.sources{background:#f5f6f1;border:1px solid #d9ded3;border-radius:14px;padding:20px}.needs-box summary,.my-note summary,.sources summary{cursor:pointer;min-height:30px;font-weight:650;line-height:1.7}.needs-box p,.my-note p,.sources p{font-size:14px;line-height:1.9;color:#556158}.checkline{display:flex;align-items:center;gap:10px;min-height:48px}.checkline input{width:19px;height:19px;accent-color:#315448}#needsResult{font-size:14px;line-height:1.8;color:#665c42;margin-top:12px}.question-list{padding:5px 20px 15px;background:#fbf7ef;border-radius:16px}.question-list p{display:flex;gap:12px;line-height:1.8}.question-list svg{flex:0 0 20px;margin-top:5px}.my-note{margin-top:15px}.my-note textarea{display:block;width:100%;font:inherit;line-height:1.7;resize:vertical;border:1px solid #ccd3c6;border-radius:10px;padding:14px;background:white;margin:10px 0 16px;box-sizing:border-box}.my-note label{font-size:13px}.source-row{display:flex;gap:14px;margin:15px 0;padding-bottom:12px;border-bottom:1px solid #d8ddcf;line-height:1.7;scroll-margin-top:25px}.source-row>span{font-size:11px;margin-top:4px}.source-row a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.source-row small{display:block;font-size:11px;color:#5e695d}.community-empty{padding:24px;border:1px dashed #c5d1bd;border-radius:18px;background:#fafbf7}.community-empty p{line-height:1.9}.community-empty h2{font-size:22px;word-break:keep-all;overflow-wrap:normal;text-wrap:balance;line-height:1.55}.community-empty.roomy{text-align:center;padding:38px 26px}.round-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#e6edde;color:#315444}.round-icon svg{width:28px;height:28px}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.prompt-grid>div{background:#f5f0e5;padding:24px;border-radius:16px}.prompt-grid h3{font-size:17px}.prompt-grid p{line-height:1.8;font-size:14px}.quiet-banner a{display:inline-block;margin-top:10px;font-size:14px;line-height:1.8}.footer p{line-height:1.8}.demo-strip{font-size:11px;line-height:1.5;padding:8px 14px;background:#edf0e7;color:#53624f}.fact-grid{align-items:start}.facts dt{line-height:1.7}.fact{overflow-wrap:anywhere}.detail-block h2{font-size:22px;letter-spacing:-.025em}.card-meta{font-size:12px}.card .tags{padding-bottom:5px}.source-row a:focus-visible{outline:2px solid #2d5246}.detail-visual{max-height:280px}.top-links a{white-space:nowrap}
@media(max-width:600px){.mobile-only{display:inline}.hero h1{font-size:30px}.hero p{font-size:15px}.card h3{font-size:17px}.detail-block h2{font-size:20px}.fact-grid{grid-template-columns:1fr}.prompt-grid{grid-template-columns:1fr}.detail-visual{height:205px}.detail-top h1{font-size:27px}.warm-notice{padding:18px!important}.editorial{padding:20px}.card .caption{font-size:14px}.section-head h2{font-size:22px}.list-intro h1{font-size:29px}.theme strong{font-size:12px}.mobile-nav span{font-size:11px}.mobile-nav{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* 6-4: truthful photographic cards and a calm, non-commercial packing notebook. */
.hero{display:block!important}.hero-art{display:none!important}.real-photo{width:100%;height:100%;object-fit:contain;display:block;background:#e9e8df}.card-visual:has(.real-photo){aspect-ratio:3/4;background:#e9e8df}.detail-visual:has(.real-photo){aspect-ratio:auto;height:min(660px,75vh);background:#e9e8df}.photo-credit{font-size:11px;line-height:1.7;color:#536359;margin:8px 0 12px;overflow-wrap:anywhere}.photo-credit a{text-decoration:underline;text-underline-offset:2px}.photo-credit span{display:block}.photo-pending,.photo-failure{height:100%;min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:22px;background:#f0eee6;gap:12px;color:#5a645a}.photo-pending strong,.photo-failure strong{font-size:19px;font-weight:600;line-height:1.5}.photo-pending span,.photo-failure p{font-size:12px;line-height:1.7}.photo-failure{position:absolute;inset:0}.photo-failure[hidden],.real-photo[hidden]{display:none!important}.card-visual:has(.photo-pending){aspect-ratio:1.25}.detail-visual:has(.photo-pending){aspect-ratio:auto;min-height:180px;background:#f0eee6}.small-label{font-size:12px;color:#5d6c62;display:block}.pack-connection{background:#edf2e9;border-radius:16px;padding:16px 20px;margin:18px 0}.pack-connection p{font-size:12px;margin:9px 0 0}.pack-toolbar,.pack-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.pack-toolbar .secondary,.pack-actions .secondary,.pack-actions .primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px;text-decoration:none}.import-label{position:relative;overflow:hidden;cursor:pointer}.import-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.import-label:focus-within{outline:2px solid #294f3f;outline-offset:3px}.pack-select,.pack-number{width:100%;min-height:46px;border:1px solid #bfcbbd;border-radius:11px;background:#fffdf9;padding:10px 12px;color:#273d30;font:inherit;margin:6px 0 13px}.pack-number{max-width:220px}.pack-list-label{font-size:14px}.list-context-note{padding:18px 20px;border-radius:16px;background:#eef2e8;margin:18px 0}.list-context-note p{font-size:13px;margin:7px 0}.connection-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.connection-list .secondary{flex-shrink:0;min-height:44px;font-size:12px}.packing-context{margin:30px 0 45px;max-width:800px}.context-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.context-heading h2{font-size:23px;line-height:1.5;margin:6px 0 14px}.context-heading .textbtn{font-size:13px;flex-shrink:0}.packing-entry{border:1px solid #dce2d7;background:#fffefb;padding:19px 22px;margin:14px 0;border-radius:18px}.pack-entry-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.packing-entry h3{margin:6px 0;font-size:19px;line-height:1.5}.packing-entry p{font-size:14px;line-height:1.8;color:#4e6253;margin:9px 0}.pack-explanation{padding:12px 14px;border-radius:11px;background:#f5f3eb}.quantity-note{font-size:12px!important}.pack-state{font-size:11px;background:#f4eedf;padding:6px 9px;border-radius:8px;flex-shrink:0;max-width:145px;line-height:1.6;color:#5f553f}.pack-state.done{background:#e8f0e5;color:#335936}.excluded{background:#f2f1ec}.excluded h3{color:#647261}.packing-editor{max-width:740px;margin:0 auto;padding-bottom:35px}.packing-editor h1{font-size:29px;margin:10px 0}.packing-editor>p,.packing-editor form>p{font-size:14px;line-height:1.8}.packing-editor form>label,.allocation label{display:block;font-size:14px;line-height:1.8}.packing-editor form>.checkline{display:flex}.allocation{border:1px solid #d8dfd1;padding:18px;margin:24px 0;border-radius:16px;min-width:0}.allocation legend{font-size:17px;font-weight:650;padding:0 9px}.allocation-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:16px}.pack-notice{font-size:13px;background:#faf0db;border-radius:12px;padding:13px 16px;line-height:1.8}.packing-editor #packingError{font-size:14px}.packing-context .muted{font-size:12px;color:#60705f}.packing-context .section-note,.packing-editor .section-note{font-size:12px;line-height:1.8}.grid>.card{min-width:0}.pack-actions>*{max-width:100%}#main{overflow-wrap:break-word}
@media(max-width:700px){.photo-credit{font-size:10px}.photo-pending{padding:16px;gap:9px;min-height:150px}.photo-pending strong{font-size:16px}.photo-pending span{font-size:11px}.card .scene-stamp{font-size:9px;max-width:90%;white-space:normal}.context-heading{display:block}.context-heading h2{font-size:20px}.pack-entry-head{display:block}.pack-state{display:inline-block;margin:5px 0}.packing-entry{padding:16px}.allocation-grid{grid-template-columns:1fr;gap:0}.packing-editor{padding-bottom:110px}.packing-editor h1{font-size:25px}.allocation{padding:14px}.connection-list>div{align-items:start}.pack-toolbar .secondary{font-size:12px;padding:9px 11px}.pack-connection{padding:14px}.pack-connection button{width:100%}.pack-actions{gap:8px}.packing-entry .pack-actions>*{flex:1;min-width:120px}.detail-visual:has(.real-photo){height:440px;max-height:70vh}.packing-context .section-note{font-size:12px}}

.allocation-extra{border:1px solid #d8dfd1;border-radius:14px;margin:18px 0;padding:15px}.allocation-extra summary{font-size:15px;font-weight:600;cursor:pointer;min-height:36px;line-height:1.8}.allocation-extra summary span{font-size:11px;margin-left:5px;font-weight:400}.allocation-extra .allocation{margin:12px 0 0;padding:8px 0 0;border:0}.allocation-extra .allocation legend{display:none}

.pack-compact-note{font-size:13px;color:var(--muted);margin:0 0 24px}.packing-secondary{border-top:1px solid #d9e3db;padding-top:28px;margin-top:40px}.packing-secondary>.detail-block{margin-top:28px}.packing-context>.context-heading{margin-top:20px}

/* 06E private story notebook */
.review-callout{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:28px;background:#eef3eb;border:1px solid #d6dfd1;border-radius:22px;margin:22px 0}.review-callout h2{margin:8px 0}.review-callout p{margin:8px 0;color:#566253}.review-draft-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-draft{border:1px solid #deded3;border-radius:18px;padding:24px;background:#fffdf9}.review-draft h3{font-size:19px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}.review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}.danger{color:#944c3e}.quiet-count{font-size:13px;color:#697367}.review-editor,.review-preview{max-width:790px;margin:0 auto;padding:24px 0 90px}.review-editor h1,.review-preview h1{font-size:34px;line-height:1.4;margin:14px 0 24px}.review-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:20px 0}.review-progress button{font:inherit;font-size:13px;line-height:1.5;border:1px solid #d5dbcf;background:#fafaf6;border-radius:12px;padding:12px 8px;color:#4e5b47;min-height:52px}.review-progress .active{background:#e4eddf;border-color:#667c55;font-weight:700}.review-label{display:block;font-weight:650;line-height:1.6;margin:22px 0 9px}.review-label small,legend small{font-weight:400;color:#626c5e;font-size:12px}.review-editor input:not([type=checkbox]):not([type=hidden]),.review-editor select,.review-editor textarea{display:block;width:100%;min-width:0;font-family:inherit;font-size:16px;padding:13px 14px;border:1px solid #cbd3c5;border-radius:12px;color:#29372a;background:#fff;box-sizing:border-box}.review-editor textarea{resize:vertical;line-height:1.8}.review-editor input[type=checkbox]{width:19px;height:19px;accent-color:#45663a;flex-shrink:0;margin-top:3px}.review-editor fieldset{min-width:0;border:1px solid #d8ded2;border-radius:16px;padding:16px 20px 22px;margin:26px 0;background:#fffdf9}.review-editor legend{padding:0 7px;font-weight:700;color:#405336}.review-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-two>div{min-width:0}.field-help{font-size:13px;line-height:1.85;color:#65705f;margin:9px 0 18px}.review-age-inputs,.review-age-inputs input,.review-two input{margin-top:10px}.review-extra{margin:24px 0;padding:22px;border:1px solid #e0e3d9;border-radius:16px}.review-extra summary{cursor:pointer;font-weight:650;line-height:1.7}.review-benefits{display:grid;grid-template-columns:1fr 1fr;gap:13px}.review-benefits label,.review-checks label{display:flex;align-items:flex-start;gap:10px;line-height:1.75;font-size:14px}.review-benefits label:first-child{grid-column:1/-1}.review-checks{display:grid;gap:18px;margin:25px 0}.review-editor-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #e0e4da;padding-top:24px;margin-top:28px}.review-editor-actions button{min-height:48px}.review-editor .error{white-space:pre-line;line-height:1.8;margin-top:16px;outline-offset:6px}.review-publish-gate{padding:25px;border:1px solid #d9dfd2;border-radius:18px;background:#f3f5ef;margin-top:28px}.review-publish-gate p{line-height:1.85}.review-publish-gate button{opacity:.65;cursor:not-allowed}.story-paper{padding:30px;border:1px solid #d7ddcf;border-radius:22px;background:#fffdf9;margin:22px 0}.story-paper h2{font-size:26px;line-height:1.6;overflow-wrap:anywhere}.story-meta{color:#69765f;font-size:14px}.story-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}.review-child-summary{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}.review-child-summary>div{padding:16px;border-radius:14px;background:#f0f4eb}.review-child-summary p{margin:7px 0;font-size:14px}.review-parent{line-height:1.8}.review-parent strong{display:inline-block;margin-right:8px}.benefit-notice{padding:14px;border-left:3px solid #a48c53;background:#f7f1e3;font-size:14px;line-height:1.8}.experience-facts>div{padding:13px 0;border-top:1px solid #e2e4da;display:grid;grid-template-columns:135px 1fr;gap:14px}.experience-facts dt{font-weight:650}.experience-facts dd{margin:0;line-height:1.7}.soft-note{color:#526547;font-size:14px;line-height:1.8}.review-from-place{padding:14px 0}.file-label{cursor:pointer;display:inline-block}.file-label input{display:none}.public-empty{background:#faf9f4}.review-preview ul{padding-left:20px;line-height:1.8}.review-preview p,.review-editor p{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #70865f;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:650px){.review-callout{align-items:flex-start;flex-direction:column;padding:22px;gap:12px}.review-callout .primary{width:100%}.review-draft-list{grid-template-columns:1fr}.review-editor h1,.review-preview h1{font-size:29px}.review-editor fieldset{padding:12px 14px 18px}.review-two{gap:10px}.review-editor .review-extra{padding:16px}.review-benefits{grid-template-columns:1fr}.review-benefits label:first-child{grid-column:auto}.review-progress button{font-size:12px;padding:10px 6px}.review-editor-actions{display:grid;grid-template-columns:1fr 1fr}.review-editor-actions button{font-size:14px;padding:12px 8px}.story-paper{padding:20px}.story-paper h2{font-size:22px}.review-child-summary{grid-template-columns:1fr}.experience-facts>div{grid-template-columns:105px 1fr;font-size:14px}.review-draft h3{font-size:18px}.review-callout h2{font-size:23px}}

@media(max-width:480px){.review-two{grid-template-columns:1fr}.review-editor .review-two .review-label{margin-top:17px}}

/* 정보 정정 요청 안내 */
.report-line {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--soft, #f2efe6);
  font-size: 0.86rem;
  line-height: 1.6;
}
.report-line .textbtn { margin-top: 4px; display: inline-block; }

/* PHOTO-UI 0.4.5: no autoplay, full uncropped images, native controls. */
.gallery-discovery{margin:20px 0 34px}.gallery-discovery .section-head{margin:0 0 8px}.gallery-discovery h3{font-size:21px;margin:0}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;margin-top:18px}.album-card{min-width:0}.album-open{text-decoration:none;display:block}.album-cover{position:relative;aspect-ratio:1;background:#eeede6;border-radius:18px;overflow:hidden}.album-cover img{width:100%;height:100%;object-fit:contain;display:block}.album-cover img[hidden]{display:none!important}.album-cover>span{position:absolute;right:9px;bottom:9px;background:#fffcf3f2;color:#254741;border-radius:20px;padding:4px 10px;font-size:12px}.album-card small{display:block;color:#5f6e61;font-size:12px;margin-top:11px}.album-card h3{font-size:17px;line-height:1.5;margin:4px 0}.album-card p{font-size:12px;line-height:1.7;margin:4px 0}.album-attribution{color:#61726b;overflow-wrap:anywhere;font-size:11px!important}.album-attribution a{text-decoration:underline;text-underline-offset:3px}.album-image-failed:before{content:'사진 표시를 확인해주세요';display:block;padding:28px;font-size:13px}.gallery-info-heading{font-size:21px;margin:34px 0 18px}.gallery-viewer{max-width:850px;margin:20px auto 24px;min-width:0}.gallery-figure{margin:0}.gallery-image-wrap{position:relative;background:#eeede6;border-radius:20px;overflow:hidden;height:min(62vh,570px);min-height:240px}.gallery-image-wrap img{width:100%;height:100%;object-fit:contain;display:block}.gallery-image-wrap img[hidden]{display:none!important}.gallery-image-error{position:absolute;inset:0;padding:30px;align-content:center;line-height:1.8}.gallery-image-error[hidden]{display:none}.gallery-caption{padding:15px 0 5px;line-height:1.8;overflow-wrap:anywhere}.gallery-caption strong{display:block;font-size:17px}.gallery-caption>span{display:block;font-size:12px;color:#50665b}.gallery-caption a{text-decoration:underline;text-underline-offset:3px}.gallery-caption details{margin-top:5px;font-size:12px;color:#50665b}.gallery-caption details p{font-size:12px;line-height:1.7;margin:5px 0}.gallery-controls{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;gap:10px;align-items:center;margin:15px 0 9px}.gallery-controls button{min-height:46px}.gallery-status{text-align:center;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.gallery-picks{display:flex;gap:8px;justify-content:center}.gallery-picks button{min-height:44px;min-width:44px;border:1px solid #bdcdbd;border-radius:12px;background:#fffdf7;color:#1f4d43;font:inherit;cursor:pointer}.gallery-picks button[aria-pressed=true]{background:#1d534d;color:#fff}.gallery-help{font-size:11px;color:#617365;text-align:center;line-height:1.8}.album-page{max-width:900px;margin:0 auto}.album-page .list-intro{padding-top:12px}.album-scope{padding:20px;background:#edf2e8;border-radius:17px;line-height:1.85;margin:26px 0}.album-scope p{font-size:14px;margin:7px 0}.album-actions{display:flex;gap:10px;flex-wrap:wrap}.album-actions a,.album-actions button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:46px}.gallery-viewer button:focus-visible,.album-open:focus-visible{outline:3px solid #926b26;outline-offset:4px}.album-page .back{min-height:44px}.gallery-discovery .section-note{font-size:12px!important}
@media(max-width:1000px){.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 16px}}
@media(max-width:700px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.album-card h3{font-size:15px!important}.album-card small,.album-card p{font-size:11px}.album-attribution{font-size:10px!important}.gallery-discovery h3,.gallery-info-heading{font-size:19px}.gallery-image-wrap{height:min(55vh,440px);min-height:220px;border-radius:15px}.gallery-controls{grid-template-columns:84px minmax(0,1fr) 84px;gap:8px}.gallery-controls button{padding:9px;font-size:12px}.gallery-status{font-size:11px}.gallery-caption strong{font-size:15px}.gallery-caption>span{font-size:11px}.album-actions>*{flex:1 1 145px;font-size:12px}.album-scope{padding:16px}.album-scope p{font-size:13px}.gallery-help{font-size:11px}.album-cover{border-radius:15px}.gallery-viewer{margin-top:16px}.album-page{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.gallery-viewer,.album-grid{scroll-behavior:auto}}

/* 768px visual QA: keep the brand on one line without changing mobile menus. */
.brand{flex-shrink:0;white-space:nowrap}
@media(min-width:701px) and (max-width:1000px){.brand small{display:none}.top-links{gap:16px;font-size:12px}.header{gap:16px}.top-links a{white-space:nowrap}}

.album-management summary{cursor:pointer;min-height:44px}.album-management .album-actions{margin:16px 0}.album-file-label{position:relative;overflow:hidden}.album-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.album-file-label:focus-within{outline:3px solid #926b26;outline-offset:3px}

/* Keep Korean error headings readable on narrow screens. */
.message-card[data-page-state="not-found"] h1{font-size:clamp(22px,5vw,32px);line-height:1.45;word-break:keep-all}

.discovery-options{margin:14px 0 22px;border:1px solid #d8e2d6;border-radius:16px;padding:15px 18px;background:#fffdf8}.discovery-options summary{cursor:pointer;font-weight:600;min-height:24px}.discovery-optional{font-size:12px;font-weight:400;color:#62756c;margin-left:7px}.discovery-search-row{display:flex;gap:8px;align-items:stretch;margin:8px 0 14px}.discovery-search-row input{min-width:0;flex:1;margin:0;padding:11px 12px;border:1px solid #bacabd;border-radius:10px;font:inherit}.discovery-search-row button{min-height:44px;white-space:nowrap}.discovery-needs{border:0;padding:10px 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.discovery-needs legend{font-size:14px;padding:0 0 7px}.discovery-options .checkline{font-size:14px;line-height:1.7;min-height:40px}.discovery-result-summary{padding:13px 0;line-height:1.8;font-size:13px}.discovery-result-summary span{display:block;color:#50665b}.discovery-card-note{font-size:12px;line-height:1.8;background:#edf2e8;border-radius:10px;padding:8px 10px;margin:8px 0}.discovery-card-note span{display:block}.discovery-detail{background:#f2f5ee;padding:20px;border-radius:16px}.discovery-detail ul{margin:8px 0;padding-left:20px;line-height:1.9}.discovery-age-note{padding:13px 0;border-top:1px solid #d8e2d6;line-height:1.8}.discovery-age-note small{display:block;color:#617365}.discovery-age-note a{font-size:13px;text-decoration:underline}.discovery-options input:focus-visible,.discovery-options summary:focus-visible{outline:3px solid #927538;outline-offset:3px}
@media(max-width:600px){.discovery-options{padding:13px}.discovery-needs{grid-template-columns:1fr;gap:0}.discovery-options summary{font-size:14px}.discovery-detail{padding:16px}.discovery-detail h2{font-size:19px}.discovery-search-row button{padding:10px 13px}}

/* 실제 휴대폰에서 생기는 문제를 고치는 규칙입니다.
   빌드에서 가장 마지막에 합쳐지므로 앞의 규칙을 덮어씁니다.
   데스크톱 화면에는 영향을 주지 않도록 조건을 걸었습니다. */

/* ── iOS Safari 자동 확대 막기 ──────────────────────────────
   아이폰 Safari 는 글자 크기가 16px 보다 작은 입력칸을 누르면
   화면을 강제로 확대합니다. 확대된 뒤에는 손으로 되돌려야 해서
   검색할 때마다 화면이 튀는 것처럼 느껴집니다.
   본문 글자 크기(15px)는 그대로 두고 입력칸만 16px 로 올립니다. */
@media (max-width: 700px) {
  input[type="text"],
  input[type="search"],
  input[type="url"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  input[type="month"],
  input:not([type]),
  select,
  textarea {
    font-size: 16px;
  }
}

/* ── 손가락으로 누르기 좋은 크기 ───────────────────────────
   마우스 포인터가 없는 기기(휴대폰·태블릿)에서만 적용합니다.
   애플은 44pt, 구글은 48dp 이상을 권장합니다. */
@media (pointer: coarse) {
  /* 검색·조건 영역을 여는 줄. 24px 이라 누르기 어려웠습니다. */
  .discovery-options summary {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* '조건 풀기' 처럼 작은 글자 버튼 */
  .small-action,
  .info-action,
  .textbtn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* 종류 고르는 칩 */
  .chip {
    min-height: 44px;
  }

  /* 접기·펼치기 줄 */
  .test-controls summary,
  .allocation-extra summary,
  details > summary {
    min-height: 44px;
  }

  /* 조건 선택 체크 줄 */
  .discovery-options .checkline {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
}

/* ── 아이폰 홈 인디케이터 영역 ─────────────────────────────
   하단 고정 메뉴는 이미 safe-area 를 쓰고 있습니다.
   가로로 눕혔을 때 좌우 노치에 내용이 가리지 않도록 여백을 둡니다. */
@media (max-width: 700px) and (orientation: landscape) {
  .wrap {
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }
}

/* ── 긴 장소 이름이 화면을 밀어내지 않게 ───────────────────
   '그랜드 조선 부산 · 키즈 슈페리어' 처럼 띄어쓰기 없는 긴 단어가
   들어오면 카드가 가로로 넘칠 수 있습니다. */
.card h3,
.detail-top h1,
.list-intro h1,
.fact dd {
  overflow-wrap: anywhere;
}
