.myk-root{--greet-ink:#1f3c64;--greet-ring:#9fb6d6;--greet-line:#dfe5ee;--greet-soft:#f3f6fb;--myk-gold-soft:#f7f1e3;--myk-gold-line:#eadfc6}[data-theme=dark] .myk-root{--greet-ink:#cfdcf0;--greet-ring:#4a6488;--greet-line:#2f3946;--greet-soft:#1b2129;--myk-gold-soft:#2c2718;--myk-gold-line:#4a4230}.myk-root .greet-btn.is-p:hover{background:#f5f8fc;box-shadow:inset 0 0 0 1px #c9d5e6,0 3px 8px -6px #1f3c6440}.myk-root .greet-btn.is-p:active{background:#eef3fa}[data-theme=dark] .myk-root .greet-btn.is-p:hover{background:#222a33}.myk-hero{grid-template-columns:minmax(0,1fr) 120px;align-items:center}.myk-hero h1{font-weight:700}.myk-sub{color:var(--sv-accent);font:600 18px/1.35 var(--font-article-serif), Georgia, serif;margin:6px 0 0}.myk-nav{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.myk-nav a{background:var(--paper);box-shadow:inset 0 0 0 1px var(--sv-line);color:var(--sv-ink);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:700;text-decoration:none;transition:box-shadow .15s}.myk-nav a:hover{box-shadow:inset 0 0 0 1px var(--sv-accent)}.myk-ico{background:var(--myk-gold-soft);width:112px;height:112px;box-shadow:inset 0 0 0 2px var(--myk-gold-line);color:var(--sv-gold);border-radius:50%;grid-area:1/2;place-items:center;display:grid}.myk-ico svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;width:54px;height:54px}.myk-hero.has-pic{grid-template-columns:minmax(0,1fr) 250px;align-items:stretch}.myk-pic{background:url(/mykolai/hero-mykolai.webp) 50%/contain no-repeat;grid-area:1/2;min-height:200px}.myk-count{background:var(--sv-plate);box-shadow:inset 0 0 0 1px var(--sv-line);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 14px;padding:12px 14px;display:grid}.myk-count b{color:var(--sv-gold);font:700 34px/1 var(--font-article-serif), Georgia, serif;font-variant-numeric:tabular-nums}.myk-count span{color:var(--ink);font-size:13.5px;line-height:1.4}.myk-bar{background:var(--paper);height:8px;box-shadow:inset 0 0 0 1px var(--sv-line);border-radius:99px;grid-column:1/-1;overflow:hidden}.myk-bar i{background:linear-gradient(90deg, var(--sv-accent), var(--sv-gold));border-radius:99px;height:100%;display:block}.myk-root .sv-list{flex:1;align-content:space-between}.myk-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.myk-tile{box-shadow:inset 0 0 0 1px var(--sv-line);border-radius:12px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.myk-tile svg,.myk-gift svg{box-sizing:border-box;background:var(--myk-gold-soft);width:40px;height:40px;color:var(--sv-gold);fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:8px}.myk-tile b{color:var(--sv-ink);font:600 15px/1.3 var(--font-article-serif), Georgia, serif;display:block}.myk-tile span{color:var(--muted);font-size:13px;line-height:1.4}.myk-card{gap:14px;min-width:0;padding:24px;display:grid}.myk-card h2{color:var(--sv-ink);font:700 22px/1.25 var(--font-article-serif), Georgia, serif;text-wrap:balance;margin:0}.myk-h2row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.myk-more{color:var(--sv-ink);font:700 14px var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.myk-more svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.myk-more:hover{color:var(--sv-accent)}.myk-note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.myk-letter{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:stretch;gap:20px;display:grid}.myk-form{text-align:center;flex-direction:column;gap:12px;min-width:0;display:flex}.myk-form h2{margin-bottom:2px}.myk-form label,.myk-design>span{min-width:0;color:var(--sv-ink);font:700 13px var(--font-sans);gap:6px;display:grid}.myk-form input,.myk-form textarea{box-sizing:border-box;background:var(--paper);width:100%;min-width:0;box-shadow:inset 0 0 0 1.5px var(--sv-line);color:var(--ink);font:400 16px/1.45 var(--font-article-serif), Georgia, serif;text-align:center;resize:none;border:0;border-radius:10px;padding:10px 12px}.myk-form input:focus-visible,.myk-form textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--sv-accent);outline:none}.myk-row2{grid-template-columns:minmax(0,1fr) 96px;gap:10px;display:grid}.myk-grow{flex:1 1 0;grid-template-rows:auto minmax(64px,1fr)}.myk-grow textarea{height:100%}.myk-design{gap:6px;display:grid}.myk-styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.myk-styles button{background:var(--paper);box-shadow:inset 0 0 0 1px var(--sv-line);color:var(--ink);font:600 12px var(--font-sans);cursor:pointer;border:0;border-radius:10px;justify-items:center;gap:4px;padding:8px 4px;transition:box-shadow .15s;display:grid}.myk-styles button:hover{box-shadow:inset 0 0 0 1px var(--greet-ring)}.myk-styles button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--sv-ink)}.myk-styles img{object-fit:cover;width:44px;height:66px;box-shadow:0 0 0 1px var(--sv-line);border-radius:4px}.myk-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.myk-btns .greet-btn{justify-content:center}.myk-btns .greet-btn:disabled{cursor:progress;opacity:.7}.myk-paper{aspect-ratio:2/3;background:var(--sv-plate);width:100%;height:auto;box-shadow:0 0 0 1px var(--sv-line), 0 6px 18px #141e3c1a;border-radius:8px;align-self:start;display:block}.myk-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.myk-verse{min-width:0;box-shadow:inset 0 0 0 1px var(--sv-line);border-radius:14px;grid-template-rows:auto 1fr auto;gap:10px;padding:16px;display:grid}.myk-verse small{color:var(--sv-gold);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:800}.myk-verse p{color:var(--ink);font:16px/1.6 var(--font-article-serif), Georgia, serif;white-space:pre-line;margin:0}.myk-verse .greet-btns{margin-top:0}.myk-cards-note{color:var(--muted);margin:4px 0 0;font-size:13px}.myk-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.myk-pc{color:var(--sv-ink);cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid}.myk-card-art{aspect-ratio:2/3;width:100%;box-shadow:0 0 0 1px var(--sv-line);border-radius:10px;transition:box-shadow .15s;display:grid;overflow:hidden}.myk-card-art>*{grid-area:1/1}.myk-card-art img{object-fit:cover;width:100%;height:100%;display:block}.myk-card-art svg{width:100%;height:auto;display:block}.myk-pc:hover .myk-card-art{box-shadow:0 0 0 1px var(--greet-ring), 0 4px 12px #141e3c1a}.myk-pc b{font:600 14px/1.3 var(--font-article-serif), Georgia, serif;text-align:center}.myk-maker{border-top:1px solid var(--sv-line);gap:10px;padding-top:14px;display:grid}.myk-maker[hidden]{display:none}.myk-maker h3{color:var(--sv-ink);font:700 19px/1.3 var(--font-article-serif), Georgia, serif;margin:0}.myk-maker .greet-bgs{grid-template-columns:repeat(6,minmax(0,1fr))}.myk-gifts{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.myk-gift{box-shadow:inset 0 0 0 1px var(--sv-line);text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:6px;padding:14px 10px;display:grid}.myk-gift svg{width:44px;height:44px;padding:9px}.myk-gift b{color:var(--sv-ink);font:700 15px/1.3 var(--font-article-serif), Georgia, serif}.myk-gift span{color:var(--muted);font-size:13px;line-height:1.4}.myk-story{color:var(--ink);font:16.5px/1.7 var(--font-article-serif), Georgia, serif}.myk-story p{margin:0 0 12px}.myk-story p:last-child{margin-bottom:0}.myk-story-pic{float:left;aspect-ratio:4/5;background:var(--sv-plate);object-fit:cover;object-position:50% 60%;border-radius:14px;width:260px;max-width:42%;height:auto;margin:4px 20px 8px 0}.myk-story:after{content:"";clear:both;display:block}.myk-more-sv{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.myk-more-sv a{box-shadow:inset 0 0 0 1px var(--sv-line);color:var(--ink);border-radius:14px;align-content:start;gap:4px;padding:14px;text-decoration:none;transition:background-color .15s;display:grid}.myk-more-sv a:hover{background:var(--sv-plate)}.myk-more-sv small{color:var(--sv-gold);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px;font-weight:800}.myk-more-sv b{color:var(--sv-ink);font:600 16px/1.3 var(--font-article-serif), Georgia, serif}.myk-more-sv span{color:var(--muted);font-size:13px}@media (max-width:900px){.myk-gifts,.myk-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.myk-more-sv{grid-template-columns:repeat(2,minmax(0,1fr))}.myk-maker .greet-bgs{grid-template-columns:repeat(6,minmax(0,1fr))}.myk-hero.has-pic{grid-template-columns:minmax(0,1fr) 200px}}@media (max-width:760px){.myk-hero,.myk-hero.has-pic{grid-template-columns:minmax(0,1fr);padding:20px 16px;display:grid}.myk-ico,.myk-pic{display:none}.myk-card{padding:18px 16px}.myk-letter,.myk-three{grid-template-columns:minmax(0,1fr)}.myk-paper{justify-self:center;width:100%;max-width:400px}.myk-story-pic{float:none;aspect-ratio:16/10;width:100%;max-width:100%;margin:0 0 12px;display:block}.myk-maker .greet-bgs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.myk-tiles{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.myk-gifts,.myk-cards,.myk-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.myk-btns{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.myk-nav a,.myk-styles button,.myk-card-art,.myk-more-sv a{transition:none}}
