:root{
  --ink:#1f2a36;--ink2:#5a6a7a;--ink3:#8a98a8;--blue:#3d5a80;--blue2:#6d8db0;--gold:#c9a24a;--green:#6F86A6;
  --home-tile-radius:22%;--home-widget-radius:22px;--home-tile-color:#fff;--home-tile-glass:.8;--home-glass-opacity:.62;--home-label-size:11px;
  --home-cell:62px;--home-row:86px;--home-col-gap:18px;--home-row-gap:14px;
}
.phone{width:100vw;max-width:none;background:transparent}
.home-grid-shell{position:absolute;inset:0;z-index:12;display:none;overflow:hidden;color:var(--ink);background:radial-gradient(60% 40% at 20% 15%,rgba(226,233,244,.9) 0%,transparent 60%),radial-gradient(50% 45% at 85% 30%,rgba(214,228,245,.9) 0%,transparent 65%),radial-gradient(70% 50% at 50% 100%,rgba(170,196,222,.85) 0%,transparent 70%),linear-gradient(180deg,#eef3f8 0%,#dfe8f1 55%,#c9d8e6 100%)}
.home-grid-shell.on{display:block}.home-grid-shell[data-wall="aqua"]{background:linear-gradient(155deg,#B9C9DE,#E9EEF6 52%,#CDD9EC)}.home-grid-shell[data-wall="lavender"]{background:linear-gradient(155deg,#c9c4e9,#eee9f7 52%,#d8e7f4)}.home-grid-shell[data-wall="ivory"]{background:linear-gradient(155deg,#f0e9d8,#f8f4ea 55%,#DDE4EE)}.home-grid-shell[data-wall="night"]{background:linear-gradient(155deg,#26324b,#475b78 55%,#71819a);color:#fff}
.home-grid-shell::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 2px,transparent 2px 26px);pointer-events:none}
.home-grid-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:22px;right:22px;z-index:2;text-align:center}.home-grid-top time{display:block;font-size:12px;font-weight:500;letter-spacing:0;color:var(--ink2)}.home-grid-top h1{margin:5px 0 0;font:600 15px/1.35 var(--serif);letter-spacing:-.3px;color:var(--ink)}
.home-grid-viewport{position:absolute;inset:118px 0 112px;overflow:hidden;touch-action:pan-y}.home-grid-track{height:100%;display:flex;transition:transform .36s cubic-bezier(.22,.7,.26,1);will-change:transform}.home-grid-page{width:100%;height:100%;flex:0 0 100%;display:grid;grid-template-columns:repeat(4,var(--home-cell));grid-auto-rows:var(--home-row);grid-auto-flow:row;gap:var(--home-row-gap) var(--home-col-gap);align-content:start;justify-content:center;padding:0 22px;overflow:hidden}
.home-tile,.home-widget{appearance:none;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.75);cursor:pointer}.home-tile{width:var(--home-cell);height:var(--home-cell);align-self:start;border-radius:var(--home-tile-radius);display:flex;align-items:center;justify-content:center;position:relative;padding:8px;margin:0 auto;overflow:visible;background:rgba(255,255,255,.8);box-shadow:0 8px 20px rgba(40,60,90,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.home-tile img{width:70%;height:70%;object-fit:contain}.home-tile .home-tile-icon{font-size:29px;line-height:1}.home-tile .home-tile-label{position:absolute;top:calc(100% + 5px);left:50%;width:82px;transform:translateX(-50%);font-size:var(--home-label-size);font-weight:600;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(255,255,255,.72)}.home-tile.folded{opacity:.78}.home-more-tile{border-style:solid}.home-more-tile .home-tile-icon{font-size:24px;font-weight:300}
.home-widget{min-width:0;border-radius:var(--home-widget-radius);padding:14px 16px;text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;background:rgba(255,255,255,.62);box-shadow:0 10px 26px rgba(40,60,90,.14),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.home-widget.size-s{grid-column:span 2;grid-row:span 2}.home-widget.size-m{grid-column:span 4;grid-row:span 2}.home-widget.size-l{grid-column:span 4;grid-row:span 4}
.home-widget .home-widget-kicker{font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--ink3)}.home-widget .home-widget-title{margin-top:5px;font:700 15px/1.35 var(--serif);font-family:var(--home-item-font,var(--serif));letter-spacing:-.3px}.home-widget .home-widget-sub{margin-top:5px;font-size:12px;line-height:1.4;color:var(--ink2)}.home-widget .home-widget-number{margin-top:auto;font:700 26px/1 var(--sans);font-family:var(--home-item-font,var(--sans));color:var(--blue)}.home-widget .home-widget-foot{margin-top:auto;font-size:11px;font-weight:600;color:var(--ink2)}.home-widget .home-widget-art{position:absolute;right:15px;bottom:16px;font-size:31px;opacity:.7}.home-widget.life-seed,.home-widget.grace-sea{background:rgba(255,255,255,.62)}.home-widget.worship-ticket{background:linear-gradient(160deg,#4b6a8e,#3a5678);color:#fff}.home-widget.worship-ticket .home-widget-kicker,.home-widget.worship-ticket .home-widget-sub,.home-widget.worship-ticket .home-widget-foot{color:rgba(255,255,255,.82)}
.home-widget.skin-classic-162{padding:0;border-color:rgba(255,255,255,.9);background:#eaf1f5;box-shadow:0 10px 26px rgba(40,60,90,.16);backdrop-filter:none;-webkit-backdrop-filter:none}.home-widget-classic-art{position:absolute;inset:0;background-repeat:no-repeat;background-color:#eaf1f5}.home-widget-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home-reminder-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.home-reminder-chips span{font-size:11px;font-weight:600;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(61,90,128,.35)}.home-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:9px}.home-calendar i{width:4px;height:4px;margin:auto;border-radius:50%;background:rgba(31,42,54,.15)}.home-calendar i.on{background:var(--blue)}
.home-grid-pages{position:absolute;left:0;right:0;bottom:78px;z-index:15;display:flex;justify-content:center;gap:7px}.home-grid-pages button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(31,42,54,.25);cursor:pointer}.home-grid-pages button.on{width:20px;border-radius:5px;background:rgba(31,42,54,.72)}.home-grid-arrow{position:absolute;top:50%;z-index:4;width:44px;height:44px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(255,255,255,.5);backdrop-filter:blur(14px);font-size:18px;color:inherit;cursor:pointer}.home-grid-arrow.prev{left:12px}.home-grid-arrow.next{right:12px}.home-grid-arrow:disabled{opacity:.2;cursor:default}
.home-grid-shell~.screen{background:linear-gradient(180deg,#eef3f8 0%,#dfe8f1 55%,#c9d8e6 100%)}.home-grid-shell~.screen .pane{max-width:760px;margin:0 auto;padding-bottom:112px}.home-grid-shell~.screen .top{top:0;margin:14px 14px 0;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(255,255,255,.62);backdrop-filter:blur(18px);box-shadow:0 10px 26px rgba(40,60,90,.14)}.home-grid-shell~.screen .card,.home-grid-shell~.screen .rcard{border:1px solid rgba(255,255,255,.75);border-radius:var(--home-widget-radius);background:rgba(255,255,255,.62);box-shadow:0 10px 26px rgba(40,60,90,.14),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px)}.home-grid-shell~.screen .card .ch{border-bottom:1px solid rgba(65,82,104,.1)}
.home-grid-shell~.nav{position:absolute;left:14px;right:14px;bottom:max(9px,env(safe-area-inset-bottom));height:64px;z-index:13;border:1px solid rgba(255,255,255,.75);border-radius:23px;background:rgba(255,255,255,.5);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 9px 24px rgba(40,60,90,.16);overflow:hidden;padding:3px 5px}.home-grid-shell~.nav button,.home-grid-shell~.nav a{min-width:44px;min-height:44px;border-radius:16px;font-size:9px;padding:3px 0 4px}.home-grid-shell~.nav .nic{width:31px;height:31px;padding:7px;border:1px solid rgba(255,255,255,.82);border-radius:10px;background:rgba(255,255,255,.72);object-fit:contain;box-shadow:0 4px 10px rgba(40,60,90,.12)}.home-grid-shell~.nav button.center,.home-grid-shell~.nav a.center{margin-top:0}.home-grid-shell~.nav button.center .ic,.home-grid-shell~.nav a.center .ic{width:31px;height:31px;margin:0 auto;border:1px solid rgba(255,255,255,.82);border-radius:10px;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(40,60,90,.12)}.home-grid-shell~.nav button.center .nic,.home-grid-shell~.nav a.center .nic{width:21px;height:21px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.home-grid-shell~.nav .lb{margin-top:1px}.home-grid-shell~.nav .en{display:none}.home-grid-shell~.nav .held-light{top:4px;left:calc(50% + 11px)}body.held-home-shell .screen{padding-bottom:0}
@media (min-width:641px){:root{--home-col-gap:clamp(18px,2vw,30px);--home-row-gap:clamp(14px,1.7vh,24px);--home-cell:min(calc((100vw - 190px)/6),calc((100dvh - 300px)/6));--home-row:calc(var(--home-cell) + 24px)}.home-grid-page{grid-template-columns:repeat(6,var(--home-cell));padding-inline:54px}.home-grid-top{left:54px;right:54px}.home-grid-shell~.nav{left:50%;right:auto;width:min(760px,calc(100% - 28px));transform:translateX(-50%)}}
@media (min-width:1025px){:root{--home-cell:min(calc((100vw - 330px)/8),calc((100dvh - 300px)/6));--home-row:calc(var(--home-cell) + 24px)}.home-grid-page{grid-template-columns:repeat(8,var(--home-cell));padding-inline:90px}.home-grid-top{left:90px;right:90px}.home-grid-shell~.nav{width:min(900px,calc(100% - 40px))}}
@media (max-width:640px){.home-grid-arrow{display:none}}
@media (prefers-color-scheme:dark){.home-grid-shell[data-wall="night"]{color:#f5f7fb}.home-grid-shell[data-wall="night"] .home-tile .home-tile-label{text-shadow:0 1px 3px rgba(0,0,0,.45)}}
.home-grid-page{grid-auto-flow:row dense}
.home-grid-shell~.nav button,.home-grid-shell~.nav a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.home-grid-shell~.nav .composer-selected{outline:3px solid #6F86A6;outline-offset:-3px;background:rgba(190,206,228,.38)}

/* ── 목업 이식: 첫 페이지 헤더 아이콘 줄 (첫페이지-아이패드홈.html) ── 색·아이콘은 설계실 슬롯 ── */
.home-grid-top{display:flex;align-items:flex-start;gap:8px}
.home-grid-top .hg-titlewrap{flex:1;min-width:0;text-align:center}
.home-grid-top .hg-icons{display:flex;gap:6px;flex:none;margin-top:2px}
.home-grid-top .hg-icons a,.home-grid-top .hg-icons button{width:32px;height:32px;border-radius:var(--held-icon-radius,8px);background:var(--held-icon-bg,rgba(255,255,255,.26));-webkit-backdrop-filter:blur(20px) saturate(1.7);backdrop-filter:blur(20px) saturate(1.7);border:1px solid var(--held-icon-bd,rgba(255,255,255,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 14px rgba(46,51,80,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:inherit;text-decoration:none;padding:0;cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none}
.home-grid-top .hg-icons svg{width:13px;height:13px;stroke:var(--held-icon-ink,#4a5568);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.home-grid-top .hg-icons i{font-style:normal;font-size:6px;color:var(--held-icon-label,#7d838b)}
@media (max-width:400px){.home-grid-top{flex-wrap:wrap}.home-grid-top .hg-titlewrap{text-align:left;width:100%}}

/* ── 목업 이식: 불러오기 창 (불러오기창-시안.html) — 값은 목업 그대로, 열기만 실제 동작 ── */
.hg-load-overlay{position:fixed;inset:0;background:var(--held-load-scrim,rgba(30,35,50,.42));display:none;align-items:center;justify-content:center;z-index:60;padding:16px}
.hg-load-overlay.on{display:flex}
.hg-load-win{width:100%;max-width:360px;max-height:86vh;border-radius:12px;overflow:hidden;box-shadow:0 26px 70px rgba(0,0,0,.45);background:var(--held-load-bg,#FBFBFC);display:flex;flex-direction:column}
.hg-load-toolbar{background:var(--held-load-toolbar,linear-gradient(#F2F2F3,#E9E9EB));border-bottom:1px solid #D8D8DC;padding:10px 12px;display:flex;align-items:center;gap:8px}
.hg-load-lights{display:flex;gap:6px}
.hg-load-lights span{width:10px;height:10px;border-radius:50%}
.hg-load-lights .r{background:#FC615D}.hg-load-lights .y{background:#FDBC40}.hg-load-lights .g{background:#34C749}
.hg-load-toolbar .hg-load-title{font-size:11px;font-weight:700;color:#3c4045;margin-left:2px}
.hg-load-close{margin-left:auto;font-size:11px;color:#8a8f98;background:none;border:0;cursor:pointer}
.hg-load-body{flex:1;overflow-y:auto;background:#fff;padding:14px}
.hg-load-side{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #EEF0F3}
.hg-load-side span{font-size:9.5px;color:#3c4045;background:#F1F1F3;border-radius:999px;padding:5px 10px}
.hg-load-files{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px}
.hg-load-f{text-align:center;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit}
.hg-load-f .th{height:58px;width:50px;margin:0 auto;border-radius:5px;background:#fff;border:1px solid #E4E4E8;box-shadow:0 2px 6px rgba(40,44,60,.1);display:flex;align-items:center;justify-content:center;font-size:8px;color:#3c4045}
.hg-load-f .th.sel{outline:2.5px solid var(--held-load-accent,#6E82B4);outline-offset:1.5px}
.hg-load-f i{font-style:normal;display:block;font-size:9px;color:#3c4045;margin-top:6px}
.hg-load-f .sub{font-size:7.5px;color:#9aa0a6;margin-top:1px}
.hg-load-foot{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#F5F5F7;border-top:1px solid #E2E2E6}
.hg-load-foot .path{font-size:9px;color:#8a8f98;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-load-foot button{font-size:11px;color:#3c4045;background:#fff;border:1px solid #D5D5DA;border-radius:8px;padding:7px 16px;cursor:pointer;font-family:inherit}
.hg-load-foot .go{background:var(--held-load-accent,#3E4A6B);color:#fff;border-color:var(--held-load-accent,#3E4A6B);font-weight:700}
/* ── 2026-09-23 슈아: 대표 로고(머리줄) ── */
.hg-logo{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;text-decoration:none;color:var(--held-logo-ink,#3E4360)}
.hg-logo img{height:28px;width:auto}
.hg-logo b{font:600 11px/1 'Noto Serif KR',Georgia,serif;letter-spacing:.2em}
/* ── 2026-09-23 슈아: 봉투 위젯 → 편지 카드 (sealed → opening → revealed) · 색은 설계실 슬롯 ── */
.hg-seed-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:18px;background:var(--held-seed-scrim,rgba(30,35,50,.46));backdrop-filter:blur(6px)}
.hg-seed-stage{position:relative;width:100%;max-width:360px;border-radius:22px;padding:26px 20px 22px;background:var(--held-seed-bg,linear-gradient(180deg,#FBFAF6,#EEF3F8));box-shadow:0 26px 70px rgba(20,25,45,.4);text-align:center;color:var(--held-seed-ink,#3E4360)}
.hg-seed-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:14px;color:#8a8f98;cursor:pointer}
.hg-seed-copy small{display:block;font-size:9.5px;letter-spacing:.22em;color:var(--held-seed-accent,#6E82B4)}
.hg-seed-copy h2{margin:6px 0 4px;font:700 17px/1.35 'Noto Serif KR',Georgia,serif}
.hg-seed-copy p{margin:0;font-size:12px;color:#6b7280}
.hg-seed-envelope{position:relative;width:220px;height:150px;margin:22px auto 8px;perspective:700px}
.hg-seed-back{position:absolute;inset:0;border-radius:12px;background:var(--held-seed-paper,#E8EDF5);box-shadow:0 8px 20px rgba(62,67,96,.18)}
.hg-seed-letter{position:absolute;left:14px;right:14px;top:14px;height:122px;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(62,67,96,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .5s cubic-bezier(.2,.8,.2,1) .12s,opacity .4s}
.hg-seed-letter img{height:34px}
.hg-seed-letter small{font-size:8.5px;letter-spacing:.2em;color:#8a8f98}
.hg-seed-letter b{font:700 12px/1.3 'Noto Serif KR',Georgia,serif}
.hg-seed-pocket{position:absolute;left:0;right:0;bottom:0;height:78px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#DCE4F0,#CBD6E8);clip-path:polygon(0 0,50% 42%,100% 0,100% 100%,0 100%)}
.hg-seed-flap{position:absolute;left:0;right:0;top:0;height:82px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#D3DCEC,#C3CFE3);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:2}
.hg-seed-seal{position:absolute;left:50%;top:78px;width:46px;height:46px;margin-left:-23px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%,#fff,#E4EAF4 70%);box-shadow:0 6px 14px rgba(62,67,96,.3),inset 0 0 0 2px #fff;display:grid;place-items:center;cursor:pointer;z-index:3;transition:transform .3s,opacity .3s}
.hg-seed-seal img{height:26px}
.hg-seed-hint{display:block;font-size:10px;letter-spacing:.2em;color:#8a8f98}
.hg-seed-card{display:none;margin-top:6px;padding:16px 14px 12px;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(62,67,96,.14);text-align:left}
.hg-seed-card small{display:block;font-size:9.5px;letter-spacing:.18em;color:var(--held-seed-accent,#6E82B4)}
.hg-seed-card .en{margin:8px 0 6px;font:700 16px/1.45 'Noto Serif KR',Georgia,serif}
.hg-seed-card .ko{margin:0;font-size:13px;line-height:1.6}
.hg-seed-card .sound{margin:6px 0 0;font-size:11px;color:#8a8f98}
.hg-seed-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.hg-seed-actions a,.hg-seed-actions button{font:600 12px/1 inherit;font-family:inherit;padding:9px 12px;border-radius:9px;border:1px solid #D5D5DA;background:#fff;color:inherit;text-decoration:none;cursor:pointer}
.hg-seed-actions a{background:var(--held-seed-accent,#3E4A6B);border-color:var(--held-seed-accent,#3E4A6B);color:#fff}
.hg-seed-overlay.opening .hg-seed-flap,.hg-seed-overlay.revealed .hg-seed-flap{transform:rotateX(180deg)}
.hg-seed-overlay.opening .hg-seed-seal,.hg-seed-overlay.revealed .hg-seed-seal{transform:scale(.6);opacity:0;pointer-events:none}
.hg-seed-overlay.opening .hg-seed-letter{transform:translateY(-54px)}
.hg-seed-overlay.revealed .hg-seed-envelope,.hg-seed-overlay.revealed .hg-seed-hint,.hg-seed-overlay.revealed .hg-seed-copy p{display:none}
.hg-seed-overlay.revealed .hg-seed-card{display:block;animation:hgSeedIn .4s ease}
@keyframes hgSeedIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* 2026-09-24 봉투 위젯(M/L) — 첫 화면에 도착한 편지 · 그 자리에서 열려 카드가 됨 */
.home-widget.hg-seedcard{padding:12px 14px;cursor:default;color:var(--held-seed-ink,#3E4360);justify-content:center}
.hg-seedcard .hg-seed-stage-in{display:flex;align-items:center;gap:8px;height:100%}
.hg-seedcard .hg-seed-copy{flex:1;min-width:0;text-align:left}
.hg-seedcard .hg-seed-copy h2{margin:4px 0 3px;font-size:14px;line-height:1.3}
.hg-seedcard .hg-seed-copy p{font-size:11px;line-height:1.4}
.hg-seedcard .hg-seed-copy .hg-seed-hint{margin-top:8px;font-size:9px}
.hg-seedcard .hg-seed-envwrap{position:relative;flex:none;width:146px;height:100px}
.hg-seedcard .hg-seed-envelope{position:absolute;left:0;top:0;margin:0;transform:scale(.66);transform-origin:0 0}
.hg-seedcard.size-l .hg-seed-stage-in{flex-direction:column;justify-content:center;gap:14px}
.hg-seedcard.size-l .hg-seed-copy{flex:none;text-align:center}
.hg-seedcard.size-l .hg-seed-copy h2{font-size:17px}
.hg-seedcard.size-l .hg-seed-envwrap{width:220px;height:150px}
.hg-seedcard.size-l .hg-seed-envelope{transform:none}
.hg-seedcard.opening .hg-seed-flap,.hg-seedcard.revealed .hg-seed-flap{transform:rotateX(180deg)}
.hg-seedcard.opening .hg-seed-seal,.hg-seedcard.revealed .hg-seed-seal{transform:scale(.6);opacity:0;pointer-events:none}
.hg-seedcard.opening .hg-seed-letter{transform:translateY(-54px)}
.hg-seedcard.revealed .hg-seed-stage-in{display:none}
.hg-seedcard.revealed{justify-content:flex-start;overflow:auto;scrollbar-width:none}
.hg-seedcard.revealed .hg-seed-card{display:block;margin:0;padding:0;background:none;box-shadow:none;animation:hgSeedIn .4s ease}
.hg-seedcard .hg-seed-visual{display:none;width:100%;height:118px;object-fit:cover;border-radius:12px;margin-bottom:8px}
.hg-seedcard.size-l .hg-seed-visual{display:block}
.hg-seedcard .hg-seed-card .en{margin:6px 0 4px;font-size:15px;line-height:1.4}
.hg-seedcard .hg-seed-card .ko{font-size:12.5px;line-height:1.5}
.hg-seedcard .hg-seed-card .sound{margin-top:4px;font-size:10.5px}
.hg-seedcard .hg-seed-actions{justify-content:flex-start;flex-wrap:wrap;gap:6px;margin-top:10px}
.hg-seedcard .hg-seed-actions a,.hg-seedcard .hg-seed-actions button{padding:7px 10px;font-size:11.5px}
.hg-seedcard .hg-seed-play span{display:inline-block;margin-right:5px;font-size:10px}
.hg-seedcard .hg-seed-play.playing{background:#EEF3F8}
.hg-seedcard .hg-seed-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hg-seedcard .hg-seed-head small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-seedcard .hg-seed-again{flex:none;border:0;background:none;padding:2px 0;font:600 10.5px/1 inherit;font-family:inherit;color:#8a8f98;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.hg-seedcard.size-m .hg-seed-card .en{font-size:13.5px;line-height:1.38;margin:5px 0 3px}
.hg-seedcard.size-m .hg-seed-card .ko{font-size:12px;line-height:1.45}
.hg-seedcard.size-m .hg-seed-card .sound{display:none}
.hg-seedcard.size-m .hg-seed-actions{margin-top:7px;gap:5px}
.hg-seedcard.size-m .hg-seed-actions a,.hg-seedcard.size-m .hg-seed-actions button{padding:6px 9px;font-size:11px}
.hg-seedcard.revealed{display:flex;flex-direction:column;overflow:hidden}
.hg-seedcard.revealed .hg-seed-card{display:flex;flex-direction:column;flex:1;min-height:0}
.hg-seedcard .hg-seed-visual,.hg-seedcard .hg-seed-head,.hg-seedcard .hg-seed-actions{flex:none}
.hg-seedcard .hg-seed-text{flex:1;min-height:0;overflow:auto;scrollbar-width:none}
/* 2026-09-24 M 카드도 원래 카드처럼 그림 + 글 두 칸 · L은 그림 위 */
.hg-seedcard .hg-seed-side{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.hg-seedcard.size-m.revealed .hg-seed-card{flex-direction:row;gap:10px}
.hg-seedcard.size-m .hg-seed-visual{display:block;width:96px;height:auto;align-self:stretch;margin:0;border-radius:14px}
.hg-seedcard.size-m.revealed .hg-seed-head small{font-size:9px}
/* 2026-09-24 플레이리스트 = 원래 첫 페이지 큐레이션 플레이어(그 자리에서 재생) */
.home-widget.hg-play{padding:10px 12px;cursor:default;flex-direction:row;gap:10px;align-items:stretch;color:var(--ink)}
.hg-play .hg-play-art{position:relative;flex:none;width:96px;border-radius:14px;overflow:hidden;background:#0f1520}
.hg-play .hg-play-art img,.hg-play .hg-play-yt,.hg-play .hg-play-yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.hg-play .hg-play-yt:empty{display:none}
.hg-play .hg-play-tag{position:absolute;left:8px;top:8px;font-size:8px;font-weight:700;letter-spacing:.14em;color:#fff;opacity:.9}
.hg-play .hg-play-art b{position:absolute;left:8px;right:8px;bottom:8px;font-size:10px;line-height:1.25;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.hg-play .hg-play-side{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.hg-play .hg-play-side small{font-size:8.5px;letter-spacing:.12em;color:var(--ink2)}
.hg-play .hg-play-side h3{margin:2px 0 1px;font-size:12.5px;line-height:1.25}
.hg-play .hg-play-side p{margin:0;font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-play .hg-play-side p span{margin-left:5px;color:var(--ink2)}
.hg-play-wave{display:block;width:100%;margin:6px 0 4px;padding:0;overflow:hidden;border:0;border-radius:11px;background:#050607;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 8px 16px rgba(42,61,69,.14);cursor:pointer}
.hg-play-wave-asset{position:relative;display:block;width:100%;height:34px;overflow:hidden;border-radius:inherit;line-height:0}
.hg-play-wave-asset img,.hg-play-wave-asset svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hg-play-wave-asset img{object-fit:fill}
.hg-play-wave-asset rect{fill:#050607}
.hg-play-wave-asset line{stroke:#f7f7f4;stroke-width:2.1;stroke-linecap:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:hgWaveLevel 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -53ms)}
.hg-play.playing .hg-play-wave-asset line{animation-duration:.92s}
@keyframes hgWaveLevel{0%,100%{transform:scaleY(.88)}45%{transform:scaleY(1.04)}72%{transform:scaleY(.95)}}
.hg-play-ctl{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;color:var(--ink2)}
.hg-play-ctl button{border:0;background:none;padding:2px 4px;font:inherit;font-size:12px;color:inherit;cursor:pointer}
.hg-play-ctl button:disabled{opacity:.35;cursor:default}
.hg-play-ctl .hg-play-like{position:relative;font-size:14px}
.hg-play-ctl .hg-play-like::after{content:'';position:absolute;inset:-14px -8px}
.hg-play-ctl .hg-play-like[aria-pressed="true"]{color:#3E4360}
.hg-play.size-s .hg-play-ctl .hg-play-like[aria-pressed="true"]{color:#fff}
.hg-play-ctl .hg-play-toggle{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(40,60,90,.15);color:var(--ink)}
.hg-play-room{display:flex;align-items:center;gap:5px;margin-top:4px;border:0;background:none;padding:0;font:600 9.5px/1 inherit;font-family:inherit;color:var(--ink2);cursor:pointer}
.hg-play-room img{width:14px;height:14px;object-fit:contain}
.hg-play.size-s{padding:0}
.hg-play.size-s .hg-play-art{position:absolute;inset:0;width:auto;border-radius:0}
.hg-play.size-s .hg-play-art::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))}
.hg-play.size-s .hg-play-side{position:absolute;left:8px;right:8px;bottom:6px;justify-content:flex-end}
.hg-play.size-s .hg-play-side small,.hg-play.size-s .hg-play-side h3,.hg-play.size-s .hg-play-room,.hg-play.size-s .hg-play-art b{display:none}
.hg-play.size-s .hg-play-side p,.hg-play.size-s .hg-play-side p span,.hg-play.size-s .hg-play-ctl{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.hg-play.size-s .hg-play-wave{margin:4px 0 2px}
.hg-play.size-s .hg-play-wave-asset{height:26px}
.hg-play.size-s .hg-play-ctl{gap:8px}
.hg-play.size-s .hg-play-ctl .hg-play-toggle{width:24px;height:24px;color:#1f2a36;text-shadow:none}
.hg-play.size-l{flex-direction:column}
.hg-play.size-l .hg-play-art{width:100%;height:150px}
/* 10-20 슈아: 담은 곡 전부 — 큰 칸 = 목록(스크롤) · 중간·작은 칸 = 몇 번째/전체 */
.hg-play-n{font-weight:700;color:var(--ink);letter-spacing:.04em}
.hg-play-list{display:none}
.hg-play-n::before{content:" · "}
.hg-play .hg-play-n[hidden],.hg-play .hg-play-list[hidden]{display:none!important}
/* ui-68 IR-008: 작은 칸 = 숫자만 */
.hg-play.size-s .hg-play-side small{display:block;font-size:0;letter-spacing:0}
.hg-play.size-s .hg-play-n{font-size:9px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.hg-play.size-s .hg-play-n::before{content:none}
.hg-play.size-l .hg-play-art{height:96px}
.hg-play.size-l .hg-play-side{justify-content:flex-start;min-height:0}
.hg-play.size-l .hg-play-list{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:6px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(62,67,96,.12)}
.hg-play-row{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 4px;border:0;border-bottom:1px solid rgba(62,67,96,.08);background:none;font:inherit;font-size:11px;color:var(--ink);text-align:left;cursor:pointer}
.hg-play-row i{flex:none;width:16px;font-style:normal;font-size:9.5px;color:var(--ink2)}
.hg-play-row span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-play-row.on{font-weight:700;color:#3E4360}
.hg-play-row.on i{color:#3E4360}

/* 2026-09-25 슈아: 시계 왼쪽 위 · 봉투만 · 리마인더(아이폰 문법) · 진짜 달력 */
.home-grid-top .hg-clock{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px;border-radius:14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 18px rgba(40,60,90,.10),inset 0 1px 0 #fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--held-logo-ink,#3E4360)}
.home-grid-top .hg-clock b{font:600 18px/1.1 var(--sans);letter-spacing:-.3px}
.home-grid-top .hg-clock time{font-size:10.5px;color:var(--ink2,#6b7280);display:block;margin:0}
.hg-seedcard .hg-seed-stage-in{justify-content:center}
.hg-seedcard .hg-seed-envwrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.hg-seedcard .hg-seed-envwrap .hg-seed-hint{font-size:10px;letter-spacing:.18em;color:var(--held-seed-accent,#6E82B4)}
.home-widget.hg-rem-widget,.home-widget.hg-cal-widget{cursor:default}
.hg-rem-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hg-rem-head .home-widget-title{margin-top:0}
.hg-bell{width:30px;height:30px;border-radius:50%;border:1px solid rgba(61,90,128,.25);background:rgba(255,255,255,.7);display:grid;place-items:center;color:var(--ink2,#55627a);padding:0;cursor:pointer;flex:none}
.hg-bell svg{width:16px;height:16px}
.hg-bell.on{background:var(--blue,#4a6fa5);color:#fff;border-color:transparent}
.hg-bell[data-dm-art]{background:none;border:0;box-shadow:none;width:34px;height:34px}/* 리마인더 종 1판(슈아): 올린 그림이면 동그라미 배경·테두리 ✗ · 크게 */
.hg-bell[data-dm-art] svg{width:26px;height:26px}
/* 1c(슈아): 홈 위 아이콘 줄(설정·노트·불러오기·설치 등)도 올린 그림이면 네모 배경·테두리 ✗ · 그림 22px */
.home-grid-top .hg-icons a[data-dm-art],.home-grid-top .hg-icons button[data-dm-art]{background:none;border:0;box-shadow:none}
.home-grid-top .hg-icons [data-dm-art] svg{width:22px;height:22px}
.home-grid-top .hg-icons [data-dm-art] i{display:none}
.hg-bell.on[data-dm-art]{background:none}
/* 1b(코덱스 HD-REVIEW-004): 그림이 올라간 눌림 단추도 켜짐/꺼짐이 보이게 — 꺼짐 = 연하게 · 켜짐 = 오른쪽 위 점 */
.home-widget [data-dm-art][aria-pressed]{position:relative}
.home-widget [data-dm-art][aria-pressed="false"]{opacity:.55}
.home-widget [data-dm-art][aria-pressed="true"]::after{content:"";position:absolute;right:1px;top:1px;width:8px;height:8px;border-radius:50%;background:var(--blue,#4a6fa5);box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.hg-rem-more{border:0;background:none;color:inherit;font:inherit;padding:0 2px 0 8px;min-height:24px;cursor:pointer}/* IR91-004 */
.hg-rem{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow:hidden}
.hg-rem li{display:flex;align-items:center;gap:9px;padding:4px 0;border-bottom:1px solid rgba(31,42,54,.07);font-size:13px}
.hg-rem li:last-child{border-bottom:0}
.hg-rem .ck{width:20px;height:20px;border-radius:50%;border:1.6px solid rgba(61,90,128,.45);background:transparent;padding:0;flex:none;cursor:pointer;display:grid;place-items:center}
.hg-rem li.done .ck{background:var(--blue,#4a6fa5);border-color:var(--blue,#4a6fa5)}
.hg-rem li.done .ck::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.hg-rem li.done span{color:var(--ink2,#55627a);text-decoration:line-through;text-decoration-color:rgba(31,42,54,.3)}
.hg-cal-m{font:700 13px/1 var(--sans);color:var(--blue,#4a6fa5)}
.hg-cal{margin-top:6px;flex:1;min-height:0;display:flex;flex-direction:column}
.hg-cal .wd,.hg-cal .dd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.hg-cal .wd i{font-style:normal;font-size:8.5px;text-align:center;color:var(--ink3,#8b95a7)}
.hg-cal .dd{flex:1;min-height:0;grid-auto-rows:1fr}
.hg-cal .dd i{font-style:normal;font-size:9.5px;display:grid;place-items:center;border-radius:50%;color:var(--ink2,#55627a);min-height:0}
.hg-cal .dd i.on{background:color-mix(in srgb,var(--held-light,#B9CDE3) 70%,#fff);color:var(--ink,#1f2a36);font-weight:700;box-shadow:0 0 0 1px #fff inset,0 0 6px color-mix(in srgb,var(--held-light,#B9CDE3) 60%,transparent)}
.hg-cal .dd i.today{outline:1.5px solid var(--blue,#4a6fa5);outline-offset:-1.5px}
.hg-cal-open{appearance:none;-webkit-appearance:none;border:0;background:none;text-align:left;padding:0;cursor:pointer;font:inherit}
.hg-calmodal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(31,42,54,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:20px}
.hg-calbox{width:min(420px,100%);border-radius:22px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 50px rgba(40,60,90,.22),inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:16px 18px 18px;color:var(--ink,#1f2a36)}
.hg-calbox .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.hg-calbox .hd b{font:700 16px/1.2 var(--serif)}.hg-calbox .hd span{flex:1;color:var(--ink2,#55627a);font-size:13px}
.hg-calbox .x{width:34px;height:34px;border-radius:50%;border:0;background:rgba(31,42,54,.06);font-size:20px;cursor:pointer;color:inherit}
.hg-cal.big .dd i{font-size:13px;min-height:36px}
.hg-cal.big .wd i{font-size:11px}
.hg-calstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.hg-calstats span{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.6);font-size:10.5px;color:var(--ink2,#55627a);text-align:center}
.hg-calstats b{font:700 18px/1.1 var(--sans);color:var(--blue,#4a6fa5)}
/* 10-24 ⑤ 오늘의 리마인더(실제 이름 · 시간 · 장소 · ＋) · 주님과 함께한 시간(배지 도장 · 활동 보관함) */
[data-home-rem] .hg-rem li time{flex:none;font:600 10.5px/1 var(--sans);color:var(--ink2,#55627a);font-variant-numeric:tabular-nums}
[data-home-rem] .hg-rem li span.tx i{font-style:normal;color:var(--ink3,#8b95a7)}
[data-home-rem] .hg-rem li.add{flex:0 0 auto;border-bottom:0;padding-top:2px}
[data-home-rem] .hg-rem-add{width:22px;height:22px;border-radius:50%;border:1.4px dashed rgba(61,90,128,.4);background:none;color:#3E4360;font-size:13px;line-height:1;padding:0;cursor:pointer;display:grid;place-items:center}
[data-home-rem] .hg-rem-form{display:flex;align-items:center;gap:5px;width:100%;min-width:0}
[data-home-rem] .hg-rem-form input{min-width:0;flex:1;height:26px;border:1px solid rgba(61,90,128,.25);border-radius:8px;background:rgba(255,255,255,.8);padding:0 7px;font:inherit;font-size:16px;color:inherit;transform-origin:left center}
[data-home-rem] .hg-rem-form input[type=time]{flex:0 0 auto;width:88px;padding:0 4px}
[data-home-rem] .hg-rem-form button{flex:none;width:26px;height:26px;border:0;border-radius:8px;background:#3E4360;color:#fff;font-size:13px;cursor:pointer;padding:0}
.hg-cal-stamp{display:inline-flex;line-height:0;margin:-4px -2px -6px 0;transform:rotate(-8deg);filter:drop-shadow(0 2px 4px rgba(62,67,96,.18))}
.hg-cal-stamp:empty{display:none}
.hg-calmodal .hg-calbox{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.hg-calst{margin-top:14px;padding:12px 14px;border-radius:16px;background:rgba(222,233,245,.55);border:1px solid rgba(208,223,240,.9)}
.hg-calst h2{margin:0;font:700 13px/1.2 var(--sans);color:#3E4360;letter-spacing:.02em}
.hg-caldoors{display:flex;gap:8px;margin-top:12px}
.hg-caldoors button{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;border:1px solid rgba(62,67,96,.16);background:rgba(255,255,255,.7);color:#3E4360;font:600 13px/1 var(--sans);cursor:pointer}
@media (min-width:768px){.hg-calbox{width:min(480px,100%)}}
@media (min-width:1024px){.hg-calmodal .hg-calbox{width:min(800px,100%);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"h h" "c t" "s t" "s d";column-gap:20px;align-content:start}.hg-calbox>.hd{grid-area:h}.hg-calbox>.hg-cal{grid-area:c}.hg-calbox>.hg-calstats{grid-area:s;align-self:start}.hg-calbox>.hg-calst{grid-area:t;margin-top:0}.hg-calbox>.hg-caldoors{grid-area:d;align-self:end}}/* 웹: 달력·숫자 왼쪽 · 별빛·문 오른쪽 */

/* 2026-09-25 슈아: 하단탭 아이콘 한 색(마스크) · 영문 소제목도 회청색 */
.home-grid-shell~.nav img.nic.nic-hidden{display:none}
.home-grid-shell~.nav .nicmask{display:block;width:24px;height:20px;margin:0 auto;background:var(--held-dock-ink,#5A5F68);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;opacity:.5}
.home-grid-shell~.nav .on .nicmask{opacity:1}
.home-grid-shell~.nav img.nic.nic-pic{display:block;width:24px;height:20px;margin:0 auto;object-fit:contain;opacity:.5;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.home-grid-shell~.nav .on img.nic.nic-pic{opacity:1}/* 그림 아이콘 1b: 올린 그림 탭 = 마스크 칸과 같은 크기 */
.home-grid-shell~.nav .center .nicmask{height:24px;opacity:1}
.home-grid-shell~.nav .en{color:color-mix(in srgb,var(--held-dock-ink,#5A5F68) 55%,#fff)}

/* 2026-09-25 슈아: 첫화면에도 로고 워터마크(대표 로고 마크 · 조용히 · 설계실 home.wm.opacity) */
.home-grid-shell::before{content:"";position:absolute;inset:0;background:url(/brand/family/the-held/watermark-symbol-navy-1600.png) center 44%/min(52vw,340px) no-repeat;/* 10-27 슈아 = 헬디·도비 선화(본 앱 아이콘과 같은 결 · 옛 = /brand/dee9f5/app/logo-mark.png) */opacity:var(--held-wm-opacity,.07);pointer-events:none;z-index:-1}

/* 2026-09-25 슈아: 하단탭 = 첫화면·리마인더(오늘예배) 화면 공통 한 벌(body.hg-dock) · 폰/패드/웹 반응형 · 형제 선택자에 안 걸려도 적용 */
body.hg-dock .nav{position:fixed;left:50%;right:auto;transform:translateX(-50%);bottom:max(9px,env(safe-area-inset-bottom));width:min(760px,calc(100% - 28px));height:64px;z-index:13;display:flex;border:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.62);border-radius:23px;background:rgba(255,255,255,.2);backdrop-filter:blur(26px) saturate(1.8);-webkit-backdrop-filter:blur(26px) saturate(1.8);box-shadow:0 9px 24px rgba(40,60,90,.16);overflow:hidden;padding:3px 5px;box-sizing:border-box}
body.hg-dock .nav button,body.hg-dock .nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;margin:0;padding:3px 0 4px;border:0;border-radius:16px;background:none;color:var(--held-dock-ink,#5A5F68);opacity:.62}
body.hg-dock .nav button.on,body.hg-dock .nav a.on{opacity:1}
body.hg-dock .nav .lb{font-size:9.5px;font-weight:700;margin-top:0;line-height:1.1}
body.hg-dock .nav .en{display:none}
body.hg-dock .nav img.nic{display:none}
body.hg-dock .nav .nicmask{display:block;width:26px;height:22px;margin:0 auto;opacity:1;background:var(--held-dock-ink,#5A5F68)}body.hg-dock .nav img.nic.nic-pic{display:block;width:26px;height:22px;margin:0 auto;opacity:1;object-fit:contain;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.hg-dock .nav button.center,body.hg-dock .nav a.center{margin-top:0}
body.hg-dock .nav button.center .ic,body.hg-dock .nav a.center .ic{width:auto;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
body.hg-dock .nav .held-light{top:4px;left:calc(50% + 12px)}
@media (min-width:641px){body.hg-dock .nav{height:74px;border-radius:26px;padding:4px 10px}body.hg-dock .nav .nicmask{width:32px;height:27px}body.hg-dock .nav img.nic.nic-pic{width:32px;height:27px}body.hg-dock .nav .lb{font-size:11px}}
@media (min-width:1025px){body.hg-dock .nav{width:min(900px,calc(100% - 40px));height:80px;padding:4px 16px}body.hg-dock .nav .nicmask{width:36px;height:30px}body.hg-dock .nav img.nic.nic-pic{width:36px;height:30px}body.hg-dock .nav .lb{font-size:12px}}

/* 2026-09-25 슈아: 봉투 열면 나오는 말씀 이미지 = 세로로 긴 기둥 ✗ → 가로 넓고 낮은 띠 */
.hg-seedcard.size-m.revealed .hg-seed-card{flex-direction:column;gap:6px}
.hg-seedcard.size-m .hg-seed-visual,.hg-seedcard.size-l .hg-seed-visual{display:block;width:100%;height:auto;aspect-ratio:16/6;max-height:110px;align-self:auto;object-fit:cover;object-position:center 40%;margin:0 0 6px;border-radius:14px}
.hg-seedcard.size-l .hg-seed-visual{max-height:150px}

/* 2026-09-25 슈아: 두 번째 리마인더 → 투두리스트 위젯(내가 적는 할 일 · 체크 · 지우기) · 편지 창에 말씀 이미지 띠 */
.hg-todo-add{display:flex;gap:6px;margin-top:6px}
.hg-todo-add input{flex:1;min-width:0;min-height:32px;border-radius:999px;border:1px solid rgba(61,90,128,.25);background:rgba(255,255,255,.7);padding:0 12px;font-size:12.5px;color:var(--ink,#1f2a36)}
.hg-todo-add button{width:32px;height:32px;border-radius:50%;border:0;background:var(--blue,#4a6fa5);color:#fff;font-size:18px;line-height:1;cursor:pointer;flex:none}
.hg-rem li .del{margin-left:auto;width:24px;height:24px;border:0;background:none;color:var(--ink3,#8b95a7);font-size:14px;cursor:pointer;opacity:.7;flex:none;padding:0}
.hg-rem li span.tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-rem li.empty{color:var(--ink3,#8b95a7);font-size:12px;border-bottom:0}
.hg-seed-overlay .hg-seed-card .hg-seed-visual{display:block;width:100%;height:auto;aspect-ratio:16/6;max-height:150px;object-fit:cover;object-position:center 40%;border-radius:14px;margin:0 0 10px}

/* 2026-09-25 슈아: 은혜의 바다 협업 위젯 */
.hg-sea-widget{text-align:left;cursor:pointer}
.hg-sea-dot{width:8px;height:8px;border-radius:50%;background:var(--held-light,#B9CDE3);box-shadow:0 0 8px var(--held-light,#B9CDE3);animation:heldLightBreath 2.6s ease-in-out infinite}
.hg-sea-rings{display:flex;gap:6px;margin-top:8px}
.hg-sea-ring{width:34px;height:34px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#f6f9fd,#dee9f5 40%,#7391dd);box-shadow:0 0 8px rgba(169,196,228,.8);flex:none}
.hg-sea-ring .hg-sea-av{width:100%;height:100%;border:2px solid #fff}
.hg-sea-av{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e9eef7;color:#4A5378;font-size:11px;font-weight:700;overflow:hidden;flex:none;box-sizing:border-box}
.hg-sea-av img{width:100%;height:100%;object-fit:cover}
.hg-sea-lines{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow:hidden}
.hg-sea-lines li{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2,#55627a);min-width:0}
.hg-sea-lines li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-sea-lines li b{color:var(--ink,#1f2a36)}

/* 2026-09-25 슈아: 약속 · 스케줄 협업 위젯 */
.hg-sched li{gap:8px}
.hg-sched li time{flex:none;font-size:10.5px;font-weight:700;color:var(--blue,#4a6fa5);min-width:52px}
.hg-sched li .tx i{font-style:normal;font-size:10px;color:var(--ink3,#8b95a7)}
.hg-sched li.shared time{color:#6E82B4}
.hg-sched-widget .hg-cal-open{margin-top:6px}
.hg-ai-slot{margin-top:6px;padding:5px 9px;border:1.5px dotted #a897e0;border-radius:10px;font-size:10.5px;color:#4a3a8c;opacity:.6;display:none;gap:6px;align-items:center}.hg-ai-slot i{font-style:normal}
.hg-sched-foot{display:flex;gap:10px;align-items:center;margin-top:auto;flex-wrap:wrap}
.hg-sched-foot .hg-cal-open{display:inline-flex;align-items:center;gap:4px;margin-top:6px}
.hg-sched-foot svg{width:13px;height:13px}
.hg-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(16px);z-index:90;max-width:min(92vw,420px);padding:10px 16px;border-radius:999px;background:rgba(31,42,54,.86);color:#fff;font-size:13px;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;backdrop-filter:blur(8px)}
.hg-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* 2026-09-25 슈아: 첫 화면(문) 색 = 우리 결(보라 ✗) · 바깥 바닥 보라(#D9D6E8) ✗ → 유리색 · 웹·패드에서 카드 폭 제한 · 문 화면엔 아래 탭 ✗ */
body.held-home-shell{background:linear-gradient(180deg,var(--held-glass,#DEE9F5) 0%,#eef4fa 100%)!important}
body.held-home-shell .door{background:linear-gradient(175deg,#5E6C88 0%,#7387A6 40%,#93A8C4 76%,#AFC0D6 100%)}/* 11-01 슈아 「첫 화면 바탕 = 네이비보다 우리 결 · 흰 유리 글자 보이게」 */
body.held-home-shell .door .held{color:rgba(255,255,255,.75)}
@media (min-width:641px){
 body.held-home-shell .door{align-items:center}
 body.held-home-shell .door .dtime,body.held-home-shell .door .dnotis,body.held-home-shell .door .dopen{width:min(100% - 32px,460px);box-sizing:border-box}
 body.held-home-shell .door .dtime .clock{font-size:64px}
}
body.held-home-shell:not(.hg-dock) .nav{display:none}

/* 2026-09-25 슈아: 앱으로 설치 안내 */
.hg-install ol{margin:6px 0 10px;padding-left:20px;font-size:14px;line-height:1.7;color:var(--ink,#1f2a36)}
.hg-install p{margin:0;font-size:12.5px;color:var(--ink2,#55627a)}

/* 2026-09-26 슈아: 폰 너비에서 우리말 낱말이 중간에 잘리지 않게 */
.home-grid-top .hg-titlewrap,.home-widget .home-widget-title,.home-widget .home-widget-sub,.home-widget .home-widget-foot{word-break:keep-all;overflow-wrap:break-word}

/* ── 2026-09-29 슈아 21판: 첫 화면 정리 — 큰 시계 ✗(로고만) · 인사말 한 줄 가운데 · 본문·제목은 프리텐다드(포인트=인사말만 마루부리) · 달력 위젯 겹침 ✗ ── */
.home-grid-top .hg-titlewrap > #homeGridDate{display:none}
.home-grid-top h1{font:700 15px/1.3 var(--serif);letter-spacing:-.2px}
.home-widget .home-widget-title{font:700 14px/1.3 var(--sans);font-family:var(--home-item-font,var(--sans));letter-spacing:-.2px}
.home-widget.size-s .home-widget-title{font-size:13.5px}
.home-widget .home-widget-sub{font-size:11.5px;line-height:1.35}
.hg-calbox .hd b{font-family:var(--sans)}
@media (max-width:640px){
  .home-grid-top{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;row-gap:8px}
  .home-grid-top .hg-titlewrap{display:contents}
  .home-grid-top .hg-logo{grid-column:1;grid-row:1;justify-self:start;margin-bottom:0}
  .home-grid-top .hg-icons{grid-column:2;grid-row:1;margin-top:0}
  .home-grid-top h1#homeGridGreeting{grid-column:1/-1;grid-row:2;margin:0;text-align:center;word-break:keep-all}
  .home-grid-top .hg-clock{grid-column:1/-1;grid-row:3;justify-self:center}
}
.home-widget.hg-cal-widget{padding:12px 13px}
.hg-cal-widget .hg-cal-m{display:none}
.hg-cal-widget .home-widget-sub{margin-top:3px}
.hg-cal{margin-top:4px}
.hg-cal .wd i{font-size:8px}
.hg-cal .dd{grid-auto-rows:minmax(0,1fr);gap:1px 2px}
.hg-cal .dd i{font-size:9px;line-height:1}
.hg-cal .dd i.today{outline-width:1.2px}
.home-widget.hg-clock-widget{align-items:center;justify-content:center;text-align:center;gap:3px;cursor:default}
.hg-clock-widget b{font:600 26px/1.05 var(--sans);letter-spacing:-.5px;color:var(--held-logo-ink,#3E4360)}
.hg-clock-widget time{font-size:11px;color:var(--ink2,#6b7280)}
/* 리마인더 5줄(10-09 슈아 · b: 코덱스 REM5-001 — 리마인더 위젯에만 · 약속 위젯 줄은 그대로): 다섯 줄이 카드 높이를 똑같이 나눠 가짐 — 잘림 ✗ */
[data-home-rem] .hg-rem{gap:0}[data-home-rem] .hg-rem li{flex:1 1 0;min-height:0;padding:0;font-size:12px;line-height:1.15;gap:7px}[data-home-rem] .hg-rem .ck{width:16px;height:16px;border-width:1.4px}[data-home-rem] .hg-rem li.done .ck::after{width:4px;height:7px;border-width:0 1.8px 1.8px 0}[data-home-rem] .hg-rem li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-home-rem] .home-widget-foot{margin-top:4px}
/* 씨앗 1(10-10 슈아 「카드 크게 · 16:9 · 재생」) */
.hg-seedcard .hg-seed-envwrap{width:220px;height:150px}.hg-seedcard .hg-seed-envelope{transform:none}
.hg-seedcard.size-s .hg-seed-envwrap{width:146px;height:100px}.hg-seedcard.size-s .hg-seed-envelope{transform:scale(.66)}
.hg-seedcard.size-l .hg-seed-envwrap{width:286px;height:195px}.hg-seedcard.size-l .hg-seed-envelope{transform:scale(1.3);transform-origin:0 0}
.hg-seedcard .hg-seed-stage-in{justify-content:center}
.hg-seedcard .hg-seed-visual,.hg-seed-overlay .hg-seed-visual{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:10px}
.hg-seedcard.size-s .hg-seed-visual{display:none}
.hg-seed-stage{max-width:min(560px,94vw)}
.hg-seed-overlay .hg-seed-envelope{width:260px;height:177px;transform:scale(1.18);transform-origin:50% 0;margin-bottom:26px}
.hg-seed-overlay .hg-seed-card .en{font-size:17px}
.hg-seed-actions .hg-seed-play{display:inline-flex;align-items:center;gap:6px;margin-right:auto}
/* 유리 1(10-10 슈아 「유리결도 더 유리결 안 되는 거야?」): 위젯·타일 = 더 맑은 유리(블러 26 + 채도 · 흰 테두리 · 안쪽 빛 · 투명도는 설계실 유리 슬라이더 값 그대로 · 기본 .5) */
.home-widget{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.06) 60%),rgba(255,255,255,var(--home-glass-opacity,.34));backdrop-filter:blur(30px) saturate(1.7) brightness(1.04);-webkit-backdrop-filter:blur(30px) saturate(1.7) brightness(1.04);border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 36px rgba(62,67,96,.14),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.3),inset 1px 0 0 rgba(255,255,255,.5)}
.home-widget.life-seed,.home-widget.grace-sea{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.06) 60%),rgba(255,255,255,var(--home-glass-opacity,.34))}
.home-tile{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.1) 60%),rgba(255,255,255,var(--home-tile-glass,.55));backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 26px rgba(62,67,96,.14),inset 0 1px 0 rgba(255,255,255,1)}
/* 씨앗 1b: 그림 16:9 를 더 센 선택자로 */
.hg-seedcard .hg-seed-card .hg-seed-visual,.hg-seed-overlay .hg-seed-card .hg-seed-visual{aspect-ratio:16/9!important;height:auto!important}
/* 홈 정리 1(10-10 슈아) · 로고 팔레트 */
.hg-edit #homeGridTrack .home-tile{animation:hgWig .32s ease-in-out infinite alternate}
.hg-edit #homeGridTrack .home-tile:nth-child(2n){animation-delay:.1s}
@keyframes hgWig{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}
.home-tile.hg-drag{opacity:.35}.home-tile.hg-over{outline:3px solid #A9B8D6;outline-offset:3px}.home-tile.hg-over-l{box-shadow:-4px 0 0 #3E4360,0 8px 20px rgba(40,60,90,.14)}.home-tile.hg-over-r{box-shadow:4px 0 0 #3E4360,0 8px 20px rgba(40,60,90,.14)}
.hg-ghost{position:fixed;z-index:999;pointer-events:none;width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(62,67,96,.3);display:grid;place-items:center;transform:translate(-50%,-50%) scale(1.08);overflow:hidden}.hg-ghost img{width:70%;height:70%;object-fit:contain}.hg-ghost .hg-ufold{width:74%;height:74%}
.home-tile.hg-ufolder .hg-ufold{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:74%;height:74%}.home-tile.hg-ufolder .hg-ufold i{display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.7);overflow:hidden;font-style:normal;font-size:12px}.home-tile.hg-ufolder .hg-ufold i img{width:72%;height:72%;object-fit:contain}
#hgEditDone{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:60;height:36px;padding:0 16px;border:0;border-radius:999px;background:#3E4360;color:#fff;font:700 13px system-ui;cursor:pointer;box-shadow:0 6px 16px rgba(62,67,96,.3)}
.hg-folder{position:fixed;inset:0;z-index:70;display:none;align-items:flex-start;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 14px;background:rgba(62,67,96,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hg-folder.open{display:flex}
.hg-folder .hgf-pane{width:min(520px,100%);border-radius:30px;padding:16px 14px 22px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.3) 60%),rgba(255,255,255,.55);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(62,67,96,.28);color:#3E4360}
.hg-folder .ph{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hg-folder .ph b{flex:1;font-size:17px}.hg-folder .ph b input{width:100%;border:0;border-bottom:1px solid #A9B8D6;background:none;font:inherit;outline:none;color:inherit}.hg-folder .ph button,.hg-folder .hg-fout{height:34px;border:0;border-radius:999px;padding:0 12px;background:rgba(255,255,255,.75);color:#3E4360;font:600 12px system-ui;cursor:pointer}
.hg-folder .apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 8px}.hg-folder .hg-fitem{display:flex;flex-direction:column;align-items:center;gap:26px}.hg-folder .home-tile{width:62px;height:62px;margin:0;animation:none}.hg-folder .home-tile-label{width:76px;text-shadow:none;color:#3E4360}
/* 씨앗 1b(SEED1-001): 그림 16:9 · 높이 상한 ✗ */
.hg-seedcard.size-m .hg-seed-visual,.hg-seedcard.size-l .hg-seed-visual,.hg-seed-overlay .hg-seed-card .hg-seed-visual,.hg-seedcard .hg-seed-card .hg-seed-visual{aspect-ratio:16/9!important;height:auto!important;max-height:none!important}
/* 홈 정리 1b(HOMEUSER-003): 정리 중 터치는 끌기에만 */
.hg-edit .home-grid-viewport,.hg-edit #homeGridTrack,.hg-edit #homeGridTrack .home-tile{touch-action:none}
.hg-folder.open>.hgf-pane{display:block}

/* 10-12 출시 점검: 오늘의 리마인더 동그라미 누르는 자리 16 → 44 폭(왼쪽은 .hg-rem overflow 에 잘려 오른쪽 글자 쪽으로) · 모양 그대로 · 5c(R003): 줄 전체 ✗ — 폭 44 < 넘김 드래그 48 이라 넘김 끝에 체크가 바뀌지 않음 */
@media(pointer:coarse){[data-home-rem] .hg-rem .ck{position:relative}[data-home-rem] .hg-rem .ck::before{content:"";position:absolute;inset:-1px -28px -1px 0}} /* 5d(R001): 터치 기기만 — 손가락이 움직이면 톡이 취소돼 드래그로 체크 안 바뀜 · 마우스는 원래 16px */
@media(any-pointer:fine){[data-home-rem] .hg-rem .ck::before{display:none}} /* 5e: 마우스·트랙패드가 하나라도 붙은 기기(아이패드+트랙패드 등)는 넓힘 끔 → 원래 16px */

/* 10-17 슈아 「홈 위젯 터치가 안 먹어」: 누르는 카드임을 표시(iOS 사파리는 누를 수 있는 요소에만 click) · 약속 벨 알림 = 벨 옆 한 줄 */
.hg-play,.hg-cal-widget,.hg-rem-widget:not(.hg-sched-widget){cursor:pointer;-webkit-tap-highlight-color:transparent}
.hg-sched-note{flex:1;min-width:0;margin-left:6px;font-size:10px;line-height:1.3;color:var(--ink2,#6B7790);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
/* 10-21 슈아 「첫 홈 위젯·아이콘 버튼 바탕 = 아이폰처럼 투명한 유리」: 젖빛(블러 30·흰 .62) → 맑은 유리(블러 6·흰 = 설계실 「유리」 값 × .15(10-21 「조금만 더 투명」) · 가장자리 빛 테두리 · 비스듬한 반사) · 하단탭·위젯 속 그림·워십 티켓·클래식 스킨 그대로 */
.home-widget:not(.skin-classic-162):not(.worship-ticket),.home-tile{background:linear-gradient(135deg,rgba(255,255,255,.24) 0%,rgba(255,255,255,.03) 38%,rgba(255,255,255,0) 62%,rgba(255,255,255,.1) 100%),rgba(255,255,255,calc(var(--home-glass-opacity,.34) * .15));-webkit-backdrop-filter:blur(4px) saturate(1.8) brightness(1.04);backdrop-filter:blur(4px) saturate(1.8) brightness(1.04);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 28px rgba(40,55,85,.12),inset 0 1.5px 1px rgba(255,255,255,.9),inset 1px 0 1px rgba(255,255,255,.4),inset -1px 0 1px rgba(255,255,255,.2),inset 0 -1px 1px rgba(255,255,255,.3),inset 0 0 22px rgba(255,255,255,.1)}

/* ── 2026-10-23 슈아: 머리 = 로고 왼쪽 · 위젯 양끝 줄에 맞춤 · 인사말 로고 밑 · 워터마크 · 전부 설계실 조절(home.logo.size · home.greeting.align/font/size · home.wm.size/x/y/opacity → home-grid.js 가 변수로) ── */
:root{--hg-cols:4;--hg-gl:max(14px,calc((100vw - (var(--hg-cols)*var(--home-cell) + (var(--hg-cols) - 1)*var(--home-col-gap)))/2));--hg-logo:36px;--hg-word:11px;--hg-drop:4px;--hg-greet:17px;--hg-wm:min(82vw,320px);--hg-wm-ax:var(--hg-gl)}
@media (min-width:641px){:root{--hg-cols:6;--hg-logo:46px;--hg-word:14px;--hg-drop:6px;--hg-greet:21px;--hg-wm:min(52vw,520px)}}
@media (min-width:641px) and (max-width:1024px) and (orientation:portrait){:root{--hg-wm:min(72vw,620px);--hg-wm-ax:50%}}
@media (min-width:1025px){:root{--hg-cols:8;--hg-logo:52px;--hg-word:15px;--hg-drop:7px;--hg-greet:23px}}
.home-grid-top{left:var(--hg-gl);right:var(--hg-gl);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:6px;row-gap:8px;text-align:left}
.home-grid-top .hg-titlewrap{display:contents}
.home-grid-top .hg-logo{grid-column:1;grid-row:1;justify-self:start;margin:0;gap:6px;white-space:nowrap}
.home-grid-top .hg-logo img{height:calc(var(--hg-logo) * var(--hg-logo-k,1))}
.home-grid-top .hg-logo b{font-size:calc(var(--hg-word) * var(--hg-logo-k,1));transform:translateY(calc(var(--hg-drop) * var(--hg-logo-k,1)))}
.home-grid-top .hg-icons{grid-column:2;grid-row:1;margin:0;gap:3px}
.home-grid-top h1#homeGridGreeting{grid-column:1/-1;grid-row:2;margin:0;text-align:left;font-family:var(--hg-greet-font,'MaruBuri',serif);font-size:calc(var(--hg-greet) * var(--hg-greet-k,1))}
[data-hg-align="center"] .home-grid-top h1#homeGridGreeting{text-align:center}
.home-grid-top .hg-clock{grid-column:1/-1;grid-row:3;justify-self:center}
@media (min-width:641px){.home-grid-top{column-gap:8px}.home-grid-top .hg-logo{gap:8px}.home-grid-top .hg-icons{gap:6px}}
@media (min-width:1025px){.home-grid-top{row-gap:5px}}
.home-grid-shell::before{background-position-x:var(--hg-wm-px,var(--hg-wm-ax));background-position-y:var(--hg-wm-py,46%);background-size:calc(var(--hg-wm) * var(--hg-wm-k,1))}
@media (max-width:640px){.home-grid-top .hg-logo b{font-size:var(--hg-word);transform:translateY(var(--hg-drop))}}
/* 10-25 갤럭시 카톡 인앱(글자 「가가」 확대 · 400~480 폭): 로고 「THE HELD」 위로 아이콘 6개 겹침 → 폰 = 자리 모자라면 아이콘 줄이 로고 아래로(오른쪽 끝) 내려감 · 넉넉하면 지금처럼 한 줄 */
@media (max-width:640px){.home-grid-top{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:6px}.home-grid-top .hg-logo{order:1;flex:0 0 auto}.home-grid-top .hg-icons{order:2;margin-left:auto;flex:0 0 auto}.home-grid-top h1#homeGridGreeting{order:3;flex:1 0 100%}.home-grid-top .hg-clock{order:4;flex:0 0 auto;margin:0 auto}} /* 폰 = 아이콘 줄과 한 줄이라 THE HELD 글자는 그대로 · 마크만 커짐 */
@media (min-width:641px){[data-hg-align="center"] .home-grid-top h1#homeGridGreeting{margin-top:-10px}} /* 가운데 = 로고·아이콘 사이 빈 자리라 조금 위로(폰은 자리 없어 그대로) */
@media (min-width:641px) and (max-width:1024px){:root{--hg-word:16px;--hg-drop:7px}} /* 10-23 슈아: 패드만 THE HELD 글자 조금 더 크게 */
/* 10-24 아이폰: 유튜브 ▶ 위 그림자·이름·딱지 = 탭 통과 · 작은 카드 재생 중 = 아래 칸은 단추만 탭 */
.hg-play .hg-play-art::after,.hg-play .hg-play-tag,.hg-play .hg-play-art b{pointer-events:none}
.hg-play.size-s.playing .hg-play-side{pointer-events:none}
.hg-play.size-s.playing .hg-play-side button{pointer-events:auto}
/* 10-24 ② 홈 플레이리스트 네 갈래: 제목 = 기기 기본 고르기(아이폰 휠·메뉴) · 보이는 건 제목 + ⌄ 하나 */
.hg-play .hg-play-h{position:relative;display:flex;align-items:center;gap:3px;min-width:0}
.hg-play .hg-play-h>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hg-play .hg-play-h::after{content:"";flex:none;width:6px;height:6px;margin:0 2px 2px 1px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.55}
.hg-play .hg-play-pick{position:absolute;inset:-6px -4px;width:calc(100% + 8px);opacity:0;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none;border:0;background:none}
.hg-play .hg-play-pick:disabled{cursor:default}
.hg-play .hg-play-h:has(.hg-play-pick:focus-visible){outline:2px solid #3E4360;outline-offset:2px;border-radius:6px}
/* 10-31 슈아 「주님과 함께한 시간 · 오늘 = 동그라미 대신 광채」: 테두리 없이 은빛 블루 + 샴페인 살짝 빛 번짐(헬덤 채팅 빛과 같은 결) · 숨 쉬듯 · 줄이기 설정 = 멈춤 */
.hg-cal .dd i.today{outline:0!important;position:relative;isolation:isolate;color:var(--ink,#1f2a36);font-weight:800}
.hg-cal .dd i.today::before{content:"";position:absolute;left:50%;top:50%;width:128%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle closest-side,rgba(255,255,255,1) 0,rgba(236,241,248,.98) 16%,rgba(204,216,234,.9) 32%,rgba(172,190,220,.55) 47%,rgba(208,223,240,.3) 58%,rgba(222,233,245,0) 70%);filter:blur(2px);animation:hgCalLit 2.8s ease-in-out infinite}
@keyframes hgCalLit{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(.88)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.hg-cal .dd i.today::before{animation:none;opacity:.9}}
/* 10-31 레벨 없음 배지 = 은은하게(빈 ✦ 테두리 · 연한 유리 동그라미 · 숨 쉬듯) */
.hg-cal-stamp .hrd-none{display:inline-flex;color:rgba(62,67,96,.42)}
.hg-cal-stamp .hrd-none svg{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(232,240,250,.85) 60%,rgba(208,223,240,.7) 100%);box-shadow:0 0 0 1.2px rgba(208,223,240,.95),0 0 8px 2px rgba(169,184,214,.45),0 0 18px 4px rgba(208,223,240,.35);animation:hgNoneBreath 3.4s ease-in-out infinite}/* 슈아 「빛 은은하게 그래도 보여줘」 */
@keyframes hgNoneBreath{0%,100%{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.06)}}
@media (prefers-reduced-motion:reduce){.hg-cal-stamp .hrd-none svg{animation:none}}
/* 10-31 슈아 「오늘 빛 너무 커 · 광채빛이 도장처럼 매일매일 쌓이게」: 예배한 날(.on) = 작은 광채 도장(파란 동그라미 칠 ✗) · 오늘 = 조금 더 밝게 · 둘 다 테두리 없이 */
.hg-cal .dd i.on{background:none!important;box-shadow:none!important;position:relative;isolation:isolate;color:var(--ink,#1f2a36);font-weight:700}
.hg-cal .dd i.on::after{content:"";position:absolute;left:50%;top:50%;width:112%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle closest-side,rgba(255,255,255,.95) 0,rgba(236,241,248,.9) 30%,rgba(196,210,232,.6) 55%,rgba(208,223,240,.24) 75%,rgba(222,233,245,0) 100%);filter:blur(1px)}
.hg-cal .dd i.today.on::after{display:none}
/* 10-31 슈아 「광채 빈자리에도 시그니처 빛 모양 은은하게 · 노란빛보다 은빛 · 티 안 나면 살짝 블루」: 레벨 없음 = 채운 ✦(은빛→연블루) 옅게 */
.hg-cal-stamp .hrd-none{color:transparent}
.hg-cal-stamp .hrd-none svg path{filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 4px rgba(169,184,214,.6))}
.hg-cal-stamp .hrd-none svg{background:radial-gradient(circle,#F3F6FB 0,#E1E9F5 62%,#CFDBEE 100%)!important}
/* 10-31 슈아 「광채가 바뀐 날부터 새 빛 · 앞날은 그때 빛 그대로 · 레벨업을 내 눈으로 · 크기는 지금 딱 좋아」: 크기 그대로 · 빛 세기만 그날 레벨(lo 1~3 · mid 4~7 · hi 8~10) */
.hg-cal .dd i.on[data-lv="lo"]::after{filter:blur(1px) brightness(1.02) saturate(1.1)}
.hg-cal .dd i.on[data-lv="mid"]::after{filter:blur(1px) saturate(1.35);box-shadow:0 0 6px rgba(150,176,222,.45)}
.hg-cal .dd i.on[data-lv="hi"]::after{filter:blur(.8px) saturate(1.6);box-shadow:0 0 8px 1px rgba(150,176,222,.6),0 0 2px rgba(255,255,255,.9) inset}
.hg-cal .dd i.today[data-lv="mid"]::before{filter:blur(2px) saturate(1.35)}.hg-cal .dd i.today[data-lv="hi"]::before{filter:blur(2px) saturate(1.6)}
/* 10-31 슈아 「하단탭 아이콘 사각 박스 ✗」: 그림에 그려진 흰·아이보리 바탕 = 곱하기로 녹임 */
.nav img.nic{mix-blend-mode:multiply}
/* 11-01 슈아 「홈 제목 = 아주 조금 내리기 · 프리텐다드 · 네이비 말고 부드러운 애쉬 차콜 · 위 아이콘 = 컬러칩」 */
.home-grid-top h1#homeGridGreeting{padding-top:7px;font-family:var(--hg-greet-font,'Pretendard Variable',Pretendard,sans-serif);color:#555A63!important;font-weight:600;letter-spacing:-.3px}
/* 11-01 슈아 「네이비 대신 부드러운 애쉬 차콜 · 기본·작은 아이콘(위 단추·아래 독) = 차콜 선」 */
.home-grid-top .hg-icons svg{stroke:#5A5F68!important}.home-grid-top .hg-icons i{color:#6E7178!important}
.home-grid-top .hg-logo b,.home-grid-top time{color:#555A63!important}
/* 11-01 슈아 「워십 티켓 = 어두운 카드에서 차콜 글자 안 보여 · 밝은 우윳빛」 · 「작은 홈 화면 글씨 = 프리텐다드(마루부리 ✗ · 결 깨짐)」 */
body .home-widget.worship-ticket,body .home-widget.worship-ticket *{color:rgba(243,246,251,.92)!important}body .home-widget.worship-ticket .home-widget-title{color:#FBFCFE!important}
.home-widget .home-widget-title,.hg-calbox .hd b{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important;letter-spacing:-.2px}