:root{--page-max-width:440px;--page-padding:20px;--card-radius:22px;--card-min-height:92px;--avatar-size:142px;--background:#f8efe3;--paper:#fff9f1;--ink:#343030;--muted:#756b67;--pink:#f3a7b3;--pink-soft:#fde5e8;--peach:#f4c989;--peach-soft:#fff0dc;--mint:#8bc7b7;--mint-soft:#e6f4ef;--lavender:#c5afd7;--lavender-soft:#f0e7f5;--border:#ffffffd1;--shadow:#533a2b29;--display:Georgia, "Times New Roman", serif;--body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--handwritten:"Comic Sans MS", "Bradley Hand", cursive;color:var(--ink);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:radial-gradient(circle at 18% 12%, #f3a7b333, transparent 22%), radial-gradient(circle at 82% 8%, #8bc7b72e, transparent 18%), radial-gradient(circle at 65% 78%, #f4c98933, transparent 24%), linear-gradient(110deg, #ffffff57 0 10%, transparent 10% 20%), repeating-linear-gradient(88deg, #533a2b06 0 1px, transparent 1px 7px), var(--background);min-height:100svh;margin:0}body:before{pointer-events:none;content:"";opacity:.48;background-image:radial-gradient(#533a2b29 .6px,#0000 .7px),radial-gradient(#ffffffb8 .7px,#0000 .8px);background-position:0 0,10px 14px;background-size:22px 22px,28px 28px;position:fixed;inset:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100svh}.page-shell{width:min(100%, var(--page-max-width));min-height:100svh;padding:42px var(--page-padding) 34px;margin:0 auto;position:relative;overflow:hidden}.profile-card{z-index:1;text-align:center;justify-items:center;display:grid;position:relative}.avatar-wrap{width:var(--avatar-size);height:var(--avatar-size);margin:14px auto 16px;position:relative}.avatar-wrap:before{content:"";filter:drop-shadow(0 9px 16px #533a2b2e);background:linear-gradient(#fff,#fff) padding-box padding-box,repeating-linear-gradient(135deg,#fff 0 9px,#ffe3dd 9px 18px) border-box;border:9px solid #0000;border-radius:50%;position:absolute;inset:-10px}.avatar{z-index:1;object-fit:cover;background:#ffe5eb;border-radius:50%;width:100%;height:100%;display:block;position:relative}h1{color:var(--ink);font-family:var(--display);letter-spacing:0;justify-content:center;align-items:center;gap:8px;margin:0;font-size:clamp(2.45rem,12vw,3.3rem);line-height:1.05;display:flex}h1 span{color:var(--pink);font-family:var(--handwritten);font-size:1.9rem;transform:rotate(-9deg)}.tagline{color:#4a403d;background:#fff8eec7;border-radius:2px;margin:14px 0 0;padding:6px 18px;font-size:.97rem;position:relative;box-shadow:0 4px 9px #533a2b14}.tagline:before,.tagline:after{content:"";background:#f4c98980;width:24px;height:8px;position:absolute;inset:0 auto auto 8px;transform:translateY(-6px)rotate(-5deg)}.tagline:after{background:#f3a7b35c;inset:auto 10px -5px auto;transform:rotate(4deg)}.bio{max-width:330px;color:var(--ink);margin:22px auto 34px;font-size:1rem;font-weight:550;line-height:1.78}.links{z-index:1;gap:12px;display:grid;position:relative}.link-card{--card-from:var(--pink-soft);--card-to:#fff8f1;--card-accent:var(--pink);min-height:var(--card-min-height);background:linear-gradient(135deg, #fff9, transparent 38%), linear-gradient(135deg, var(--card-from), var(--card-to));border:2px solid var(--border);border-radius:var(--card-radius);grid-template-columns:72px minmax(0,1fr) 48px;align-items:center;gap:14px;padding:13px 14px 13px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 18px #533a2b24,inset 0 1px #ffffffc7}.link-card:hover,.link-card:focus-visible{transform:translateY(-2px);box-shadow:0 13px 24px #533a2b2e,inset 0 1px #ffffffdb}.link-card:focus-visible{outline-offset:4px;outline:3px solid #343030c7}.link-card:active{transform:translateY(0)}.theme-peach{--card-from:var(--peach-soft);--card-to:#fff9ef;--card-accent:var(--peach)}.theme-mint{--card-from:var(--mint-soft);--card-to:#fffaf3;--card-accent:var(--mint)}.theme-lavender{--card-from:var(--lavender-soft);--card-to:#fff8f7;--card-accent:var(--lavender)}.card-tape{background:repeating-linear-gradient(90deg, transparent 0 5px, #ffffff59 5px 7px), color-mix(in srgb, var(--card-accent) 65%, #fff);opacity:.68;width:36px;height:12px;position:absolute;top:8px;left:20px;transform:rotate(-9deg)}.card-icon{width:66px;height:66px;color:var(--ink);background:radial-gradient(circle at 35% 28%,#ffffffe6,#0000 28%),#ffffff94;border:2px dashed #533a2b29;border-radius:18px;place-items:center;display:grid;box-shadow:0 5px 12px #533a2b1f}.card-icon svg{width:40px;height:40px}.service-logo{object-fit:contain;filter:drop-shadow(0 2px 3px #533a2b1f);width:48px;height:48px;display:block}.service-logo-youtube,.service-logo-x{border-radius:12px;width:44px;height:44px}.service-logo-twitcasting{width:56px;height:56px}.service-logo-mirrativ{border-radius:14px;width:52px;height:52px}.letter-icon{font-family:var(--display);font-size:2.4rem;line-height:1}.service-badge{width:100%;height:100%;color:var(--ink);text-align:center;border-radius:15px;place-items:center;padding:7px 4px;line-height:1;display:grid}.service-main{font-family:var(--display);letter-spacing:0;font-size:1.35rem;font-weight:800;display:block}.service-sub{letter-spacing:0;white-space:nowrap;margin-top:3px;font-size:.58rem;font-weight:800;display:block}.service-badge-twitcasting{color:#4a3e59;background:radial-gradient(circle at 26% 20%,#ffffffe0,#0000 27%),linear-gradient(145deg,#f7f1ff,#e9ddf1)}.service-badge-twitcasting .service-main{font-family:var(--body);font-size:1.08rem;font-weight:900}.service-badge-twitcasting .service-sub{font-size:.7rem}.service-badge-mirrativ{color:#fff;text-shadow:0 1px 1px #2b655a59;background:radial-gradient(circle at 30% 20%,#ffffffd6,#0000 28%),linear-gradient(145deg,#a8ded0,#77bfae)}.service-badge-mirrativ .service-main{font-size:2rem;font-style:italic}.service-badge-mirrativ .service-sub{font-size:.5rem}.card-copy{text-align:left;gap:5px;min-width:0;display:grid}.card-title{color:var(--ink);font-family:var(--display);overflow-wrap:anywhere;font-size:clamp(1.45rem,7vw,1.82rem);font-weight:700;line-height:1.05}.card-description{color:var(--muted);overflow-wrap:anywhere;font-size:.92rem;font-weight:560;line-height:1.32}.card-arrow{color:#fff;background:color-mix(in srgb, var(--card-accent) 82%, #fff);border-radius:999px;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 1px 2px #ffffff70,0 6px 12px #533a2b24}.card-arrow svg{width:27px;height:27px}.decor{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.note-left{color:#574945;width:92px;font-family:var(--handwritten);text-align:center;clip-path:polygon(0 0,100% 5%,96% 92%,76% 96%,65% 90%,52% 100%,38% 92%,21% 97%,0 91%);background:linear-gradient(140deg,#ffffff57,#0000 46%),#ffdadd;padding:14px 8px 18px;font-size:.84rem;line-height:1.35;top:28px;left:20px;transform:rotate(-8deg);box-shadow:0 7px 15px #533a2b1f}.note-left:before{content:"";background:#f4c98980;width:44px;height:12px;position:absolute;top:-7px;left:28px;transform:rotate(9deg)}.note-left:after{color:var(--pink);content:"♡";margin-top:5px;font-size:1.4rem;display:block}.cloth-right{clip-path:polygon(7% 0,100% 6%,88% 100%,0 88%);background:linear-gradient(45deg,#ffffff7a,#0000),#fff4ed;border:2px dashed #533a2b26;width:72px;height:76px;top:30px;right:16px;transform:rotate(9deg)}.cloth-right span{color:var(--pink);font:0/0 var(--handwritten);text-align:center;position:absolute;inset:24px 0 0}.cloth-right span:before{content:"♥";font-size:1.7rem;line-height:1}.doodle-one{color:#514947;font-family:var(--handwritten);font-size:1.1rem;top:176px;left:52px;transform:rotate(12deg)}.doodle-two{color:#514947;font-family:var(--handwritten);font-size:1.55rem;top:178px;right:48px;transform:rotate(-12deg)}.footer-note{z-index:1;color:#574945;width:min(310px,88%);font-family:var(--handwritten);text-align:center;background:#fff8eee0;margin:24px auto 0;padding:11px 18px;font-size:.95rem;position:relative;box-shadow:0 7px 15px #533a2b17}.footer-note span:before,.footer-note span:after{content:"";background:#f3a7b373;width:54px;height:14px;position:absolute;top:-9px}.footer-note span:before{left:-10px;transform:rotate(-10deg)}.footer-note span:after{background:#8bc7b761;right:-8px;transform:rotate(7deg)}.empty-state{color:var(--muted);text-align:center;background:#fff9f1b8;border-radius:18px;margin:0;padding:20px}@media (width<=380px){:root{--page-padding:15px;--card-min-height:88px;--avatar-size:128px}.page-shell{padding-top:32px}.link-card{grid-template-columns:60px minmax(0,1fr) 42px;gap:10px;padding:12px}.card-icon{border-radius:16px;width:58px;height:58px}.card-icon svg{width:34px;height:34px}.card-arrow{width:40px;height:40px}.note-left{width:80px;font-size:.75rem}.cloth-right{width:58px;height:64px}}@media (width>=768px){.page-shell{background:linear-gradient(#ffffff3d,#ffffff14),#fff9f157;border-radius:34px;min-height:auto;margin-top:26px;margin-bottom:26px;padding-top:52px;box-shadow:0 22px 50px #533a2b24}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}