.ideas-page{
    position:relative;
    min-height:100vh;
    padding:118px 20px 72px;
    color:#eafaff;
}

.ideas-experience,
.ideas-inbox{
    width:min(920px, 100%);
    margin:0 auto;
}

.ideas-header{
    max-width:680px;
    margin:0 auto 28px;
    text-align:center;
}

.ideas-eyebrow{
    margin:0 0 8px;
    color:#73e8ff;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.ideas-header h1,
.ideas-confirmation h1,
.ideas-inbox h1,
.ideas-folder-title{
    margin:0 0 12px;
    color:#fff;
    font-family:"Cinzel Decorative", "Cinzel", serif;
    font-size:clamp(2.4rem, 7vw, 4.2rem);
    text-shadow:0 0 28px rgba(71,219,255,.25);
}

.ideas-header > p:last-child{
    margin:0;
    color:rgba(227,247,255,.8);
    line-height:1.7;
}

.ideas-ritual{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:34px;
    min-height:650px;
    perspective:1100px;
}

.ideas-urn{
    position:relative;
    z-index:3;
    width:min(300px, 72vw);
    height:255px;
    filter:drop-shadow(0 20px 28px rgba(0,5,14,.55));
}

.ideas-urn-finial{
    position:absolute;
    top:0;
    left:50%;
    z-index:4;
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border:1px solid rgba(116,236,255,.72);
    border-radius:50%;
    color:#c5f8ff;
    background:radial-gradient(circle, #2a799a 0, #0a334e 52%, #041a2d 100%);
    box-shadow:0 0 22px rgba(47,220,255,.55);
    transform:translate(-50%, -28%);
}

.ideas-urn-lid{
    position:absolute;
    top:29px;
    left:5%;
    z-index:3;
    width:90%;
    height:56px;
    border:1px solid rgba(133,233,255,.54);
    border-radius:50% 50% 18px 18px / 60% 60% 20px 20px;
    background:linear-gradient(180deg, #17658a 0%, #0b3d5e 44%, #06243e 100%);
    box-shadow:inset 0 8px 12px rgba(154,246,255,.09), 0 4px 0 #031523;
}

.ideas-urn-slot{
    position:absolute;
    top:20px;
    left:50%;
    width:64%;
    height:12px;
    border:1px solid rgba(112,227,255,.45);
    border-radius:50%;
    background:#010811;
    box-shadow:inset 0 2px 5px #000, 0 0 13px rgba(60,223,255,.25);
    transform:translateX(-50%);
}

.ideas-urn-body{
    position:absolute;
    top:67px;
    left:10%;
    z-index:2;
    display:grid;
    width:80%;
    height:157px;
    place-items:center;
    overflow:hidden;
    border:1px solid rgba(111,222,248,.4);
    border-radius:12px 12px 35% 35% / 8px 8px 22px 22px;
    background:
        radial-gradient(circle at 50% 18%, rgba(106,235,255,.15), transparent 34%),
        linear-gradient(90deg, #06243c 0, #0e4d70 22%, #0b3f61 50%, #0e4d70 78%, #052239 100%);
    box-shadow:inset 12px 0 22px rgba(0,6,15,.33), inset -12px 0 22px rgba(0,6,15,.33);
}

.ideas-urn-emblem{
    display:grid;
    width:72px;
    height:72px;
    place-items:center;
    border:1px solid rgba(140,239,255,.45);
    border-radius:50%;
    color:rgba(185,244,255,.88);
    font-family:"Cinzel Decorative", serif;
    font-size:2rem;
    box-shadow:inset 0 0 18px rgba(64,220,255,.12), 0 0 18px rgba(34,197,232,.1);
}

.ideas-urn-line{
    position:absolute;
    top:-25px;
    width:1px;
    height:205px;
    background:linear-gradient(transparent, rgba(139,232,255,.32), transparent);
    transform:rotate(13deg);
}

.ideas-urn-line--left{left:21%;}
.ideas-urn-line--right{right:21%;transform:rotate(-13deg);}

.ideas-urn-base{
    position:absolute;
    bottom:10px;
    left:4%;
    z-index:3;
    width:92%;
    height:29px;
    border:1px solid rgba(124,225,248,.38);
    border-radius:50%;
    background:linear-gradient(180deg, #0d4b6d, #041a2d);
}

.ideas-urn-glow{
    position:absolute;
    bottom:-12px;
    left:50%;
    z-index:0;
    width:130%;
    height:82px;
    border-radius:50%;
    background:rgba(49,210,255,.22);
    filter:blur(30px);
    opacity:.65;
    transform:translateX(-50%);
}

.idea-letter{
    --idea-travel-x:0px;
    --idea-travel-y:-300px;
    position:relative;
    z-index:5;
    width:min(620px, calc(100vw - 36px));
    height:300px;
    transform-style:preserve-3d;
    transition:transform .8s cubic-bezier(.4,.06,.23,1), opacity .28s ease;
}

.idea-letter-paper,
.idea-fold{
    position:absolute;
    inset:0;
    border:1px solid rgba(104,75,44,.24);
    background-color:#f2e5c9;
    background-image:
        repeating-linear-gradient(0deg, rgba(111,84,52,.025) 0 1px, transparent 1px 5px),
        radial-gradient(circle at 15% 15%, rgba(255,255,255,.52), transparent 34%),
        radial-gradient(circle at 85% 80%, rgba(143,98,47,.09), transparent 32%);
    box-shadow:0 20px 45px rgba(0,5,13,.42), inset 0 0 36px rgba(126,86,39,.08);
    clip-path:polygon(.5% 2%, 5% .5%, 12% 1.6%, 20% .4%, 29% 1.2%, 40% .2%, 50% 1.1%, 61% .3%, 72% 1.4%, 84% .4%, 94% 1.2%, 99.4% 2.5%, 99% 97%, 93% 99%, 83% 98.2%, 72% 99.5%, 61% 98.4%, 49% 99.6%, 37% 98.5%, 25% 99.4%, 13% 98.2%, 1% 99%);
}

.idea-letter-paper{
    z-index:1;
    display:flex;
    flex-direction:column;
    padding:35px 42px 28px;
    transition:filter .35s ease, opacity .35s ease;
}

.idea-letter textarea{
    flex:1;
    width:100%;
    min-height:0;
    resize:none;
    border:0;
    outline:0;
    color:#31424a;
    background:transparent;
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(1.05rem, 2.4vw, 1.24rem);
    line-height:1.75;
    caret-color:#0a6f8e;
}

.idea-letter textarea::placeholder{color:#667b7e;opacity:.78;font-style:italic;}
.idea-letter textarea:focus-visible{box-shadow:inset 0 -2px 0 rgba(10,111,142,.4);}

.idea-letter-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-top:14px;
    border-top:1px solid rgba(83,74,60,.18);
    color:#66706e;
    font-size:.78rem;
}

.idea-letter-footer button,
.ideas-inbox button{
    min-height:42px;
    border:1px solid rgba(54,116,127,.45);
    border-radius:999px;
    color:#f7ffff;
    background:linear-gradient(135deg, #0e718c, #07475f);
    box-shadow:0 7px 18px rgba(4,42,57,.22);
    cursor:pointer;
}

.idea-letter-footer button{min-width:104px;padding:10px 22px;font-family:"Cinzel", serif;font-weight:700;}
.idea-letter-footer button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.46;}
.idea-letter-footer button:not(:disabled):hover{filter:brightness(1.14);transform:translateY(-1px);}

.idea-fold{
    z-index:2;
    pointer-events:none;
    opacity:0;
    box-shadow:none;
    backface-visibility:hidden;
}

.idea-fold--bottom{clip-path:polygon(0 100%, 50% 40%, 100% 100%);transform:rotateX(92deg);transform-origin:bottom;}
.idea-fold--top{z-index:5;display:grid;place-items:center;clip-path:polygon(0 0, 50% 64%, 100% 0);transform:rotateX(-94deg);transform-origin:top;}
.idea-fold--left{z-index:3;clip-path:polygon(0 0, 55% 50%, 0 100%);transform:rotateY(-92deg);transform-origin:left;}
.idea-fold--right{z-index:4;clip-path:polygon(100% 0, 45% 50%, 100% 100%);transform:rotateY(92deg);transform-origin:right;}
.idea-fold--top i{margin-top:-78px;color:#157a93;font-family:"Cinzel Decorative",serif;font-size:1.5rem;font-style:normal;}

.idea-letter[data-idea-state="folding"] .idea-letter-paper,
.idea-letter[data-idea-state="moving"] .idea-letter-paper,
.idea-letter[data-idea-state="inserting"] .idea-letter-paper{filter:saturate(.8);}

.idea-letter[data-idea-state="folding"] .idea-fold,
.idea-letter[data-idea-state="moving"] .idea-fold,
.idea-letter[data-idea-state="inserting"] .idea-fold{opacity:1;transition:transform .4s ease, opacity .12s ease;}
.idea-letter[data-idea-state="folding"] .idea-fold--bottom,
.idea-letter[data-idea-state="moving"] .idea-fold--bottom,
.idea-letter[data-idea-state="inserting"] .idea-fold--bottom{transform:rotateX(0);}
.idea-letter[data-idea-state="folding"] .idea-fold--left,
.idea-letter[data-idea-state="moving"] .idea-fold--left,
.idea-letter[data-idea-state="inserting"] .idea-fold--left{transform:rotateY(0);transition-delay:.18s;}
.idea-letter[data-idea-state="folding"] .idea-fold--right,
.idea-letter[data-idea-state="moving"] .idea-fold--right,
.idea-letter[data-idea-state="inserting"] .idea-fold--right{transform:rotateY(0);transition-delay:.18s;}
.idea-letter[data-idea-state="folding"] .idea-fold--top,
.idea-letter[data-idea-state="moving"] .idea-fold--top,
.idea-letter[data-idea-state="inserting"] .idea-fold--top{transform:rotateX(0);transition-delay:.36s;}
.idea-letter[data-idea-state="folding"] textarea,
.idea-letter[data-idea-state="folding"] .idea-letter-footer,
.idea-letter[data-idea-state="moving"] textarea,
.idea-letter[data-idea-state="moving"] .idea-letter-footer,
.idea-letter[data-idea-state="inserting"] textarea,
.idea-letter[data-idea-state="inserting"] .idea-letter-footer{opacity:0;transition:opacity .16s ease;}
.idea-letter[data-idea-state="moving"]{transform:translate3d(var(--idea-travel-x), calc(var(--idea-travel-y) + 34px), 90px) rotateZ(3deg) rotateX(70deg) scale(.58);}
.idea-letter[data-idea-state="inserting"]{z-index:2;opacity:0;transform:translate3d(var(--idea-travel-x), var(--idea-travel-y), -40px) rotateZ(1deg) rotateX(86deg) scale(.36);transition-duration:.3s;}

.ideas-experience[data-idea-state="inserting"] .ideas-urn-glow{animation:ideas-receive-glow .34s ease-out;}
.ideas-status{min-height:24px;margin:8px auto 18px;color:#a9eefe;text-align:center;font-size:.84rem;}
.ideas-privacy{max-width:680px;margin:0 auto;padding:18px 22px;border:1px solid rgba(105,222,244,.18);border-radius:16px;background:rgba(3,22,38,.62);color:rgba(219,242,249,.75);font-size:.84rem;line-height:1.6;backdrop-filter:blur(10px);}
.ideas-privacy strong{color:#c5f7ff;font-family:"Cinzel",serif;}
.ideas-privacy p{margin:5px 0 0;}

.ideas-confirmation{max-width:650px;margin:clamp(80px, 14vh, 150px) auto;padding:58px 30px;border:1px solid rgba(105,229,255,.28);border-radius:28px;background:radial-gradient(circle at 50% 0, rgba(66,218,255,.14), transparent 50%),rgba(3,23,40,.72);box-shadow:0 24px 70px rgba(0,4,12,.35);text-align:center;backdrop-filter:blur(12px);}
.ideas-confirmation h1{font-size:clamp(2rem, 6vw, 3.4rem);}
.ideas-confirmation > p:last-child{color:rgba(224,246,252,.74);}
.ideas-confirmation-seal{display:grid;width:70px;height:70px;margin:0 auto 22px;place-items:center;border:1px solid rgba(119,232,255,.5);border-radius:50%;color:#bdf5ff;background:rgba(8,73,99,.52);box-shadow:0 0 35px rgba(44,211,249,.25);font-size:1.6rem;}
.ideas-admin-entry{min-height:44px;margin-top:20px;padding:10px 22px;border:1px solid rgba(105,229,255,.4);border-radius:999px;color:#effdff;background:linear-gradient(135deg,#0f7894,#07475f);box-shadow:0 8px 22px rgba(0,24,38,.3);font-family:"Cinzel",serif;font-weight:700;cursor:pointer;}
.ideas-header .ideas-admin-entry{margin-top:18px;}
.ideas-confirmation--error{border-color:rgba(255,171,151,.3);}

.ideas-inbox{padding:30px;border:1px solid rgba(110,225,247,.22);border-radius:24px;background:rgba(3,21,36,.82);box-shadow:0 24px 70px rgba(0,4,12,.42);backdrop-filter:blur(14px);}
.ideas-inbox-header{margin-bottom:30px;}
.ideas-inbox-header h1{font-size:clamp(2rem, 5vw, 3.2rem);}
.ideas-inbox-header > p:last-child{color:rgba(221,244,250,.72);}
.ideas-inbox-section + .ideas-inbox-section{margin-top:32px;}
.ideas-inbox-section h2{margin:0 0 14px;color:#d8f9ff;font-family:"Cinzel",serif;}
.ideas-folder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;}
.ideas-folder{display:grid;grid-template-columns:auto 1fr;gap:4px 11px;align-items:center;padding:16px;text-align:left;border-radius:14px!important;}
.ideas-folder-icon{grid-row:1 / 3;font-size:1.6rem;}
.ideas-folder small{color:rgba(226,247,252,.7);}
.ideas-inbox-list{display:grid;gap:9px;}
.ideas-inbox-row{width:100%;padding:12px 18px;text-align:left;border-radius:12px!important;}
.ideas-inbox-back{margin-bottom:25px;padding:9px 18px;}
.ideas-folder-title{font-size:clamp(1.8rem,5vw,3rem);}
.ideas-read-letter{max-width:650px;margin:10px auto;padding:clamp(28px,6vw,54px);color:#33454a;background:#f1e4c8;background-image:repeating-linear-gradient(0deg,rgba(111,84,52,.025) 0 1px,transparent 1px 5px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.6),transparent 36%);box-shadow:0 22px 55px rgba(0,4,12,.48);clip-path:polygon(.5% 1%,12% .2%,24% 1.3%,38% .3%,52% 1.1%,67% .2%,81% 1.2%,99.4% .5%,99% 99%,84% 98.4%,70% 99.5%,54% 98.4%,39% 99.4%,22% 98.5%,1% 99%);}
.ideas-read-letter-meta{padding-bottom:15px;border-bottom:1px solid rgba(68,72,65,.18);font-family:"Cinzel",serif;font-weight:700;}
.ideas-read-letter-content{min-height:150px;white-space:pre-wrap;font-family:Georgia,serif;font-size:1.12rem;line-height:1.75;}
.ideas-favorite{padding:10px 18px;color:#fff6ce!important;background:linear-gradient(135deg,#8e6815,#5d4109)!important;}
.ideas-inbox-empty{color:rgba(221,244,250,.58);font-style:italic;}
.ideas-inbox-error{margin:0 0 12px;padding:12px 15px;border:1px solid rgba(255,151,132,.34);border-radius:12px;color:#ffd9d1;background:rgba(83,25,25,.55);}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

@keyframes ideas-receive-glow{50%{opacity:1;transform:translateX(-50%) scale(1.18);background:rgba(111,240,255,.48);}}

@media (max-width:600px){
    .ideas-page{padding:96px 12px 52px;}
    .ideas-header{margin-bottom:20px;padding:0 8px;}
    .ideas-ritual{gap:22px;min-height:555px;}
    .ideas-urn{width:220px;height:200px;}
    .ideas-urn-lid{top:26px;height:45px;}
    .ideas-urn-slot{top:16px;}
    .ideas-urn-body{top:59px;height:116px;}
    .ideas-urn-emblem{width:54px;height:54px;font-size:1.5rem;}
    .ideas-urn-base{bottom:7px;}
    .idea-letter{width:calc(100vw - 24px);height:285px;}
    .idea-letter-paper{padding:27px 23px 22px;}
    .idea-letter-footer{gap:10px;font-size:.7rem;}
    .idea-letter-footer button{min-width:84px;padding-inline:16px;}
    .ideas-privacy{padding:16px;}
    .ideas-inbox{padding:20px 14px;}
    .ideas-read-letter{padding:32px 24px;}
}

@media (prefers-reduced-motion:reduce){
    .idea-letter[data-idea-state="folding"]{transform:scale(.9);}
    .idea-letter[data-idea-state="moving"]{opacity:.4;transform:translate3d(var(--idea-travel-x),var(--idea-travel-y),0) scale(.42);}
    .idea-letter[data-idea-state="inserting"]{opacity:0;}
}