@font-face{font-family:'Gaegu';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/gaegu-latin.woff2') format('woff2')}
.home-content .app-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:285px;gap:24px}.home-content .app-icon{width:73px}.home-content .app-label{font-size:11px}.flash-page-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:45% 55% 51% 49%;background:#f2e2e88a;color:#a5768d}.flash-page-arrow svg{width:17px;height:17px}.flash-turn-corner{width:58px;height:60px;padding:10px;background:none;font-size:inherit}.flash-turn-previous{background:none}.flash-corner-glyph{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:45% 55% 46% 54%;background:#e9e2ccba;color:#a2916f;box-shadow:inset 0 1px #fffc;transform:rotate(-5deg)}.flash-turn-previous .flash-corner-glyph{transform:rotate(5deg)}.flash-corner-glyph svg{width:19px;height:19px}.flash-turn-corner:focus-visible{outline:2px solid #b194a6;outline-offset:-5px;border-radius:12px}.studio-location{background:linear-gradient(135deg,#eef0e5,#f8f5e9);border:1px solid #fff;border-radius:20px;padding:22px 19px 14px;margin-bottom:25px;color:#68705b}.studio-location h3{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.6px;margin-top:8px}.studio-location>p{font-size:11px;line-height:1.75;color:#838973;margin-top:9px}.location-address{display:flex;gap:12px;align-items:center;margin:19px 0 12px;padding:16px 13px;border-radius:12px;background:#fffdf5bf}.location-address>span{font-size:27px;line-height:1;color:#9ca47e}.location-address address{font-style:normal;font-size:13px;line-height:1.7;color:#657255;user-select:text}.location-actions{display:flex;flex-wrap:wrap;align-items:center;gap:3px 13px}.location-actions>a,.location-actions>button{display:inline-flex;align-items:center;min-height:44px;font-size:10px;background:none;padding:0;color:#8b6c7e;text-underline-offset:4px}.location-actions>a{text-decoration:underline}.studio-location .location-copy-status{min-height:16px;margin-top:0;font-size:10px;color:#8e796d}
@media(max-width:360px){.home-content .app-grid{gap:20px;max-width:270px}.home-content .app-icon{width:67px}.location-address{padding:13px 10px;gap:8px}.location-address address{font-size:12px}}
@media(max-width:600px){.flash-turn-corner{width:48px;height:50px;padding:8px}.flash-corner-glyph{width:23px;height:23px}.flash-corner-glyph svg{width:16px;height:16px}.flash-page-arrow{width:23px;height:23px}.flash-page-arrow svg{width:16px;height:16px}.flash-page-button{width:44px;padding:0;min-width:44px;min-height:44px;border-color:transparent;background:none}.flash-page-button-label{display:none}.flash-reader-hint{max-width:min(190px,calc(100vw - 150px));font-size:8px;line-height:1.5}.flash-reader-position{min-width:100px}}
.flash-design .catalog-art,.flash-preview-art .catalog-art{image-rendering:auto}/* Location matches the other small INFO rows and opens only on demand. */
.location-notes{margin-bottom:24px}.location-notes .studio-location{padding:0;margin:0;border:0;border-radius:0;background:none}.location-notes summary{min-height:64px}.location-notes .note-symbol svg{width:18px;height:18px}.location-details{padding:0 18px 12px}.location-details>p{font-size:11px;line-height:1.8;color:#8a8c7b}.location-details .location-address{margin-top:13px}.location-details .location-copy-status{min-height:16px;font-size:10px}.home-studio-location{display:flex;align-items:center;justify-content:center;gap:7px;max-width:290px;margin:11px auto 0;color:#a88996;font-family:'Comic Sans MS','Chalkboard SE','Segoe Print',cursive;font-size:10px;font-weight:400;line-height:1.8;text-decoration:none;letter-spacing:.01em}.home-studio-location>span:first-child{font-family:Georgia,serif;font-size:16px;color:#a4ac8c}.home-studio-location:hover{color:#956b83}.home-studio-location:focus-visible{outline:2px solid #b9a6bb;outline-offset:4px;border-radius:6px}.home-screen{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}.home-screen::-webkit-scrollbar{display:none}.home-top,.home-content,.home-bottom{flex-shrink:0}.home-bottom{padding-top:16px}.home-bottom .sample-caption{margin-top:12px}.home-bottom .home-indicator{margin-top:15px}/* A single beige canvas; vector charms keep the same shape on every device. */
html,body,.app-shell,.ambient-background,.app-wallpaper,.inner-screen{background:#f6f2e8}.app-wallpaper{pointer-events:none}.app-wallpaper>span{display:none}.avatar{background:#fffaf0}.avatar-star,.avatar-flower{display:block;line-height:0;font-size:0;pointer-events:none;user-select:none}.avatar-star{width:21px;height:25px;left:-4%;top:16%;color:#bba084;transform:rotate(-13deg)}.avatar-flower{width:26px;height:26px;right:0;bottom:0;color:#c2b18f;transform:rotate(9deg)}.avatar-star svg,.avatar-flower svg{display:block;width:100%;height:100%;overflow:visible}.home-studio-location{font-size:12px;line-height:1.75;max-width:330px;min-height:44px;padding:6px 4px;position:relative;z-index:2;pointer-events:auto;touch-action:manipulation}.home-studio-location>span:first-child{font-size:18px}.location-actions>a,.location-actions>button{font-size:11px;padding:8px 6px;min-height:44px;touch-action:manipulation}.content-source-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 3px;margin:2px 0;text-decoration:underline;text-underline-offset:4px;line-height:1.6;touch-action:manipulation}.ambient-background,.avatar-star,.avatar-flower,.home-indicator{pointer-events:none}.home-studio-location{width:100%;max-width:100%;font-family:ui-rounded,'SF Pro Rounded','Arial Rounded MT Bold','Trebuchet MS',sans-serif;font-size:clamp(11px,3.4vw,14px);font-weight:600;line-height:1.55;color:#886477;padding:10px 0;gap:5px;white-space:nowrap}.home-studio-location>#home-studio-address{min-width:0;overflow-wrap:normal;white-space:nowrap}.home-studio-location>span:first-child{flex-shrink:0}.small-brand{display:inline-flex;align-items:center;gap:5px}.small-brand>.brand-star{display:inline-flex;flex:none;width:15px;height:17px;line-height:0;margin:0;color:#bba084;transform:rotate(-10deg);pointer-events:none}.brand-star svg{display:block;width:100%;height:100%}.location-address address{font-size:16px;line-height:1.6}.location-actions>a,.location-actions>button{font-size:13px;padding:10px 6px}.external-link-fallback{position:fixed;z-index:2000;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(400px,calc(100% - 28px));padding:19px 34px 15px 17px;border:1px solid #ded2d4;border-radius:18px;background:#fffaf1;color:#705f65;box-shadow:0 8px 35px #66504324;font-size:13px;line-height:1.65}.external-link-fallback input{width:100%;min-width:0;font-size:16px;margin-top:11px;padding:9px;border:1px solid #ded2d4;border-radius:8px;background:#fffdf8;user-select:text}.external-link-fallback>div{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.external-link-fallback a,.external-link-fallback button{display:inline-flex;align-items:center;min-height:44px;background:none;color:#886477;font-size:13px;padding:6px 0;touch-action:manipulation}.external-link-fallback a{text-decoration:underline;text-underline-offset:3px}.external-link-fallback>.external-link-dismiss{position:absolute;right:6px;top:1px;justify-content:center;width:32px;font-size:23px}.external-link-fallback [role=status]:empty{display:none}/* Address taps open a local map sheet before any external navigation. */
#studio-map-dialog{width:min(540px,calc(var(--cozzyko-width,100vw) - 28px));height:auto;min-height:0;max-height:calc(var(--cozzyko-height,100dvh) - 28px);max-width:none;margin:auto;border:1px solid #e0d7c8;border-radius:23px;background:#fffaf1;color:#6d6557;overflow:auto;animation:none;box-shadow:0 20px 70px #55443940}#studio-map-dialog::backdrop{background:#51464d66;backdrop-filter:blur(5px)}.studio-map-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px 22px}.studio-map-header h2{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.5px}.studio-map-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#eee5e8;color:#997589;font-size:27px;line-height:1}.studio-map-body{padding:0 20px 17px}.studio-map-caption{font-size:12px;line-height:1.7;color:#8c8374}.studio-map-address{font-style:normal;font-size:16px;font-weight:600;line-height:1.6;margin:10px 0 16px;user-select:text}.studio-map-frame{display:block;width:100%;height:clamp(200px,34vh,300px);border:0;border-radius:12px;background:#eee8db}.studio-map-links,.studio-map-copies{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 13px}.studio-map-links{margin-top:10px}.studio-map-links a,.studio-map-copies button{display:inline-flex;align-items:center;min-height:44px;padding:9px 0;font-size:13px;color:#886477;background:none;text-underline-offset:4px;touch-action:manipulation}.studio-map-links a{text-decoration:underline}.studio-map-copies{border-top:1px solid #e8dfd3}.studio-map-app-note{font-size:11px;line-height:1.7;color:#938577;margin-top:8px}.studio-map-copy-text{display:block;width:100%;font-size:16px;margin-top:10px;padding:9px;border:1px solid #ded2c8;border-radius:8px;background:#fffdf8;user-select:text}.studio-map-copy-status{font-size:12px;line-height:1.6;color:#857858;margin-top:7px}.studio-map-copy-status:empty{display:none}

/* Soft handwritten phrases, with a little breathing room beneath the name. */
.home-content>.profile-bio{font-family:'Gaegu',ui-rounded,'Trebuchet MS',sans-serif;font-style:normal;font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.02em;color:#8a7969;margin-top:16px}.home-bottom>.home-signature{font-family:'Gaegu',ui-rounded,'Trebuchet MS',sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:0;color:#998a79;margin:0 0 9px}.cozzyko-short-viewport .home-bottom>.home-signature{display:block}

/* The social handle sits beneath the middle FLASH icon, with a generous tap area. */
.home-content>.profile-handle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:14px auto 0;padding:6px 12px;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.015em;color:#95816f;text-underline-offset:4px;touch-action:manipulation}.home-content>.profile-handle:hover{color:#92516a}

/* Little lights float around the home canvas, leaving every control clickable. */
.cozzyko-lights-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;border-radius:inherit}
.home-screen{z-index:1}

/* Cozzyko's little paper objects sit directly on the mint canvas. */
.home-content .app-grid{max-width:234px;gap:18px}
.home-content .app-icon-sketch{width:62px;height:62px;filter:drop-shadow(0 3px 2px #4d695a12)}
.app-icon-sketch>img{border-radius:0;object-fit:contain;transform:scale(1.08)}
.home-content .app-icon-button:hover .app-icon-sketch{filter:drop-shadow(0 6px 4px #4d695a1a)}
@media(max-width:360px){.home-content .app-grid{gap:12px}.home-content .app-icon-sketch{width:60px;height:60px}}

/* The artist's quiet mint-and-green wallpaper stays behind the home controls. */
#app-shell>.app-wallpaper{background-color:#e2f6ef;background-image:url('assets/cozzyko-wallpaper-v45.png');background-repeat:no-repeat;background-position:center calc(100% + 24px);background-size:max(100%,calc(var(--app-height) * .565)) auto}
.home-content .app-grid{margin-top:80px}
.home-content>.profile-handle{margin-top:6px}
@media(max-height:740px){.home-bottom{background:linear-gradient(180deg,#e8f8ed00,#e8f8edf5 12%,#f0fdebfa)}}
@media(orientation:landscape) and (max-height:650px){#app-shell>.app-wallpaper{background-size:auto 100%}}

/* Rounded paper frames keep the artist's three drawings together. */
.home-content .app-icon-sketch{display:flex;align-items:center;justify-content:center;padding:3px;border:1.5px solid #729b88;border-radius:17px 19px 16px 18px;overflow:hidden;filter:none;background:#fffdf4;box-shadow:inset 0 1px 0 #ffffffc9,0 3px 0 #9bb69d18,0 6px 12px #42644d0b}
.home-content .app-icon-sketch>img{width:100%;height:100%;border-radius:0;object-fit:contain;transform:none}
.home-content .app-icon-button[data-open-booking] .app-icon-sketch{background:#f3faf0;border-color:#729b88}
.home-content .app-icon-button[data-view=flash] .app-icon-sketch{background:#f3faf0;border-color:#729b88}
.home-content .app-icon-button[data-view=info] .app-icon-sketch{background:#f3faf0;border-color:#729b88}
.home-content .app-icon-button:hover .app-icon-sketch{filter:none;box-shadow:inset 0 1px 0 #ffffffc9,0 4px 0 #9bb69d18,0 8px 14px #42644d14}

.home-top{position:relative}
.home-bottom>.profile-handle{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 12px;margin:-10px auto -10.5px;color:#5a7a69;font-family:'Gaegu',ui-rounded,sans-serif;font-size:17px;font-weight:400;line-height:1.2;letter-spacing:0;text-decoration:none;text-underline-offset:3px;touch-action:manipulation}
.home-bottom>.profile-handle:hover{text-decoration:underline}

/* A smaller portrait and title rise together above the little app tiles. */
.home-content{padding-top:36px}
.home-content .avatar-wrap{width:124px;height:124px;margin-bottom:16px}
.home-content .avatar{width:118px;height:118px}
.home-content h1{font-size:30px;letter-spacing:-1.45px}
.home-content>.profile-bio{font-size:18px;margin-top:12px}
@media(max-width:767px),(hover:none) and (pointer:coarse){.home-content{padding-top:clamp(14px,calc(var(--cozzyko-height) * .073 - 22px),44px)}}
@media(max-width:520px){.home-content .avatar-wrap{width:118px;height:118px}.home-content .avatar{width:112px;height:112px}.home-content h1{font-size:29px}}
@media(max-height:840px){#app-shell>.app-wallpaper{background-size:100% 110%}}
@media(max-height:720px){#app-shell>.app-wallpaper{background-size:100% calc(100% + 24px)}.home-content{padding-top:14px}.home-content .avatar-wrap{width:98px;height:98px;margin-bottom:12px}.home-content .avatar{width:94px;height:94px}.home-content h1{font-size:26px}}
@media(max-height:590px){.home-content,.cozzyko-short-viewport .home-content{padding-top:7px}.home-content .avatar-wrap{width:83px;height:83px;margin-bottom:10px}.home-content .avatar{width:79px;height:79px}}

/* The little wallpaper cat gathers its tears into a quiet sea behind the controls. */
.cozzyko-tears-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0;pointer-events:none;user-select:none;border-radius:inherit}
.wallpaper-cat-button{position:absolute;z-index:2;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.wallpaper-cat-button:focus-visible{outline:2px dashed #7eb9af;outline-offset:3px}
@media(hover:hover){.wallpaper-cat-button:hover{box-shadow:0 0 0 4px #a6d6c926}}
